swarm-ui: fix agent term preview placeholder wrapping one char per line
This commit is contained in:
parent
6de28514cd
commit
8db1e61cd3
1 changed files with 14 additions and 3 deletions
|
|
@ -64,9 +64,20 @@ export function AgentTermPreview({ agentName }: { agentName: string }) {
|
||||||
<div class="live terminal" ref={logRef} onScroll={handleScroll}>
|
<div class="live terminal" ref={logRef} onScroll={handleScroll}>
|
||||||
{rows.length === 0 ? (
|
{rows.length === 0 ? (
|
||||||
<div class="row note">
|
<div class="row note">
|
||||||
{connection === "open"
|
{/* Explicit `.row-content` wrapper, not a bare text child —
|
||||||
? "(connected — waiting for events)"
|
`.live .row`'s CSS grid (terminal.css) has a narrow
|
||||||
: CONNECTION_LABEL[connection]}
|
first column reserved for a row icon; a row's lone
|
||||||
|
child with no explicit `grid-column` auto-places into
|
||||||
|
that column instead of the content one, wrapping the
|
||||||
|
text one or two characters per line — mara reported
|
||||||
|
exactly this on the live "connecting…" placeholder.
|
||||||
|
`Row.tsx`'s own icon-less flat row already documents
|
||||||
|
and avoids this same trap. */}
|
||||||
|
<span class="row-content">
|
||||||
|
{connection === "open"
|
||||||
|
? "(connected — waiting for events)"
|
||||||
|
: CONNECTION_LABEL[connection]}
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
rows.map((row) => <Row key={row.key} row={row} />)
|
rows.map((row) => <Row key={row.key} row={row} />)
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue