@xenosystem/agent-interface-ui 0.1.39 → 0.1.41

package/dist/agent.css

@@ -7592,10 +7592,15 @@ a.xeno-source-card:focus-visible {
 .xa-code pre { margin: 0; padding: 8px 9px; background: var(--xa-code); font-size: 11px; line-height: 16px; color: var(--xa-t3); white-space: pre; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(var(--xa-ink), 0.12) transparent; }
 .xa-code pre code { padding: 0; background: none; font-size: inherit; color: inherit; }
 /* the sources stay with the answer once the rail has folded: a line the citations point at */
-.xa-srcline { display: flex; align-items: center; gap: 8px; height: 22px; cursor: pointer; font-size: 11px; color: var(--xa-t4); }
+/* the receipt row: the clock line, then — settled, with sources — a divider and the sources control,
+   each its own toggle; the line keeps its own width so the divider sits right after the chevron */
+.xa-linerow { display: flex; align-items: center; gap: 10px; min-height: 22px; }
+.xa-linerow > .xa-line { flex: none; }
+.xa-linerow > .xa-vr-src { display: block; flex: none; width: 1px; height: 10px; background: rgba(var(--xa-ink), 0.12); animation: xa-rise 280ms var(--xa-ease) both; animation-delay: 160ms; }
+.xa-srcline { display: flex; align-items: center; gap: 8px; height: 22px; cursor: pointer; font-size: 11px; color: var(--xa-t4); animation: xa-rise 280ms var(--xa-ease) both; animation-delay: 160ms; }
 .xa-srcline:hover { color: var(--xa-t2); }
 .xa-srcline .xa-stack { display: flex; }
-.xa-srcline .xa-stack .xa-fav { width: 14px; height: 14px; margin-left: -4px; border-radius: 2px; border: 1px solid var(--xa-line-tip); background: linear-gradient(135deg, #2a2a2f, #1c1c1f); box-shadow: 0 0 0 1px var(--xa-ground); }
+.xa-srcline .xa-stack .xa-fav { margin-left: -4px; box-shadow: 0 0 0 1px var(--xa-ground); }
 .xa-srcline .xa-stack .xa-fav:first-child { margin-left: 0; }
 .xa-srcline .xa-chev { color: var(--xa-t6); transition: transform 160ms var(--xa-ease); }
 .xa-srcline.xa-open .xa-chev { transform: rotate(90deg); }
@@ -7832,7 +7837,7 @@ a.xeno-source-card:focus-visible {
 .xa-detail.xa-sources .xa-it { display: flex; align-items: center; gap: 8px; min-height: 24px; font-size: 11px; color: var(--xa-t4); border-radius: 3px; transition: background 120ms linear; }
 .xa-detail.xa-sources .xa-it:hover, .xa-detail.xa-sources .xa-it.xa-hi { background: var(--xa-wash); }
 .xa-detail.xa-sources .xa-it .xa-n { flex: none; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border-radius: 2px; background: rgba(var(--xa-ink), 0.07); border: 1px solid var(--xa-line-soft); font-size: 9px; font-weight: 500; color: var(--xa-t3); }
-.xa-detail.xa-sources .xa-it .xa-fav { flex: none; width: 14px; height: 14px; border-radius: 2px; border: 1px solid var(--xa-line-tip); background: linear-gradient(135deg, #2a2a2f, #1c1c1f); }
+.xa-detail.xa-sources .xa-it .xa-fav { flex: none; }
 .xa-detail.xa-sources .xa-it .xa-k { color: var(--xa-t3); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; justify-content: flex-start; }
 .xa-detail.xa-sources .xa-it .xa-where { margin-left: auto; flex: none; font-size: 10px; color: var(--xa-t6); }
 .xa-detail.xa-sources .xa-it .xa-go { flex: none; width: 16px; color: var(--xa-t6); opacity: 0; transition: opacity 120ms linear; }
@@ -7842,6 +7847,29 @@ a.xeno-source-card:focus-visible {
 .xa-detail.xa-frames .xa-frame { width: auto; height: 84px; max-width: 100%; }
 .xa-detail.xa-nest > .xa-rail { gap: 12px; padding: 2px 0; overflow: visible; }
 
+/* ── favicons: the site's icon through the surface's proxy, or a letter tile — one shape everywhere ── */
+.xa-fav { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 2px; border: 1px solid var(--xa-line-tip); background: var(--xa-plate); object-fit: contain; overflow: hidden; vertical-align: middle; }
+img.xa-fav { padding: 1px; background: #fff; }
+.xa-fav-letter { font-size: 8px; font-weight: 600; line-height: 1; color: var(--xa-t3); background: rgba(var(--xa-ink), 0.07); }
+
+/* ── citations: the claim carries its evidence — a chip after the sentence, a card on hover ── */
+.xa-cite { position: relative; display: inline-block; vertical-align: baseline; margin: 0 2px; line-height: 1; }
+.xa-cite-chip { display: inline-flex; align-items: center; gap: 4px; max-width: 176px; height: 17px; padding: 0 6px; border-radius: 4px; border: 1px solid var(--xa-line-soft); background: rgba(var(--xa-ink), 0.06); font-size: 10.5px; font-weight: 500; color: var(--xa-t4); text-decoration: none; white-space: nowrap; vertical-align: -3px; transition: background 120ms linear, color 120ms linear, border-color 120ms linear; }
+.xa-cite-chip:hover, .xa-cite.xa-open .xa-cite-chip { color: var(--xa-t2); border-color: var(--xa-line-tip); background: rgba(var(--xa-ink), 0.1); }
+.xa-cite-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.xa-cite-more { flex: none; color: var(--xa-t5); }
+.xa-cite-go { flex: none; display: none; color: var(--xa-t4); }
+.xa-cite-chip:hover .xa-cite-go, .xa-cite.xa-open .xa-cite-go { display: inline-flex; }
+.xa-cite-go svg { width: 9px; height: 9px; }
+.xa-cite-orphan { color: var(--xa-t5); font-size: 0.85em; }
+.xa-citecard { position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 30; display: none; flex-direction: column; width: 320px; max-width: min(320px, 80vw); padding: 6px; 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); }
+.xa-cite.xa-open .xa-citecard { display: flex; }
+.xa-citecard::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 10px; } /* the gap stays hoverable */
+.xa-citecard-row { display: flex; flex-direction: column; gap: 4px; padding: 7px 8px; border-radius: 5px; text-decoration: none; transition: background 120ms linear; }
+.xa-citecard-row:hover { background: var(--xa-wash-hover); }
+.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); }
+
 /* ── 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.39",
+  "version": "0.1.41",
   "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.39",
-    "@xenosystem/agent-interface-contract": "0.1.39",
-    "@xenosystem/agent-interface-hub-adapter": "0.1.39",
-    "@xenosystem/agent-interface-core": "0.1.39",
-    "@xenosystem/agent-interface-client": "0.1.39"
+    "@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"
   },
   "peerDependencies": {
     "react": "^19.0.0",