@xenosystem/agent-conversation 0.1.76 → 0.1.78

package/src/transcript.css

@@ -415,13 +415,14 @@
    durations READ the same (see the JSX); the moment there is other work the receipt returns.
    `Worked for` blurs out exactly as the square does, and the thought glides into its place:
    the same fold, one column further. */
-/* RUN-IN: the trace begins on the SAME line, just right of `Thought for 2s >`, and wraps to the
-   full width underneath — so a one-sentence trace reads as one line rather than a header with a
+/* RUN-IN (`xa-runin`, every settled thought-only line with words — the solo `Thought for 2s >`
+   and, since 2026-09-25, the receipt `Worked for 15s | Thought for 10s >` too): the trace begins on
+   the SAME line, just right of the chevron, and wraps to the full width underneath — so a one-sentence trace reads as one line rather than a header with a
    near-empty row under it. A float is the only thing that does this: grid and flex both put a
    child in its OWN track, which is what produced the second row. The header floats, the trace is
    ordinary flow text, and the browser shortens the first line by the float's width for free.
    The line stops being a grid here, so the `grid-area` assignments below no longer apply to it. */
-.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo.xa-squared {
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared {
   display: block;
   /* the 16px text line CENTRED in the 22px clock row, where the grid had it. A block puts its first
      line at the top, so without this the thought rose 3px at the fold — the vertical move the eye
@@ -432,14 +433,27 @@
    overlapped the trace's second 16px line too, so line 1 also started at x=91.6 instead of
    returning to the left margin — measured. Matching the float to the text's own line-height
    means exactly ONE line runs in, and every line after it is full width. */
-.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo.xa-squared > .xa-cur,
-.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo.xa-squared > .xa-chev {
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-read,
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-vr,
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-cur,
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-chev {
   float: left;
   height: 16px;
   display: flex;
   align-items: center;
 }
-.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo.xa-squared > .xa-chev {
+/* the gaps the grid's column-gap used to give: 10px between the clock's parts, 8px before the trace */
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-read,
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-vr,
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-cur {
+  margin-right: 10px;
+}
+/* the divider is 10px tall inside the 16px float: centred where the grid's align-items put it */
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-vr {
+  height: 10px;
+  margin-top: 3px;
+}
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-chev {
   margin-right: 8px;         /* the gap the grid's column-gap used to give */
 }
 /* 🔴 The trace must NOT establish a block formatting context. `overflow: hidden` does, and a BFC
@@ -447,23 +461,23 @@
    instead of wrapping under it. The fold's `overflow: hidden` therefore cannot live here; the
    0fr/1fr grid on `.xa-hang` is also a BFC, so the FOLD moves out to a wrapper and this element
    stays plain flow text. */
-.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo.xa-squared > .xa-hang {
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-hang {
   display: block;
   overflow: visible;
   grid-template-rows: none;
   transition: none;
 }
-.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo.xa-squared > .xa-hang > .xa-hangin {
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-hang > .xa-hangin {
   overflow: visible;
   padding: 0;
 }
 /* folded: the trace is simply not rendered, rather than a zero-height box that would still
    shorten the first line — except while CLOSING, when it stays laid out so the line can roll back up
    over it (the Transcript animates the line's height; the trace cannot animate its own) */
-.xa-collapsed .xa-turn.xa-thought-only:not(.xa-open) .xa-line.xa-thoughtsolo:not(.xa-closing) > .xa-hang { display: none; }
-.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo.xa-squared > .xa-shots { float: right; }
+.xa-collapsed .xa-turn.xa-thought-only:not(.xa-open) .xa-line.xa-runin:not(.xa-closing) > .xa-hang { display: none; }
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-shots { float: right; }
 /* the float must not escape the line into the reply below it */
-.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo.xa-squared::after {
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared::after {
   content: '';
   display: block;
   clear: both;