@xenosystem/agent-conversation 0.1.65 → 0.1.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/agent-conversation",
-  "version": "0.1.65",
+  "version": "0.1.66",
   "license": "UNLICENSED",
   "description": "The XENO Agent conversation surface: the transcript, the composer, and the logic behind them.",
   "type": "module",
@@ -43,10 +43,10 @@
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
     "zustand": "^5.0.2",
+    "@xenosystem/agent-interface-hub-adapter": "0.1.51",
     "@xenosystem/agent-interface-contract": "0.1.51",
     "@xenosystem/agent-interface-core": "0.1.51",
-    "@xenosystem/agent-interface-client": "0.1.51",
-    "@xenosystem/agent-interface-hub-adapter": "0.1.51"
+    "@xenosystem/agent-interface-client": "0.1.51"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/transcript.css

@@ -364,11 +364,53 @@
    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
+   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:not(.xa-live) .xa-line.xa-thoughtsolo {
-  grid-template-columns: auto auto 1fr;
-  grid-template-areas:
-    "cur chev shots"
-    "hang hang hang";
+  display: block;
+}
+/* 🔴 The float's HEIGHT decides how many lines are shortened. At the clock row's 22px it
+   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:not(.xa-live) .xa-line.xa-thoughtsolo > .xa-cur,
+.xa-collapsed .xa-turn.xa-thought-only:not(.xa-live) .xa-line.xa-thoughtsolo > .xa-chev {
+  float: left;
+  height: 16px;
+  display: flex;
+  align-items: center;
+}
+.xa-collapsed .xa-turn.xa-thought-only:not(.xa-live) .xa-line.xa-thoughtsolo > .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
+   never overlaps a float — measured, the whole block indented to x=91.6 and sat beside the header
+   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:not(.xa-live) .xa-line.xa-thoughtsolo > .xa-hang {
+  display: block;
+  overflow: visible;
+  grid-template-rows: none;
+  transition: none;
+}
+.xa-collapsed .xa-turn.xa-thought-only:not(.xa-live) .xa-line.xa-thoughtsolo > .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 */
+.xa-collapsed .xa-turn.xa-thought-only:not(.xa-open) .xa-line.xa-thoughtsolo > .xa-hang { display: none; }
+.xa-collapsed .xa-turn.xa-thought-only:not(.xa-live) .xa-line.xa-thoughtsolo > .xa-shots { float: right; }
+/* the float must not escape the line into the reply below it */
+.xa-collapsed .xa-turn.xa-thought-only:not(.xa-live) .xa-line.xa-thoughtsolo::after {
+  content: '';
+  display: block;
+  clear: both;
 }
 .xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo > .xa-read,
 .xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-thoughtsolo > .xa-vr { display: none; }