@xenosystem/agent-conversation 0.1.35 → 0.1.37

package/dist/components/agent/composer/Composer.js

@@ -0,0 +1,393 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The composer's pieces — D9 / D9a / D11 of `XENO AGENT PANEL - SPEC.md`.
+ *
+ * 🔴 The markup and the classes are the LOCKED prototype's (artifact `XENO Agent Panel`,
+ * `xeno-agent-panel-proto.html`), element for element; `composer.css` carries its rules verbatim.
+ * Presentation only: every piece takes the value it shows and the callback it fires, and `AgentView`
+ * owns the state. Nothing here reaches the store.
+ *
+ * Where a control explains itself it uses `data-tip` / `data-key`, not `title` — the prototype's
+ * tooltip (`Tip.tsx`) is ONE element for the dock, with the shortcut in its own column and the Mac
+ * spelling mapped to Ctrl elsewhere. A native `title` is a different control wearing the same words.
+ *
+ *   ModeSegment    Chat | Agent | Machine — the envelope (D11); Machine is enabled by a host MEASUREMENT
+ *   Ctx*           the context strip's vocabulary: segments, dividers, the meter, the diff, a split button
+ *   PermChip       Ask first ⇄ Approve for me ⇄ Full access — the chip is its own chooser
+ *   LaneGroup      lane | (harness) | model | effort — one visual object, the lane its own chooser
+ *   SendSquare     send ⇄ stop in place, breathing on the transcript's 1.4 s clock
+ *   XaMenu/XaRow   the composer's 8 px popover and its rows
+ *   EffortCells    the effort control, the prototype's own (glide, the Ultra fusion, the lattice)
+ *   Tip            the dock's one tooltip: the sentence left, the shortcut right, no tail
+ */
+import { createContext, useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { Glyph } from '../transcript/Transcript.js';
+export { EffortCells } from './EffortCells.js';
+export { TypedMenu, tokenAt } from './TypedMenu.js';
+export { Tip, shortcutFor } from './Tip.js';
+export const LANE_NAME = { cloud: 'Cloud', local: 'Local', acp: 'ACP' };
+export const LANE_TIP = {
+    cloud: 'The model is served through the XENO API. Each turn draws on your credits.',
+    local: 'The model runs on this computer. No credits, and it works offline.',
+    acp: 'Another agent runs the turn — Claude Code, Codex or another ACP agent — with its own models.',
+};
+const LANE_GLYPH = { cloud: 'cloud', local: 'monitor', acp: 'bot' };
+const DOCK_ICONS = {
+    folder: { size: 12, sw: 1.9, join: 'miter', d: ['M3 7h6l2 2h10v10H3z'] },
+    monitor: { size: 12, sw: 2, join: 'miter', d: ['M3 5h18v11H3z', 'M8 20h8'] },
+    'git-branch': { size: 12, sw: 1.9, join: 'miter', d: ['M6 4v12M18 8v3a3 3 0 0 1-3 3H6', 'M4 17h4v4H4zM16 4h4v4h-4z'] },
+    message: { size: 12, sw: 1.9, join: 'miter', d: ['M4 5h16v11H9l-5 4z'] },
+    'app-window': { size: 12, sw: 1.9, join: 'miter', d: ['M3 5h18v14H3z', 'M3 9h18'] },
+    lock: { size: 12, sw: 2, join: 'miter', d: ['M5 11h14v10H5z', 'M8 11V7a4 4 0 0 1 8 0v4'] },
+    cloud: { size: 12, sw: 2, join: 'miter', d: ['M4 16h13a4 4 0 0 0 0-8 6 6 0 0 0-11.3-1.5A4 4 0 0 0 4 16z'] },
+    plus: { size: 14, sw: 2, d: ['M12 5v14M5 12h14'] },
+    'arrow-up': { size: 13, sw: 2.6, join: 'miter', d: ['M12 19V5M5 12l7-7 7 7'] },
+    'chevron-down': { size: 10, sw: 2.4, d: ['M6 9l6 6 6-6'] },
+};
+export function DockIcon({ name }) {
+    const icon = DOCK_ICONS[name];
+    return (_jsx("svg", { width: icon.size, height: icon.size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: icon.sw, strokeLinecap: "square", ...(icon.join ? { strokeLinejoin: icon.join } : {}), "aria-hidden": "true", children: icon.d.map((d) => _jsx("path", { d: d }, d)) }));
+}
+const isDockIcon = (name) => Object.prototype.hasOwnProperty.call(DOCK_ICONS, name);
+/** A dock control's icon: the bench's hand-drawn one where it drew one, the XENO element otherwise. */
+export function DockGlyph({ name, size }) {
+    return isDockIcon(name) ? _jsx(DockIcon, { name: name }) : _jsx(Glyph, { name: name, size: size });
+}
+export const PERM = {
+    standard: { chip: 'Ask first', tip: 'The agent asks before editing files or using the network' },
+    'trusted-workspace': { chip: 'Approve for me', tip: 'The agent proceeds, and asks only for actions detected as unsafe' },
+    'full-access': { chip: 'Full access', tip: 'The agent may edit files and reach the network without asking' },
+};
+export const PERM_ORDER = ['standard', 'trusted-workspace', 'full-access'];
+/** The posture a profile shows as. Narrow profiles (read-only, plan) read as "Ask first": they ask, or refuse. */
+export function postureOf(profile) {
+    return profile === 'trusted-workspace' || profile === 'full-access' ? profile : 'standard';
+}
+// ── the workspace row ────────────────────────────────────────────────────
+export function ModeSegment({ mode, onMode, disabled, choosing, machine }) {
+    // D11's third envelope. It is disabled by a MEASUREMENT — whether a XENO Use daemon answered
+    // with a device — never by a build flag, and the tooltip carries the host's own reason so the
+    // person is told what to do rather than that it is unavailable.
+    const machineReady = machine?.available === true;
+    return (_jsxs("div", { className: "xa-segc", role: "group", "aria-label": "Mode", children: [_jsx("button", { type: "button", className: mode === 'chat' ? 'xa-on' : '', "aria-pressed": mode === 'chat', disabled: disabled, onClick: () => onMode('chat'), "data-tip": "Chat only \u2014 no access to project files", "data-key": "\u2318\u21E7M", children: "Chat" }), _jsx("button", { type: "button", className: mode === 'agent' ? 'xa-on' : '', "aria-pressed": mode === 'agent', disabled: disabled, onClick: () => onMode('agent'), "data-tip": "Agent can read, edit and run inside the project", "data-key": "\u2318\u21E7M", children: choosing && mode !== 'agent' ? 'Choosing…' : 'Agent' }), _jsx("button", { type: "button", className: mode === 'machine' ? 'xa-on' : '', "aria-pressed": mode === 'machine', disabled: disabled || !machineReady, onClick: () => onMode('machine'), "data-tip": machineReady
+                    ? 'Machine — this computer, per app, under a grant you can take back'
+                    : machine
+                        ? `Machine is off: ${machine.reason || 'no machine is available to this host.'}`
+                        : 'Machine — this surface has not been given a machine to offer', "data-key": machineReady ? '⌘⇧M' : undefined, children: "Machine" })] }));
+}
+export function CtxStrip({ children }) {
+    return _jsx("div", { className: "xa-ctx", children: children });
+}
+export function CtxSeg({ glyph, name, dim, branch, title, children, onClick, disabled }) {
+    const className = `xa-seg${name ? ' xa-name' : ''}${dim ? ' xa-dim' : ''}${branch ? ' xa-branch' : ''}`;
+    const body = _jsxs(_Fragment, { children: [glyph && _jsx(DockGlyph, { name: glyph, size: 12 }), _jsx("span", { children: children })] });
+    return onClick
+        ? _jsx("button", { type: "button", className: className, "data-tip": title, onClick: onClick, disabled: disabled, children: body })
+        : _jsx("div", { className: className, "data-tip": title, children: body });
+}
+export function CtxVr({ branch }) {
+    return _jsx("span", { className: `xa-vr${branch ? ' xa-branch' : ''}` });
+}
+export function CtxGrow() { return _jsx("div", { className: "xa-grow" }); }
+export function CtxMeter({ used, cells = 4, title }) {
+    const pct = Math.max(0, Math.min(100, Math.round(used * 100)));
+    const on = Math.round(used * cells);
+    return (_jsxs("div", { className: "xa-meter xa-num", "data-tip": title, children: [_jsx("span", { className: "xa-cells", children: Array.from({ length: cells }, (_, i) => _jsx("span", { className: i < on ? 'xa-on' : '' }, i)) }), _jsxs("span", { children: [pct, "% context"] })] }));
+}
+export function CtxDiff({ added, removed }) {
+    // one text node per count: `+{n}` is TWO JSX text nodes, which React renders as two DOM text nodes and
+    // Chromium shapes as two runs — 1/64 px wider than the bench's single "+1" (measured 2026-09-17)
+    return _jsxs("div", { className: "xa-diff xa-num", children: [_jsx("span", { className: "xa-a", children: `+${added.toLocaleString()}` }), _jsx("span", { className: "xa-d", children: `−${removed.toLocaleString()}` })] });
+}
+export function CtxAction({ children, onClick, disabled, title }) {
+    return _jsx("button", { type: "button", className: "xa-act1", onClick: onClick, disabled: disabled, "data-tip": title, children: children });
+}
+export function CtxSplit({ label, onClick, onMore, moreMenu, moreOpen, disabled, title }) {
+    return (_jsxs("div", { className: "xa-split", children: [_jsx("button", { type: "button", onClick: onClick, disabled: disabled, "data-tip": title, children: label }), onMore && (_jsxs(_Fragment, { children: [_jsx("span", { className: "xa-vr" }), _jsx("button", { type: "button", className: "xa-caret", "aria-label": "More", "data-menu": moreMenu, "aria-haspopup": "menu", "aria-expanded": !!moreOpen, onClick: onMore, disabled: disabled, children: _jsx(DockIcon, { name: "chevron-down" }) })] }))] }));
+}
+export function useFoldPick(open, options) {
+    const groupRef = useRef(null);
+    const [phase, setPhase] = useState('none');
+    const travelling = useRef(null);
+    /**
+     * 🔴 A SECOND flag, and it is not redundant. `travelling` is cleared by the layout effect the
+     * instant the slide starts — and React runs layout effects BEFORE passive ones, so the
+     * close-without-a-pick effect below then saw `travelling === null`, concluded nothing had been
+     * picked, and drove the icon straight to `in` while the word was still travelling. The hold
+     * lasted one frame. This flag stays raised until the travel actually finishes.
+     */
+    const picking = useRef(false);
+    const wasOpen = useRef(open);
+    // closed without a pick → the icon simply returns
+    useEffect(() => {
+        if (wasOpen.current && !open && !picking.current) {
+            setPhase('in');
+            const id = window.setTimeout(() => setPhase('none'), 280);
+            wasOpen.current = open;
+            return () => window.clearTimeout(id);
+        }
+        wasOpen.current = open;
+        return undefined;
+    }, [open]);
+    // beat 2, once the new value has rendered: the word travels from where it was CLICKED to where
+    // it now lives. Measured after render, like the prototype, because the destination only exists
+    // then — and the icon is released only when the travel finishes.
+    useLayoutEffect(() => {
+        const from = travelling.current;
+        if (phase !== 'hold' || from === null)
+            return;
+        travelling.current = null;
+        wasOpen.current = false;
+        const group = groupRef.current;
+        const word = group?.querySelector(options.word);
+        if (!word) {
+            picking.current = false;
+            setPhase('in');
+            return;
+        }
+        const to = word.getBoundingClientRect().left;
+        const slide = word.animate([{ transform: `translateX(${from - to}px)` }, { transform: 'none' }], { duration: 220, easing: 'cubic-bezier(.3,0,.2,1)' });
+        let cancelled = false;
+        const done = () => { if (cancelled)
+            return; picking.current = false; setPhase('in'); };
+        void slide.finished.then(done).catch(done);
+        return () => { cancelled = true; };
+    }, [options.word, phase]);
+    useEffect(() => {
+        if (phase !== 'in')
+            return undefined;
+        const id = window.setTimeout(() => setPhase('none'), 280);
+        return () => window.clearTimeout(id);
+    }, [phase]);
+    /** Run the fold around a commit. `commit` is what actually changes the value and closes. */
+    const pick = (event, commit) => {
+        const button = event.currentTarget;
+        const still = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;
+        if (still) {
+            commit();
+            return;
+        }
+        const wordX = button.getBoundingClientRect().left + parseFloat(getComputedStyle(button).paddingLeft || '0');
+        const group = groupRef.current;
+        // beat 1 — everything that is not the chosen word fades where it stands
+        group?.querySelectorAll(`.xa-alt, ${options.icon ? '[data-fold-control]' : ''}`).forEach((element) => {
+            if (element !== button)
+                element.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 120, fill: 'forwards' });
+        });
+        picking.current = true;
+        window.setTimeout(() => { travelling.current = wordX; setPhase('hold'); commit(); }, 120);
+    };
+    return { groupRef, phase, pick };
+}
+/**
+ * A control that is only there in some modes leaves the way it arrived. The prototype keeps the
+ * element mounted and hidden so it can RISE in and SINK out; unmounting it makes it blink away,
+ * and `.xa-sink` in the stylesheet had nothing to set it.
+ */
+export function usePresence(present) {
+    const [state, setState] = useState(present ? 'shown' : 'hidden');
+    const was = useRef(present);
+    useEffect(() => {
+        if (present === was.current)
+            return undefined;
+        was.current = present;
+        const still = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;
+        if (still) {
+            setState(present ? 'shown' : 'hidden');
+            return undefined;
+        }
+        setState(present ? 'rise' : 'sink');
+        const id = window.setTimeout(() => setState(present ? 'shown' : 'hidden'), present ? 280 : 200);
+        return () => window.clearTimeout(id);
+    }, [present]);
+    return state;
+}
+// ── approvals: the chip is its own chooser ───────────────────────────────
+export function PermChip({ value, open, onToggle, onPick, disabled, present = true }) {
+    const ref = useClickAway(open, onToggle);
+    const current = PERM[value];
+    const amber = value === 'full-access';
+    const presence = usePresence(present);
+    const { groupRef, phase, pick } = useFoldPick(open, { word: '.xa-pname', icon: '.xa-permicon' });
+    const setRefs = (node) => {
+        ;
+        ref.current = node;
+        groupRef.current = node;
+    };
+    if (presence === 'hidden')
+        return null;
+    return (_jsxs("span", { ref: setRefs, className: `xa-permgrp${presence === 'rise' ? ' xa-rise' : presence === 'sink' ? ' xa-sink' : ''}`, children: [_jsxs("button", { type: "button", className: `xa-txt${amber ? ' xa-amber' : ''}${open ? ' xa-open' : ''}`, "data-permpick": true, disabled: disabled, "aria-haspopup": "true", "aria-expanded": open, "data-tip": open ? current.tip : 'Who approves what the agent does — you, or the agent itself', "data-key": "\u2318\u21E7A", "data-fold-control": true, onClick: onToggle, children: [_jsx("span", { className: `xa-permicon${open ? ' xa-out' : phase === 'hold' ? ' xa-hold' : phase === 'in' ? ' xa-in' : ''}`, children: _jsx(DockGlyph, { name: amber ? 'alert' : 'lock', size: 12 }) }), _jsx("span", { className: "xa-pname", children: current.chip })] }), open && (_jsx("span", { className: "xa-permpick", children: PERM_ORDER.filter((k) => k !== value).map((k, i) => (_jsx("button", { type: "button", className: `xa-alt${k === 'full-access' ? ' xa-amber' : ''}`, "data-tip": PERM[k].tip, style: { animationDelay: `${150 + i * 50}ms` }, onClick: (event) => pick(event, () => onPick(k)), children: PERM[k].chip }, k))) }))] }));
+}
+export function LaneGroup(props) {
+    const groupRef = useRef(null);
+    const laneRef = useClickAway(props.laneOpen, props.onLaneToggle);
+    // the lane's icon blurs away when the chooser opens and the NEW one blurs in when it closes —
+    // the same three beats as the approvals chip, mirrored (the picked lane's name travels left into
+    // the control's place while its icon holds its absence)
+    const { groupRef: foldRef, phase: lanePhase, pick: pickLane } = useFoldPick(props.laneOpen, { word: '.xa-lname', icon: '.xa-laneicon' });
+    // The cadence rides on --d/--r per child (D9a): out left→right accelerating, back right→left decelerating.
+    useLayoutEffect(() => {
+        const group = groupRef.current;
+        if (!group)
+            return;
+        const kids = Array.from(group.children);
+        const items = kids.filter((k) => !k.classList.contains('xa-vr'));
+        const n = items.length;
+        if (!n)
+            return;
+        const gap = (i) => 110 + 60 * (n - 2 - i);
+        const out = [0];
+        for (let i = 0; i < n - 1; i += 1)
+            out.push(out[i] + gap(i));
+        const back = new Array(n);
+        back[n - 1] = 0;
+        for (let i = n - 2; i >= 0; i -= 1)
+            back[i] = back[i + 1] + gap(i);
+        let j = 0;
+        for (const k of kids) {
+            const vr = k.classList.contains('xa-vr');
+            const jj = Math.min(j, n - 1);
+            k.style.setProperty('--d', `${out[jj] - (vr ? 15 : 0)}ms`);
+            k.style.setProperty('--r', `${back[jj] + (vr ? 15 : 0)}ms`);
+            if (!vr)
+                j += 1;
+        }
+        const fold = out[n - 1] + 220;
+        group.style.setProperty('--xa-fold', `${fold}ms`);
+        group.parentElement?.closest('.xa-controls')?.setAttribute('style', `--xa-stin: ${fold + 20}ms`);
+    });
+    const { lane, laneOpen } = props;
+    const down = props.currentDown;
+    // the bench's model group is ONE element; the popover anchors on it rather than on a wrapper
+    return (_jsxs("div", { ref: (node) => {
+            ;
+            laneRef.current = node;
+            groupRef.current = node;
+            foldRef.current = node;
+        }, className: "xa-mgrp", "data-lane": lane, children: [laneOpen && (_jsx("span", { className: "xa-lanepick", children: ['cloud', 'local', 'acp'].filter((l) => l !== lane).map((l, i) => {
+                    const reason = props.laneDown?.[l];
+                    return (_jsxs("button", { type: "button", className: `xa-alt${reason ? ' xa-na' : ''}`, "data-tip": reason || LANE_TIP[l], style: { animationDelay: `${150 + i * 50}ms` }, onClick: (event) => pickLane(event, () => props.onLanePick(l)), children: [reason && _jsx("span", { className: "xa-dot" }), LANE_NAME[l]] }, l));
+                }) })), down ? (_jsxs("button", { type: "button", className: `xa-txt xa-down${laneOpen ? ' xa-open' : ''}`, "data-lanepick": true, disabled: props.disabled, "data-tip": down, "aria-haspopup": "true", "aria-expanded": laneOpen, onClick: props.onLaneToggle, children: [_jsx("span", { className: "xa-dot" }), _jsx("span", { className: "xa-lname", children: props.currentDownLabel || `${LANE_NAME[lane]} unavailable` }), _jsx(Glyph, { name: "chevron-down", size: 10 })] })) : (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: `xa-txt${laneOpen ? ' xa-open' : ''}`, "data-lanepick": true, "data-fold-control": true, disabled: props.disabled, "aria-haspopup": "true", "aria-expanded": laneOpen, "data-tip": laneOpen ? LANE_TIP[lane] : 'Where the model runs: the XENO API, this computer, or another agent', onClick: props.onLaneToggle, children: [_jsx("span", { className: `xa-laneicon${laneOpen ? ' xa-out' : lanePhase === 'hold' ? ' xa-hold' : lanePhase === 'in' ? ' xa-in' : ''}`, children: _jsx(DockGlyph, { name: LANE_GLYPH[lane], size: 12 }) }), _jsx("span", { className: "xa-lname", children: LANE_NAME[lane] })] }), _jsx("span", { className: "xa-vr" }), props.harness && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: `xa-txt${props.harness.open ? ' xa-open' : ''}`, "data-menu": "harness", disabled: props.disabled || props.harness.disabled, "aria-haspopup": "listbox", "aria-expanded": props.harness.open, "data-tip": props.harness.title || 'The agent that runs the turn, with its own models', onClick: props.harness.onClick, children: _jsx("span", { className: "xa-model", children: props.harness.label }) }), _jsx("span", { className: "xa-vr" })] })), _jsx("button", { type: "button", className: `xa-txt${props.model.open ? ' xa-open' : ''}`, "data-menu": "model", disabled: props.disabled || props.model.disabled, "aria-haspopup": "listbox", "aria-expanded": props.model.open, "data-tip": props.model.title || 'Which model answers', onClick: props.model.onClick, children: _jsx("span", { className: "xa-model", children: props.model.label }) }), props.effort && (_jsx("button", { type: "button", className: `xa-txt xa-pillbtn${props.effort.open ? ' xa-open' : ''}`, "data-menu": "effort", disabled: props.disabled || props.effort.disabled, "aria-haspopup": "listbox", "aria-expanded": props.effort.open, "data-tip": props.effort.title || 'How long the model thinks before it answers', onClick: props.effort.onClick, children: _jsx("span", { className: "xa-pill", children: props.effort.label }) }))] })), props.children] }));
+}
+/**
+ * A notice: the title, the sentence under it, what to do about it, and a way to dismiss it. The
+ * prototype's shape — two lines, never one — because the first says WHAT and the second says what
+ * follows from it, and a notice that only says what is a status light.
+ */
+export function Notice({ glyph, title, sub, action, onAction, onDismiss, tone, center }) {
+    return (_jsxs("div", { className: `xa-notice${center ? ' xa-center' : ''}${tone ? ` xa-${tone}` : ''}`, children: [glyph && _jsx(Glyph, { name: glyph, size: 14 }), _jsxs("div", { className: "xa-txt", children: [_jsx("span", { className: "xa-ttl", children: title }), sub && _jsx("span", { className: "xa-sub", children: sub })] }), _jsx("div", { className: "xa-grow" }), action && onAction && _jsx("button", { type: "button", className: "xa-act", onClick: onAction, children: action }), onDismiss && _jsx("button", { type: "button", className: "xa-x", "aria-label": "Dismiss", onClick: onDismiss, children: _jsx(Glyph, { name: "x", size: 11 }) })] }));
+}
+/**
+ * The attachment tiles: 44px squares, an image showing itself, anything else showing its extension,
+ * and past four a `+N` tile that opens the rest — the prototype's own collapse.
+ */
+export function Tiles({ items, showAll, onShowAll, onRemove }) {
+    if (!items.length)
+        return null;
+    const collapse = items.length > 4 && !showAll;
+    const shown = collapse ? items.slice(0, 3) : items;
+    return (_jsxs("div", { className: "xa-tiles", children: [shown.map((item) => (_jsxs("div", { className: `xa-tile${item.dataUrl ? ' xa-img' : ''}`, "data-tip": item.name, children: [item.dataUrl
+                        ? _jsxs(_Fragment, { children: [_jsx("span", { className: "xa-thumb", style: { backgroundImage: `url(${item.dataUrl})`, backgroundSize: 'cover', backgroundPosition: 'center' } }), _jsx(Glyph, { name: "image", size: 16 })] })
+                        : (item.kind || 'file'), _jsx("button", { type: "button", className: "xa-rm", "aria-label": `Remove ${item.name}`, onClick: () => onRemove(item.id), children: _jsx(Glyph, { name: "x", size: 8 }) })] }, item.id))), collapse && (_jsx("button", { type: "button", className: "xa-tile xa-more xa-num", "data-tip": `Show all ${items.length} attachments`, onClick: onShowAll, children: `+${items.length - 3}` }))] }));
+}
+// ── send ⇄ stop ──────────────────────────────────────────────────────────
+export function SendSquare({ state, onSend, onStop, stopping, sendTitle }) {
+    const running = state === 'running';
+    return (_jsxs("button", { type: "button", className: `xa-send${state === 'idle' ? ' xa-idle' : ''}${running ? ' xa-running' : ''}`, 
+        // idle is a look, not a lock (bench: the square is never disabled) — an empty send is a no-op
+        disabled: running ? stopping : false, "aria-label": running ? 'Stop' : 'Send', "data-tip": running ? (stopping ? 'Stopping…' : 'Stop this turn') : (sendTitle || 'Send'), "data-key": running ? 'Esc' : '⌘↵', onClick: running ? onStop : onSend, children: [_jsx("span", { className: "xa-arrow", children: _jsx(DockIcon, { name: "arrow-up" }) }), _jsx("span", { className: "xa-stop", children: _jsx("span", {}) })] }));
+}
+/** `Working · 4s` beside the square while a turn runs; `Still working` from 3 s. The seconds live here, not on the transcript. */
+export function TurnStatus({ since }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (since === null)
+            return;
+        const tick = () => {
+            const secs = Math.max(0, Math.floor((Date.now() - since) / 1000));
+            if (ref.current)
+                ref.current.textContent = `${secs >= 3 ? 'Still working' : 'Working'} · ${secs}s`;
+        };
+        tick();
+        const id = window.setInterval(tick, 250);
+        return () => window.clearInterval(id);
+    }, [since]);
+    // nothing running, nothing to report — and no empty element left standing in the controls row
+    if (since === null)
+        return null;
+    return _jsx("span", { ref: ref, className: "xa-status xa-num", "aria-live": "off" });
+}
+// ── menus ────────────────────────────────────────────────────────────────
+/**
+ * The dock element every popover positions itself against — the prototype's `dock`. A menu is a
+ * child of the DOCK, not of its anchor: that is what lets it be clamped inside the composer column
+ * and sit above a control near the panel's edge without being clipped by the control's own box.
+ */
+export const ComposerDock = createContext(null);
+export function XaMenu({ open, onClose, menu, width, header, children, className, clickAway = true }) {
+    const dock = useContext(ComposerDock);
+    const ref = useClickAway(open && clickAway, onClose);
+    const [seat, setSeat] = useState(null);
+    // positionMenu, verbatim: the composer COLUMN is the bound, the visible pill is the anchor, and a
+    // control past the column's midpoint opens right-aligned to itself.
+    useLayoutEffect(() => {
+        if (!open || !dock)
+            return;
+        const place = () => {
+            const node = ref.current;
+            const anchor = (dock.querySelector(`[data-menu="${menu}"]`) || (menu === 'more' ? dock.querySelector('.xa-controls') : null));
+            if (!node || !anchor)
+                return;
+            const d = dock.getBoundingClientRect();
+            const a = anchor.getBoundingClientRect();
+            const column = (dock.querySelector('.xa-dock-inner') || dock).getBoundingClientRect();
+            const columnLeft = column.left - d.left;
+            const columnRight = column.right - d.left;
+            const visible = (anchor.querySelector('.xa-pill') || anchor).getBoundingClientRect();
+            const rightSide = (a.left + a.right) / 2 > (column.left + column.right) / 2;
+            let left = rightSide ? visible.right - d.left - node.offsetWidth : visible.left - d.left;
+            left = Math.max(columnLeft, Math.min(left, columnRight - node.offsetWidth));
+            setSeat({ left, bottom: d.height - (visible.top - d.top) + 6 });
+        };
+        place();
+        const frame = requestAnimationFrame(place); // once the rows have laid out, the width is real
+        window.addEventListener('resize', place);
+        return () => { cancelAnimationFrame(frame); window.removeEventListener('resize', place); };
+    }, [dock, menu, open, ref, children]);
+    if (!open || !dock)
+        return null;
+    const node = (_jsxs("div", { ref: ref, className: `xa-menu xa-show${className ? ` ${className}` : ''}`, style: { ...(width ? { width } : {}), ...(seat ? { left: seat.left, bottom: seat.bottom } : { visibility: 'hidden' }) }, role: "listbox", onKeyDown: (event) => { if (event.key === 'Escape') {
+            event.stopPropagation();
+            onClose();
+        } }, children: [header && _jsx("div", { className: "xa-h xa-label", children: header }), _jsx("div", { className: "xa-mrows", children: children })] }));
+    return createPortal(node, dock);
+}
+export function XaRow({ label, sub, idx, na, tag, selected, amber, disabled, title, onClick, chev }) {
+    // the prototype's row, element for element: the rail that fills when the row is the chosen one,
+    // the label (with a second line in `.col` when there is a sub), then the index, the reason it
+    // cannot be picked, or the chevron that says it leads somewhere.
+    return (_jsxs("button", { type: "button", role: "option", "aria-selected": !!selected, className: `xa-mrow${selected ? ' xa-on' : ''}${amber ? ' xa-amber' : ''}${sub ? ' xa-tall' : ''}`, disabled: disabled, title: title, onClick: onClick, children: [_jsx("span", { className: "xa-rail" }), sub
+                ? _jsxs("span", { className: "xa-col", children: [_jsx("span", { children: label }), _jsx("span", { className: "xa-sub", children: sub })] })
+                : _jsx("span", { children: label }), na ? _jsx("span", { className: "xa-na", children: na }) : tag ? _jsx("span", { className: "xa-na", children: tag }) : idx !== undefined ? _jsx("span", { className: "xa-idx xa-num", children: idx }) : null, chev && _jsx("span", { className: "xa-chev", children: _jsx(Glyph, { name: "chevron-right", size: 11 }) })] }));
+}
+export function XaMenuSearch({ value, onChange, placeholder, inputRef }) {
+    return _jsx("input", { ref: inputRef, className: "xa-search", value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder || 'Search', "aria-label": "Search", autoFocus: true });
+}
+// ── close on a click outside, the way every chooser here closes ──────────
+function useClickAway(active, onAway) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (!active)
+            return;
+        const handle = (event) => {
+            const node = ref.current;
+            if (node && event.target instanceof Node && !node.contains(event.target))
+                onAway();
+        };
+        document.addEventListener('mousedown', handle);
+        return () => document.removeEventListener('mousedown', handle);
+    }, [active, onAway]);
+    return ref;
+}
+//# sourceMappingURL=Composer.js.map

