@xenosystem/agent-interface-ui 0.1.41 → 0.1.43

package/dist/agent.css

@@ -7634,6 +7634,9 @@ a.xeno-source-card:focus-visible {
 .xa-turn.xa-bare .xa-line { cursor: default; }
 .xa-turn.xa-bare .xa-line:hover .xa-read { color: var(--xa-t4); }
 .xa-turn.xa-bare .xa-line .xa-chev { display: none; }
+/* beside a sources control the line drops its chevron — `1 step | ▪▪▪ 6 sources ›` reads as one receipt;
+   the line is still the steps' toggle (its own button), the divider marks where the sources' begins */
+.xa-line.xa-with-sources .xa-chev { display: none; }
 /* collapsed steps: while it works the rail stays folded and the clock line carries the current step —
    "Working for 4s | Clicked Message @Lil Bro" — the text fading out on the right when it is long */
 .xa-line .xa-vr { display: none; flex: none; width: 1px; height: 10px; background: rgba(var(--xa-ink), 0.12); }
@@ -7870,6 +7873,37 @@ img.xa-fav { padding: 1px; background: #fff; }
 .xa-citecard-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12.5px; font-weight: 500; line-height: 1.3; color: var(--xa-t1); }
 .xa-citecard-site { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--xa-t4); }
 
+/* ── the thread scrubber: a map of the conversation on the right edge ─────────────────────
+   6 px of rail until hovered, then 14 px; rectangular ticks (never dots), the person's longer than
+   the reply's, the one under the viewport bright, a marked tick where the turn did work. The card
+   is the citation card's plate. Hidden below two viewports of thread — the component decides. */
+.xa-scrub { position: absolute; top: 8px; right: 6px; bottom: 8px; z-index: 6; display: flex; flex-direction: column; align-items: flex-end; width: 22px; padding: 2px 0; opacity: 0.55; transition: opacity 160ms linear; }
+.xa-scrub:hover, .xa-scrub:focus-within { opacity: 1; }
+.xa-scrub-end { flex: none; width: 16px; height: 16px; margin-right: 1px; border-radius: 3px; color: var(--xa-t5); opacity: 0; transition: opacity 160ms linear, background 120ms linear, color 120ms linear; }
+.xa-scrub:hover .xa-scrub-end, .xa-scrub:focus-within .xa-scrub-end { opacity: 1; }
+.xa-scrub-end:hover { color: var(--xa-t2); background: var(--xa-wash-hover); }
+.xa-scrub-end svg { width: 11px; height: 11px; }
+.xa-scrub-ticks { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: space-evenly; width: 100%; overflow: hidden; padding: 4px 0; }
+/* the rail IS the scrollbar while it shows — Grok's move: two scroll affordances on one edge fight for the pointer */
+.xa-app:has(> .xa-scrub) > .xa-transcript { scrollbar-width: none; }
+.xa-app:has(> .xa-scrub) > .xa-transcript::-webkit-scrollbar { display: none; }
+.xa-tick { flex: none; align-self: flex-end; height: 2px; border-radius: 1px; background: var(--xa-t6); opacity: 0.55; transition: width 160ms var(--xa-ease), background 120ms linear, opacity 120ms linear; cursor: pointer; padding: 0; box-sizing: content-box; }
+.xa-tick-user { width: 10px; }
+.xa-tick-assistant { width: 6px; opacity: 0.35; }
+.xa-scrub:hover .xa-tick-user, .xa-scrub:focus-within .xa-tick-user { width: 18px; }
+.xa-scrub:hover .xa-tick-assistant, .xa-scrub:focus-within .xa-tick-assistant { width: 11px; }
+.xa-tick.xa-cur { background: var(--xa-t1); opacity: 1; height: 3px; }
+.xa-tick.xa-mark { background: var(--xa-t3); opacity: 0.8; }
+.xa-tick.xa-mark.xa-cur { background: var(--xa-t1); }
+.xa-tick:hover, .xa-tick:focus-visible { background: var(--xa-t2); opacity: 1; outline: none; }
+/* a bigger target than the tick itself */
+.xa-tick::before { content: ''; position: absolute; right: 0; width: 22px; height: 9px; margin-top: -3.5px; }
+.xa-tick { position: relative; }
+.xa-scrub-card { position: absolute; right: 26px; z-index: 40; display: flex; flex-direction: column; gap: 3px; width: 240px; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--xa-line-tip); background: var(--xa-menu); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); pointer-events: none; }
+.xa-scrub-who { font-size: 10.5px; color: var(--xa-t5); }
+.xa-scrub-line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; line-height: 1.35; color: var(--xa-t1); }
+@media (prefers-reduced-motion: reduce) { .xa-tick, .xa-scrub, .xa-scrub-end { transition: none; } }
+
 /* ── cards: A's card, Z's cadence — Cancel left, the way forward right ─── */
 .xa-row .xa-brk { flex: 0 0 100%; height: 0; }
 .xa-row .xa-brk + .xa-cardslot { margin-top: -9px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/agent-interface-ui",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "license": "UNLICENSED",
   "type": "module",
   "main": "./dist/index.js",
@@ -42,11 +42,11 @@
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
     "zustand": "^5.0.2",
-    "@xenosystem/agent-conversation": "0.1.41",
-    "@xenosystem/agent-interface-contract": "0.1.41",
-    "@xenosystem/agent-interface-client": "0.1.41",
-    "@xenosystem/agent-interface-hub-adapter": "0.1.41",
-    "@xenosystem/agent-interface-core": "0.1.41"
+    "@xenosystem/agent-conversation": "0.1.43",
+    "@xenosystem/agent-interface-contract": "0.1.43",
+    "@xenosystem/agent-interface-client": "0.1.43",
+    "@xenosystem/agent-interface-core": "0.1.43",
+    "@xenosystem/agent-interface-hub-adapter": "0.1.43"
   },
   "peerDependencies": {
     "react": "^19.0.0",