sketchferret/CharacterGardenStack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: improve layout and styling consistency across components

Browse Source
This commit is contained in:
spencer
2026-04-23 21:08:54 -04:00
parent 1df2ae8164
commit c2d12ffcc9
3 changed files with 39 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
charactergarden/frontend/src/App.tsx
View File

@@ -146,7 +146,7 @@ export default function App() {
<section className="result-card">
<h2>Latest result</h2>
<p>{latest.narration}</p>
<pre>{JSON.stringify({ actions: latest.actions, rejected: latest.rejected, latent: latest.latent_resolution }, null, 2)}</pre>
<pre>{JSON.stringify({ actions: latest.actions, rejected: latest.rejected, latent: latest.latent_resolution }, null, 0)}</pre>
</section>
) : null}
@@ -160,9 +160,8 @@ export default function App() {
<ul className="entity-list">
{snapshot?.entities.map((entity) => (
<li key={entity.id}>
<strong>{entity.name}</strong>
<span>{entity.type}</span>
<pre>{JSON.stringify(entity.attributes, null, 2)}</pre>
<strong>{entity.name}</strong> <span>{entity.type}</span>
<pre>{JSON.stringify(entity.attributes, null, 0)}</pre>
</li>
))}
</ul>
@@ -173,9 +172,7 @@ export default function App() {
<ul className="timeline-list">
{snapshot?.turns.slice().reverse().map((turn) => (
<li key={turn.id}>
<strong>Turn {turn.turn}</strong>
<p>{turn.input}</p>
<p>{turn.output}</p>
<strong>Turn {turn.turn}:</strong> {turn.input} → {turn.output}
</li>
))}
</ul>
@@ -186,8 +183,7 @@ export default function App() {
<ul className="timeline-list compact">
{snapshot?.events.slice().reverse().map((event) => (
<li key={event.id}>
<strong>{event.result}</strong>
<pre>{JSON.stringify(event.action, null, 2)}</pre>
<strong>{event.result}:</strong> <pre>{JSON.stringify(event.action, null, 0)}</pre>
</li>
))}
</ul>
@@ -199,9 +195,7 @@ export default function App() {
<ul className="timeline-list compact">
{snapshot?.beliefs.map((belief) => (
<li key={`${belief.entity_id}-${belief.claim}`}>
<strong>{belief.entity_id}</strong>
<p>{belief.claim}</p>
<p>confidence: {belief.confidence}</p>
<strong>{belief.entity_id}:</strong> {belief.claim} ({belief.confidence})
</li>
))}
</ul>
@@ -209,8 +203,7 @@ export default function App() {
<ul className="timeline-list compact">
{snapshot?.summaries.map((summary) => (
<li key={summary.id}>
<strong>{summary.turn_range.join("-")}</strong>
<p>{summary.text}</p>
<strong>{summary.turn_range.join("-")}:</strong> {summary.text}
</li>
))}
</ul>