package/dist/components/agent/composer/Composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composer.js","sourceRoot":"","sources":["../../../../src/components/agent/composer/Composer.tsx"],"names":[],"mappings":"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"}

package/dist/components/agent/composer/EffortCells.d.ts

@@ -0,0 +1,12 @@
+export interface EffortOption {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    title?: string;
+}
+export declare function EffortCells({ options, value, onPick }: {
+    options: EffortOption[];
+    value: string | undefined;
+    onPick: (id: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=EffortCells.d.ts.map

package/dist/components/agent/composer/EffortCells.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EffortCells.d.ts","sourceRoot":"","sources":["../../../../src/components/agent/composer/EffortCells.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAKD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IACtD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7B,+BAoJA"}

package/dist/components/agent/composer/EffortCells.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The effort control — PORTED VERBATIM from the LOCKED prototype (artifact `XENO Agent Panel`,
+ * `xeno-agent-panel-proto.html`), whose own comment records what three benches settled:
+ *
+ *   "H's structure (the chosen cell opens up to hold the word) with I's motion (it glides). At Ultra
+ *    the five filled cells FUSE into one bar at their own 10px height and 1px corners — the gaps
+ *    close, inner corners go square — and one fixed lattice of 2px squares on a 3px pitch, three
+ *    rows, runs the bar. Nothing moves: a crest of brightness travels right-to-left along it,
+ *    stepping up through five bands toward Ultra; every square twinkles on its own clock."
+ *
+ * Every number here is the prototype's: the 3px pitch, the five brightness bands, the 15ms-per-px
+ * phase, the 190ms glide, the nearest-CELL hit test (not an equal fifth of the track, because the
+ * knob is wider than the cells). The React work is lifecycle only — the behaviour is a transcription.
+ */
+import { useCallback, useEffect, useLayoutEffect, useRef } from 'react';
+const PITCH = 3;
+const ROWS = 3;
+export function EffortCells({ options, value, onPick }) {
+    const trackRef = useRef(null);
+    const boxes = useRef([]);
+    const at = Math.max(0, options.findIndex((option) => option.id === value));
+    const last = options.length - 1;
+    const still = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;
+    // remember where every cell was BEFORE the layout changes, so the glide below has a start
+    const remember = () => {
+        const track = trackRef.current;
+        if (!track)
+            return;
+        boxes.current = Array.from(track.querySelectorAll('.xa-cell')).map((cell) => cell.getBoundingClientRect());
+    };
+    const set = useCallback((index) => {
+        const option = options[Math.max(0, Math.min(last, index))];
+        if (!option || option.disabled)
+            return;
+        remember();
+        onPick(option.id);
+    }, [last, onPick, options]);
+    // H's structure, I's motion: the layout snaps, then each cell glides from its old box to its new one
+    useLayoutEffect(() => {
+        const track = trackRef.current;
+        if (!track || still)
+            return;
+        const cells = Array.from(track.querySelectorAll('.xa-cell'));
+        const before = boxes.current;
+        boxes.current = [];
+        if (before.length !== cells.length || !before[0] || before[0].width === 0)
+            return;
+        cells.forEach((cell, i) => {
+            const a = before[i];
+            const b = cell.getBoundingClientRect();
+            const dx = a.left - b.left;
+            const sx = a.width / b.width;
+            if (Math.abs(dx) < 0.5 && Math.abs(sx - 1) < 0.01)
+                return;
+            cell.animate([{ transform: `translateX(${dx}px) scaleX(${sx})` }, { transform: 'none' }], { duration: 190, easing: 'cubic-bezier(.2,.7,.2,1)' });
+        });
+    }, [at, still]);
+    // the lattice: one fixed field of 2px squares over the FUSED bar, three rows on a 3px pitch.
+    // Brightness steps through five bands rising toward the top level; phase is 15ms per px of x, so
+    // the crest reads as one river running right to left. Rebuilt only when the bar appears.
+    useEffect(() => {
+        const track = trackRef.current;
+        if (!track)
+            return;
+        const existing = track.querySelector('.xa-flow');
+        if (at !== last || last < 5) {
+            existing?.remove();
+            return;
+        }
+        if (existing)
+            return;
+        const cells = track.querySelectorAll('.xa-cell');
+        const first = cells[0];
+        const fifth = cells[Math.min(4, cells.length - 1)];
+        if (!first || !fifth)
+            return;
+        const x0 = first.offsetLeft;
+        const width = fifth.offsetLeft + fifth.offsetWidth - x0;
+        if (width <= 0)
+            return;
+        const flow = document.createElement('span');
+        flow.className = 'xa-flow';
+        flow.style.left = `${x0}px`;
+        flow.style.width = `${width}px`;
+        const columns = Math.ceil(width / PITCH);
+        for (let row = 0; row < ROWS; row += 1) {
+            for (let column = 0; column < columns; column += 1) {
+                const x = column * PITCH + 1;
+                const band = Math.min(4, Math.floor((x / width) * 5));
+                const square = document.createElement('i');
+                square.style.setProperty('--xa-x', `${x}px`);
+                square.style.setProperty('--xa-y', `${row * PITCH + 1}px`);
+                square.style.setProperty('--xa-lo', (0.07 + band * 0.025).toFixed(3));
+                square.style.setProperty('--xa-hi', (0.30 + band * 0.16).toFixed(2));
+                square.style.setProperty('--xa-wd', `${-Math.round(x * 15 + Math.random() * 80)}ms`);
+                square.style.setProperty('--xa-tt', `${Math.round(420 + Math.random() * 900)}ms`);
+                square.style.setProperty('--xa-td', `${-Math.round(Math.random() * 1300)}ms`);
+                flow.appendChild(square);
+            }
+        }
+        track.appendChild(flow);
+    }, [at, last]);
+    // the level under the pointer is whichever CELL is under it — not an equal fifth of the track,
+    // because the knob is wider than the cells. In a gap, the nearest cell wins.
+    const fromX = (x) => {
+        const track = trackRef.current;
+        if (!track)
+            return at;
+        let best = 0;
+        let closest = Infinity;
+        Array.from(track.querySelectorAll('.xa-cell')).forEach((cell, i) => {
+            const r = cell.getBoundingClientRect();
+            const d = x < r.left ? r.left - x : x > r.right ? x - r.right : 0;
+            if (d < closest) {
+                closest = d;
+                best = i;
+            }
+        });
+        return best;
+    };
+    const preview = (index) => {
+        const track = trackRef.current;
+        if (!track)
+            return;
+        Array.from(track.querySelectorAll('.xa-cell')).forEach((cell, i) => {
+            cell.classList.toggle('xa-pre', index !== null && i <= index && i > at);
+        });
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "xa-ends", children: [_jsx("span", { children: "Faster" }), _jsx("span", { children: "Smarter" })] }), _jsx("div", { className: "xa-line xa-cells", children: _jsx("div", { ref: trackRef, className: `xa-sl xa-cells${at === last ? ' xa-ultra' : ''}`, tabIndex: 0, role: "slider", "aria-label": "Effort", "aria-valuemin": 0, "aria-valuemax": last, "aria-valuenow": at, "aria-valuetext": options[at]?.label, onPointerDown: (event) => {
+                        event.currentTarget.setPointerCapture(event.pointerId);
+                        set(fromX(event.clientX));
+                    }, onPointerMove: (event) => {
+                        if (event.buttons !== 1)
+                            return;
+                        const next = fromX(event.clientX);
+                        if (next !== at)
+                            set(next);
+                    }, onMouseLeave: () => preview(null), onKeyDown: (event) => {
+                        if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')
+                            return;
+                        event.preventDefault();
+                        set(at + (event.key === 'ArrowRight' ? 1 : -1));
+                    }, children: options.map((option, i) => (_jsx("span", { className: `xa-cell${i === at ? ' xa-cur' : i < at ? ' xa-on' : ''}`, title: option.title || option.label, onMouseEnter: () => preview(i), children: i === at ? option.label : '' }, option.id))) }) })] }));
+}
+//# sourceMappingURL=EffortCells.js.map