@xenosystem/agent-interface-ui 0.1.44 → 0.1.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/agent.css +19 -19
  2. package/package.json +6 -6
package/dist/agent.css CHANGED
@@ -7874,34 +7874,34 @@ img.xa-fav { padding: 1px; background: #fff; }
7874
7874
  .xa-citecard-site { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--xa-t4); }
7875
7875
 
7876
7876
  /* ── the thread scrubber: a map of the conversation on the right edge ─────────────────────
7877
- 6 px of rail until hovered, then 14 px; rectangular ticks (never dots), the person's longer than
7878
- the reply's, the one under the viewport bright, a marked tick where the turn did work. The card
7879
- is the citation card's plate. Hidden below two viewports of thread — the component decides. */
7880
- .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.85; transition: opacity 160ms linear; }
7877
+ ONE compact column, fixed height, centred on the right edge — not spread over the pane. Ticks are
7878
+ rectangles (never dots), the person's longer than the reply's, evenly spaced; the gap is set by
7879
+ the component (10 px, closing to 4 px only on a very long thread) so the column keeps its height.
7880
+ Marked ticks (a turn that did work) are lighter; the one under the viewport is white. The card is
7881
+ the citation card's plate. Hidden while the thread does not scroll — the component decides. */
7882
+ .xa-scrub { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 6; display: flex; flex-direction: column; align-items: flex-end; width: 26px; height: var(--xa-scrub-h, 360px); max-height: calc(100% - 16px); opacity: 0.85; transition: opacity 160ms linear; }
7881
7883
  .xa-scrub:hover, .xa-scrub:focus-within { opacity: 1; }
7882
7884
  .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; }
7883
7885
  .xa-scrub:hover .xa-scrub-end, .xa-scrub:focus-within .xa-scrub-end { opacity: 1; }
7884
7886
  .xa-scrub-end:hover { color: var(--xa-t2); background: var(--xa-wash-hover); }
7885
7887
  .xa-scrub-end svg { width: 11px; height: 11px; }
7886
- .xa-scrub-ticks { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: space-evenly; width: 100%; overflow: hidden; padding: 4px 0; }
7887
- /* the rail IS the scrollbar while it shows — Grok's move: two scroll affordances on one edge fight for the pointer */
7888
- .xa-app:has(> .xa-scrub) > .xa-transcript { scrollbar-width: none; }
7889
- .xa-app:has(> .xa-scrub) > .xa-transcript::-webkit-scrollbar { display: none; }
7890
- .xa-tick { flex: none; align-self: flex-end; height: 2px; border-radius: 1px; background: var(--xa-t4); opacity: 0.9; transition: width 160ms var(--xa-ease), background 120ms linear, opacity 120ms linear; cursor: pointer; padding: 0; box-sizing: content-box; }
7891
- .xa-tick-user { width: 12px; }
7892
- .xa-tick-assistant { width: 7px; opacity: 0.5; }
7893
- .xa-scrub:hover .xa-tick-user, .xa-scrub:focus-within .xa-tick-user { width: 18px; }
7894
- .xa-scrub:hover .xa-tick-assistant, .xa-scrub:focus-within .xa-tick-assistant { width: 11px; }
7895
- .xa-tick.xa-cur { background: var(--xa-t1); opacity: 1; height: 3px; }
7888
+ .xa-scrub-ticks { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: center; gap: var(--xa-scrub-gap, 10px); width: 100%; overflow: hidden; padding: 4px 0; }
7889
+ .xa-tick { position: relative; flex: none; align-self: flex-end; height: 2px; border-radius: 1px; background: var(--xa-t4); opacity: 0.9; transition: width 160ms var(--xa-ease), background 120ms linear, opacity 120ms linear; cursor: pointer; padding: 0; box-sizing: content-box; }
7890
+ .xa-tick-user { width: 14px; }
7891
+ .xa-tick-assistant { width: 8px; opacity: 0.5; }
7892
+ .xa-scrub:hover .xa-tick-user, .xa-scrub:focus-within .xa-tick-user { width: 20px; }
7893
+ .xa-scrub:hover .xa-tick-assistant, .xa-scrub:focus-within .xa-tick-assistant { width: 12px; }
7896
7894
  .xa-tick.xa-mark { background: var(--xa-t2); opacity: 1; }
7897
- .xa-tick.xa-mark.xa-cur { background: var(--xa-t1); }
7898
- .xa-tick:hover, .xa-tick:focus-visible { background: var(--xa-t2); opacity: 1; outline: none; }
7895
+ .xa-tick.xa-cur { background: var(--xa-t1); opacity: 1; height: 3px; }
7896
+ .xa-tick:hover, .xa-tick:focus-visible { background: var(--xa-t1); opacity: 1; outline: none; }
7899
7897
  /* a bigger target than the tick itself */
7900
- .xa-tick::before { content: ''; position: absolute; right: 0; width: 22px; height: 9px; margin-top: -3.5px; }
7901
- .xa-tick { position: relative; }
7902
- .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; }
7898
+ .xa-tick::before { content: ''; position: absolute; right: 0; top: -3px; width: 26px; height: 8px; }
7899
+ .xa-scrub-card { position: absolute; right: 32px; z-index: 40; display: flex; flex-direction: column; gap: 3px; width: 250px; 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; }
7903
7900
  .xa-scrub-who { font-size: 10.5px; color: var(--xa-t5); }
7904
7901
  .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); }
7902
+ /* the rail IS the scrollbar while it shows — Grok's move: two scroll affordances on one edge fight for the pointer */
7903
+ .xa-app:has(> .xa-scrub) > .xa-transcript { scrollbar-width: none; }
7904
+ .xa-app:has(> .xa-scrub) > .xa-transcript::-webkit-scrollbar { display: none; }
7905
7905
  @media (prefers-reduced-motion: reduce) { .xa-tick, .xa-scrub, .xa-scrub-end { transition: none; } }
7906
7906
 
7907
7907
  /* ── cards: A's card, Z's cadence — Cancel left, the way forward right ─── */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xenosystem/agent-interface-ui",
3
- "version": "0.1.44",
3
+ "version": "0.1.46",
4
4
  "license": "UNLICENSED",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -42,11 +42,11 @@
42
42
  "react-markdown": "^10.1.0",
43
43
  "remark-gfm": "^4.0.1",
44
44
  "zustand": "^5.0.2",
45
- "@xenosystem/agent-interface-core": "0.1.44",
46
- "@xenosystem/agent-interface-client": "0.1.44",
47
- "@xenosystem/agent-conversation": "0.1.44",
48
- "@xenosystem/agent-interface-hub-adapter": "0.1.44",
49
- "@xenosystem/agent-interface-contract": "0.1.44"
45
+ "@xenosystem/agent-conversation": "0.1.46",
46
+ "@xenosystem/agent-interface-client": "0.1.46",
47
+ "@xenosystem/agent-interface-contract": "0.1.46",
48
+ "@xenosystem/agent-interface-core": "0.1.46",
49
+ "@xenosystem/agent-interface-hub-adapter": "0.1.46"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "react": "^19.0.0",