@xenosystem/agent-interface-ui 0.1.111 → 0.1.114

package/LICENSE

@@ -9,7 +9,7 @@ transferred to any user.
 
 1. GRANT OF USE
    Subject to a separate written agreement and/or the terms of service published
-   at https://xenostudio.ai, XENO grants the end user a limited, non-exclusive,
+   at https://xenosystem.ai, XENO grants the end user a limited, non-exclusive,
    non-transferable, revocable license to install and use the Software for its
    intended purpose. The standalone desktop application ("the Agent") may be used
    locally at no charge; connected platform features — hosted agent runs, model

package/dist/agent.css

@@ -7909,6 +7909,45 @@ a.xeno-source-card:focus-visible {
    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-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; }
+/* PEEK (owner's design, 2026-10-24): the first click shows the reasoning on the SAME row, right of the
+   header, on ONE line — cut off at the row's end with a fade and a soft blur, so the row keeps its
+   height. A BFC beside the floated header is exactly what a peek wants: it takes the rest of the row
+   and stops there (the full trace must NOT be one — see `.xa-hang` above — so this is peek-only). */
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared.xa-peek > .xa-hang {
+  position: relative;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 16px;          /* the header floats' own line: the peek's words sit on the clock's baseline */
+  height: 16px;               /* exactly one line: the row keeps its 22px */
+  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 140px), transparent);
+          mask-image: linear-gradient(to right, #000 calc(100% - 140px), transparent);
+}
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared.xa-peek > .xa-hang p { display: inline; margin: 0; }
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared.xa-peek > .xa-hang p + p::before { content: ' '; }
+/* the soft blur over the cut-off end */
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared.xa-peek > .xa-hang::after {
+  content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 140px; pointer-events: none;
+  -webkit-backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px);
+  -webkit-mask-image: linear-gradient(to right, transparent, #000); mask-image: linear-gradient(to right, transparent, #000);
+}
+/* it arrives from the left, out of a blur — the same reveal as the design */
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared.xa-peek > .xa-hang > .xa-hangin { display: inline; animation: xa-peekin 550ms cubic-bezier(.3, .6, .2, 1) both; }
+@keyframes xa-peekin { from { clip-path: inset(0 100% 0 0); filter: blur(4px); } to { clip-path: inset(0 0 0 0); filter: blur(0); } }
+/* the reasoning is its own control: one line <-> all of it */
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-hang[role='button'] { cursor: pointer; transition: color 150ms linear; }
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-hang[role='button']:hover { color: var(--xa-t3); }
+.xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared > .xa-hang[role='button']:focus-visible { outline: none; color: var(--xa-t3); }
+/* the chevron MORPHS into a bar while the reasoning shows (a path, not a rotation); where a browser cannot
+   animate a path (`d`), it keeps the rotation every other line uses */
+@supports (d: path('M0 0')) {
+  .xa-line.xa-runin .xa-chev path { d: path('M9 6 L15 12 L9 18'); transition: d 320ms cubic-bezier(.2, .7, .2, 1); }
+  .xa-turn.xa-open .xa-line.xa-runin .xa-chev { transform: none; }
+  .xa-turn.xa-open .xa-line.xa-runin .xa-chev path { d: path('M12 5 L12 12 L12 19'); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared.xa-peek > .xa-hang > .xa-hangin { animation: none; }
+  .xa-line.xa-runin .xa-chev path { transition: none; }
+}
 /* the float must not escape the line into the reply below it */
 .xa-collapsed .xa-turn.xa-thought-only .xa-line.xa-runin.xa-squared::after {
   content: '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/agent-interface-ui",
-  "version": "0.1.111",
+  "version": "0.1.114",
   "license": "UNLICENSED",
   "type": "module",
   "main": "./dist/index.js",
@@ -41,11 +41,11 @@
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
     "zustand": "^5.0.2",
-    "@xenosystem/agent-conversation": "0.1.111",
-    "@xenosystem/agent-interface-client": "0.1.111",
-    "@xenosystem/agent-interface-core": "0.1.111",
-    "@xenosystem/agent-interface-contract": "0.1.111",
-    "@xenosystem/agent-interface-hub-adapter": "0.1.111"
+    "@xenosystem/agent-conversation": "0.1.114",
+    "@xenosystem/agent-interface-contract": "0.1.114",
+    "@xenosystem/agent-interface-core": "0.1.114",
+    "@xenosystem/agent-interface-hub-adapter": "0.1.114",
+    "@xenosystem/agent-interface-client": "0.1.114"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -62,5 +62,6 @@
   },
   "scripts": {
     "build:css": "node scripts/build-css.mjs"
-  }
+  },
+  "gitHead": "a6e1636db66e3b5fdb0cf125691c0c711669c15b"
 }