@corenel/web-ui 0.7.0 → 0.9.0

package/dist/transcriptSkin.js

@@ -0,0 +1,255 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* Transcript skin -- how the chat transcript LOOKS, separate from how much tool
+ * detail it shows (transcriptView.tsx). Persisted per browser and kept in step
+ * across every mounted transcript, the same way the detail setting is.
+ *
+ * A skin paints in two layers, both scoped to the transcript subtree:
+ *  - tokens: CSS custom properties set on TranscriptSkinRoot. Transcript parts
+ *    already read --surface-*, --text-*, --border-*, and the --tx-* shape tokens
+ *    fall back to today's values, so `default` (no tokens) is unchanged.
+ *  - decorations: SKIN_CSS[skin], pseudo-elements keyed on data-tx-skin and
+ *    data-tx-part, mounted only while the skin is active. */
+import { useCallback, useEffect, useState } from 'react';
+import { SKIN_CSS } from './transcriptSkinCss';
+export const TRANSCRIPT_SKINS = ['default', 'terminal', 'crt', 'minimal', 'paper', 'blueprint', 'irc', 'handheld', 'receipt', 'mission', 'retro'];
+export const TRANSCRIPT_SKIN_LABELS = {
+    default: 'Default', terminal: 'Terminal', crt: 'CRT', minimal: 'Minimal', paper: 'Paper', blueprint: 'Blueprint', irc: 'IRC',
+    handheld: 'Handheld', receipt: 'Receipt', mission: 'Mission control', retro: 'Retro desktop',
+};
+const KEY = 'prompd.web.transcriptSkin';
+const EVENT = 'prompd:transcriptSkin';
+export function isTranscriptSkin(v) {
+    return typeof v === 'string' && TRANSCRIPT_SKINS.includes(v);
+}
+function read() {
+    try {
+        const v = localStorage.getItem(KEY);
+        return isTranscriptSkin(v) ? v : 'default';
+    }
+    catch {
+        return 'default';
+    }
+}
+/** Read/write the persisted skin. Cross-instance updates sync via a `storage`
+ * event + a same-tab custom event, so every mounted transcript stays in step. */
+export function useTranscriptSkin() {
+    const [skin, setSkinState] = useState(read);
+    useEffect(() => {
+        const sync = () => setSkinState(read());
+        window.addEventListener('storage', sync);
+        window.addEventListener(EVENT, sync);
+        return () => {
+            window.removeEventListener('storage', sync);
+            window.removeEventListener(EVENT, sync);
+        };
+    }, []);
+    const setSkin = useCallback((s) => {
+        setSkinState(s);
+        try {
+            localStorage.setItem(KEY, s);
+        }
+        catch { /* storage blocked: this tab still switches */ }
+        window.dispatchEvent(new CustomEvent(EVENT));
+    }, []);
+    return [skin, setSkin];
+}
+/** The `/skin [id]` command, as a pure function so it is testable without a
+ * chat. `next` is the skin to switch to, or null to leave it alone. */
+export function skinCommand(arg, current) {
+    const want = arg.trim().toLowerCase();
+    const list = TRANSCRIPT_SKINS.map((s) => (s === current ? `${s} (current)` : s)).join(', ');
+    if (!want)
+        return { next: null, note: `Transcript skins: ${list}. Use \`/skin <name>\` to switch.` };
+    if (isTranscriptSkin(want))
+        return { next: want, note: `Transcript skin set to ${TRANSCRIPT_SKIN_LABELS[want]}.` };
+    return { next: null, note: `No skin named "${arg.trim()}". Skins: ${TRANSCRIPT_SKINS.join(', ')}.` };
+}
+const MONO = "'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace";
+/* Token maps. Keys are custom properties; `--tx-*` are transcript-only shape
+ * tokens whose fallbacks (in Transcript.tsx / toolRender.tsx) are today's
+ * values. Values follow the approved mockup. */
+const TOKENS = {
+    terminal: {
+        '--surface-1': '#0d1014', '--surface-2': '#0d1014',
+        '--text-primary': '#e8edf4', '--text-secondary': '#8b98a8', '--text-tertiary': '#8593a3', '--text-disabled': '#7a8797',
+        '--border-subtle': '#26303b', '--border-default': '#26303b', '--border-accent': '#26303b',
+        '--accent': '#5fb3f9', '--accent-soft': 'transparent',
+        '--danger': '#ff7b72', '--danger-soft': 'transparent', '--success': '#7ee787', '--warning': '#f2c46d',
+        '--font-mono': MONO,
+        '--tx-font': MONO, '--tx-size': '13px', '--tx-line': '1.55', '--tx-bg': '#0d1014', '--tx-fg': '#d4dae3',
+        '--tx-tool-body-pad': '2px 0 6px 4ch',
+        '--tx-user-bg': 'transparent', '--tx-user-border': '0', '--tx-user-radius': '0', '--tx-user-pad': '0',
+        '--tx-user-align': 'stretch', '--tx-user-maxw': 'none', '--tx-user-style': 'normal',
+        '--tx-tool-bg': 'transparent', '--tx-tool-border': '0', '--tx-tool-radius': '0', '--tx-tool-pad': '1px 0',
+        '--tx-glyph-display': 'inline-flex', '--tx-glyph-bg': 'transparent', '--tx-glyph-fg': '#7ee787',
+    },
+    crt: {
+        '--surface-1': '#0a0703', '--surface-2': '#120c05',
+        '--text-primary': '#ffb347', '--text-secondary': '#d99a3f', '--text-tertiary': '#a8772f', '--text-disabled': '#8a6226',
+        '--border-subtle': '#3a2a12', '--border-default': '#3a2a12', '--border-accent': '#3a2a12',
+        '--accent': '#ffd08a', '--accent-soft': 'transparent',
+        '--danger': '#ff6a3d', '--danger-soft': 'transparent', '--success': '#ffb347', '--warning': '#ffd08a',
+        '--font-mono': "'VT323', " + MONO,
+        '--tx-font': "'VT323', " + MONO, '--tx-size': '22px', '--tx-line': '1.25',
+        '--tx-bg': '#0a0703', '--tx-bg-image': 'radial-gradient(ellipse at center, #1a1206 0%, #0a0703 80%)', '--tx-fg': '#ffb347',
+        '--tx-user-bg': 'transparent', '--tx-user-border': '0', '--tx-user-radius': '0', '--tx-user-pad': '0',
+        '--tx-user-align': 'stretch', '--tx-user-maxw': 'none', '--tx-user-style': 'normal',
+        '--tx-tool-bg': 'transparent', '--tx-tool-border': '0', '--tx-tool-radius': '0', '--tx-tool-pad': '1px 0',
+        '--tx-glyph-display': 'inline-flex', '--tx-glyph-bg': 'transparent', '--tx-glyph-fg': '#ffb347',
+    },
+    minimal: {
+        '--surface-1': '#191817', '--surface-2': '#191817',
+        '--text-primary': '#e9e6e1', '--text-secondary': '#a8a29a', '--text-tertiary': '#8a857e', '--text-disabled': '#6b665f',
+        '--border-subtle': '#2f2c29', '--border-default': '#2f2c29', '--border-accent': '#2f2c29',
+        '--accent': '#e8b48f', '--accent-soft': '#262422',
+        '--danger': '#e0776b', '--danger-soft': 'transparent', '--success': '#a8a29a', '--warning': '#d9b36c',
+        '--tx-font': 'inherit', '--tx-size': '14px', '--tx-line': '1.65', '--tx-bg': '#191817', '--tx-fg': '#e9e6e1',
+        '--tx-user-bg': '#262422', '--tx-user-border': '0', '--tx-user-radius': '12px', '--tx-user-pad': '6px 12px',
+        '--tx-user-align': 'flex-end', '--tx-user-maxw': '85%', '--tx-user-style': 'normal',
+        '--tx-tool-bg': 'transparent', '--tx-tool-border': '0', '--tx-tool-radius': '0', '--tx-tool-pad': '2px 0',
+        '--tx-glyph-display': 'none', '--tx-glyph-bg': 'transparent', '--tx-glyph-fg': '#a8a29a',
+    },
+    paper: {
+        '--surface-1': '#f7f3ea', '--surface-2': '#ece5d6',
+        '--text-primary': '#2a2621', '--text-secondary': '#5b5247', '--text-tertiary': '#655b4f', '--text-disabled': '#6b6155',
+        '--border-subtle': '#ddd3c2', '--border-default': '#cfc3ae', '--border-accent': '#b9ac98',
+        '--accent': '#8a5a2b', '--accent-soft': 'transparent',
+        '--danger': '#a8412f', '--danger-soft': 'transparent', '--success': '#6d8a5f', '--warning': '#9a7a2f',
+        '--tx-font': "'Source Serif 4', Georgia, 'Times New Roman', serif", '--tx-size': '16px', '--tx-line': '1.65',
+        '--tx-bg': '#f7f3ea', '--tx-fg': '#2a2621',
+        '--tx-pad': '14px max(18px, calc((100% - 64ch) / 2))',
+        '--tx-user-bg': 'transparent', '--tx-user-border': '0', '--tx-user-radius': '0', '--tx-user-pad': '0 0 0 14px',
+        '--tx-user-align': 'stretch', '--tx-user-maxw': 'none', '--tx-user-style': 'italic',
+        '--tx-tool-bg': 'transparent', '--tx-tool-border': '0', '--tx-tool-radius': '0', '--tx-tool-pad': '3px 0',
+        '--tx-glyph-display': 'inline-flex', '--tx-glyph-bg': 'transparent', '--tx-glyph-fg': '#6d8a5f',
+    },
+    blueprint: {
+        '--surface-1': '#0e3a6b', '--surface-2': '#0e3a6b',
+        '--text-primary': '#ffffff', '--text-secondary': '#cfe4fb', '--text-tertiary': '#a9cdf2', '--text-disabled': '#7fb0e0',
+        '--border-subtle': 'rgba(159,208,255,0.5)', '--border-default': '#9fd0ff', '--border-accent': '#9fd0ff',
+        '--accent': '#7fc4ff', '--accent-soft': 'rgba(14,58,107,0.85)',
+        '--danger': '#ff9f7a', '--danger-soft': 'rgba(14,58,107,0.92)', '--success': '#9fd0ff', '--warning': '#ffe28a',
+        '--font-mono': MONO,
+        '--tx-font': MONO, '--tx-size': '13px', '--tx-line': '1.55',
+        '--tx-bg': '#0e3a6b', '--tx-fg': '#dcecff',
+        '--tx-bg-image': 'linear-gradient(rgba(170,210,255,0.16) 1px, transparent 1px), linear-gradient(90deg, rgba(170,210,255,0.16) 1px, transparent 1px), linear-gradient(rgba(170,210,255,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(170,210,255,0.07) 1px, transparent 1px)',
+        '--tx-bg-size': '80px 80px, 80px 80px, 16px 16px, 16px 16px',
+        '--tx-tool-overflow': 'visible',
+        '--tx-user-bg': 'rgba(14,58,107,0.85)', '--tx-user-border': '1px dashed #9fd0ff', '--tx-user-radius': '0', '--tx-user-pad': '6px 12px',
+        '--tx-user-align': 'flex-end', '--tx-user-maxw': '85%', '--tx-user-style': 'normal',
+        '--tx-tool-bg': 'rgba(14,58,107,0.92)', '--tx-tool-border': '1px solid #9fd0ff', '--tx-tool-radius': '0', '--tx-tool-pad': '5px 10px',
+        '--tx-glyph-display': 'inline-flex', '--tx-glyph-bg': 'transparent', '--tx-glyph-fg': '#9fd0ff',
+    },
+    /* A chat-client log: one line per speaker, tool calls as "* agent" action
+     * lines (the nicks and prefixes live in SKIN_CSS.irc). No timestamps: a
+     * turn records no time, and an invented one would be a false statement. */
+    irc: {
+        '--surface-1': '#101418', '--surface-2': '#101418',
+        '--text-primary': '#e6edf3', '--text-secondary': '#8b949e', '--text-tertiary': '#808b96', '--text-disabled': '#76818c',
+        '--border-subtle': '#1f262d', '--border-default': '#1f262d', '--border-accent': '#1f262d',
+        '--accent': '#79c0ff', '--accent-soft': 'transparent',
+        '--danger': '#ff7b72', '--danger-soft': 'transparent', '--success': '#e3b341', '--warning': '#e3b341',
+        '--font-mono': MONO,
+        '--tx-font': MONO, '--tx-size': '13px', '--tx-line': '1.6', '--tx-bg': '#101418', '--tx-fg': '#c8d0d8',
+        '--tx-tool-body-pad': '0 0 4px 4ch',
+        '--tx-user-bg': 'transparent', '--tx-user-border': '0', '--tx-user-radius': '0', '--tx-user-pad': '0',
+        '--tx-user-align': 'stretch', '--tx-user-maxw': 'none', '--tx-user-style': 'normal',
+        '--tx-tool-bg': 'transparent', '--tx-tool-border': '0', '--tx-tool-radius': '0', '--tx-tool-pad': '0 0 0 2ch',
+        '--tx-glyph-display': 'none', '--tx-glyph-bg': 'transparent', '--tx-glyph-fg': '#e3b341',
+    },
+    /* A four-green handheld screen; answers sit in a chunky text box (CSS). */
+    handheld: {
+        '--surface-1': '#9bbc0f', '--surface-2': '#8bac0f',
+        '--text-primary': '#0f380f', '--text-secondary': '#0f380f', '--text-tertiary': '#1f4a1f', '--text-disabled': '#1f4a1f',
+        '--border-subtle': '#306230', '--border-default': '#306230', '--border-accent': '#306230',
+        '--accent': '#0f380f', '--accent-soft': '#8bac0f',
+        '--danger': '#0f380f', '--danger-soft': 'transparent', '--success': '#306230', '--warning': '#306230',
+        '--font-mono': "'VT323', " + MONO,
+        '--tx-font': "'VT323', " + MONO, '--tx-size': '18px', '--tx-line': '1.2', '--tx-bg': '#9bbc0f', '--tx-fg': '#0f380f',
+        '--tx-user-bg': '#8bac0f', '--tx-user-border': '2px solid #306230', '--tx-user-radius': '0', '--tx-user-pad': '6px 9px',
+        '--tx-user-align': 'flex-end', '--tx-user-maxw': '85%', '--tx-user-style': 'normal',
+        '--tx-tool-bg': 'transparent', '--tx-tool-border': '0', '--tx-tool-radius': '0', '--tx-tool-pad': '2px 0',
+        '--tx-glyph-display': 'inline-flex', '--tx-glyph-bg': '#306230', '--tx-glyph-fg': '#9bbc0f', '--tx-glyph-radius': '0',
+    },
+    /* A thermal slip on a counter: the transcript list is the paper (CSS). */
+    receipt: {
+        '--surface-1': '#fbfaf6', '--surface-2': '#f1eee6',
+        '--text-primary': '#222222', '--text-secondary': '#444444', '--text-tertiary': '#666666', '--text-disabled': '#777777',
+        '--border-subtle': '#bbbbbb', '--border-default': '#bbbbbb', '--border-accent': '#bbbbbb',
+        '--accent': '#222222', '--accent-soft': 'transparent',
+        '--danger': '#a3261b', '--danger-soft': 'transparent', '--success': '#222222', '--warning': '#6b5300',
+        '--font-mono': "'Courier Prime', 'Courier New', monospace",
+        '--tx-font': "'Courier Prime', 'Courier New', monospace", '--tx-size': '12.5px', '--tx-line': '1.45',
+        '--tx-bg': '#d9d4cc', '--tx-fg': '#222222',
+        '--tx-user-bg': 'transparent', '--tx-user-border': '0', '--tx-user-radius': '0', '--tx-user-pad': '0',
+        '--tx-user-align': 'stretch', '--tx-user-maxw': 'none', '--tx-user-style': 'italic',
+        '--tx-tool-bg': 'transparent', '--tx-tool-border': '0', '--tx-tool-radius': '0', '--tx-tool-pad': '1px 0',
+        '--tx-glyph-display': 'none', '--tx-glyph-bg': 'transparent', '--tx-glyph-fg': '#222222',
+    },
+    /* A console log: FLIGHT / CAPCOM roles, GO / NO-GO events, T+ working time. */
+    mission: {
+        '--surface-1': '#0b1117', '--surface-2': '#0f1821',
+        '--text-primary': '#d7e3ee', '--text-secondary': '#6f8599', '--text-tertiary': '#8098ad', '--text-disabled': '#7890a5',
+        '--border-subtle': '#22313f', '--border-default': '#22313f', '--border-accent': '#22313f',
+        '--accent': '#6cc4ff', '--accent-soft': 'transparent',
+        '--danger': '#ff5d5d', '--danger-soft': 'transparent', '--success': '#3ddc84', '--warning': '#ffb454',
+        '--font-mono': MONO,
+        '--tx-font': MONO, '--tx-size': '12.5px', '--tx-line': '1.5', '--tx-bg': '#0b1117', '--tx-fg': '#d7e3ee',
+        '--tx-user-bg': 'transparent', '--tx-user-border': '0', '--tx-user-radius': '0', '--tx-user-pad': '0',
+        '--tx-user-align': 'stretch', '--tx-user-maxw': 'none', '--tx-user-style': 'normal',
+        '--tx-tool-bg': 'transparent', '--tx-tool-border': '0', '--tx-tool-radius': '0', '--tx-tool-pad': '2px 0',
+        '--tx-glyph-display': 'none', '--tx-glyph-bg': 'transparent', '--tx-glyph-fg': '#3ddc84',
+    },
+    /* Grey bevels on a teal desktop: each turn a window (CSS). */
+    retro: {
+        '--surface-1': '#ffffff', '--surface-2': '#c0c0c0',
+        '--text-primary': '#000000', '--text-secondary': '#333333', '--text-tertiary': '#333333', '--text-disabled': '#333333',
+        '--border-subtle': '#808080', '--border-default': '#808080', '--border-accent': '#808080',
+        '--accent': '#000080', '--accent-soft': '#ffffff',
+        '--danger': '#e00000', '--danger-soft': '#c0c0c0', '--success': '#008000', '--warning': '#806000',
+        '--tx-font': "Tahoma, Verdana, 'Segoe UI', sans-serif", '--tx-size': '12.5px', '--tx-line': '1.45',
+        '--tx-bg': '#008080', '--tx-fg': '#000000',
+        '--tx-user-bg': '#ffffff', '--tx-user-border': '0', '--tx-user-radius': '0', '--tx-user-pad': '6px 8px',
+        '--tx-user-align': 'stretch', '--tx-user-maxw': 'none', '--tx-user-style': 'normal',
+        '--tx-tool-bg': 'transparent', '--tx-tool-border': '0', '--tx-tool-radius': '0', '--tx-tool-pad': '2px 4px',
+        '--tx-glyph-display': 'inline-flex', '--tx-glyph-fg': '#ffffff', '--tx-glyph-radius': '0',
+        // Chips sit in the white answer box, not on the teal desktop.
+        '--surface-3': '#dcdcdc', '--text-on-accent': '#ffffff',
+    },
+};
+/* App tokens the transcript reads that a skin rarely wants to pick by hand
+ * (inline-code chips, warning tints, the Apply button). Derived from the skin's
+ * own colours so none of the app theme leaks in; a skin's map can still set
+ * any of them explicitly, and wins. */
+const DERIVED = {
+    '--surface-3': 'color-mix(in srgb, var(--text-primary) 14%, var(--tx-bg))',
+    '--warning-soft': 'color-mix(in srgb, var(--warning) 16%, var(--tx-bg))',
+    '--text-on-accent': 'var(--tx-bg)',
+    '--grad-brand': 'var(--accent)',
+    '--brand-violet': 'var(--accent)',
+};
+/** Wraps a transcript and applies the skin to it and nothing else. `default`
+ * renders a plain wrapper: no tokens, no stylesheet, so today's look is
+ * untouched. */
+export function TranscriptSkinRoot({ skin, children, style }) {
+    if (skin === 'default') {
+        return _jsx("div", { "data-tx-skin": "default", style: style, children: children });
+    }
+    const rootStyle = {
+        ...DERIVED,
+        ...TOKENS[skin],
+        background: 'var(--tx-bg)',
+        backgroundImage: 'var(--tx-bg-image, none)',
+        backgroundSize: 'var(--tx-bg-size, auto)',
+        color: 'var(--tx-fg)',
+        fontFamily: 'var(--tx-font)',
+        fontSize: 'var(--tx-size)',
+        lineHeight: 'var(--tx-line)',
+        padding: 'var(--tx-pad, 14px)',
+        borderRadius: 'var(--radius-md)',
+        position: 'relative',
+        ...style,
+    };
+    return (_jsxs("div", { "data-tx-skin": skin, style: rootStyle, children: [_jsx("style", { children: SKIN_CSS[skin] }), children] }));
+}
+//# sourceMappingURL=transcriptSkin.js.map

package/dist/transcriptSkin.js.map

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

package/dist/transcriptSkinCss.d.ts

@@ -0,0 +1,4 @@
+import type { TranscriptSkin } from './transcriptSkin';
+export declare const IRC_AGENT_NICK = "agent";
+export declare const SKIN_CSS: Record<TranscriptSkin, string>;
+//# sourceMappingURL=transcriptSkinCss.d.ts.map

package/dist/transcriptSkinCss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transcriptSkinCss.d.ts","sourceRoot":"","sources":["../transcriptSkinCss.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA8DvD,eAAO,MAAM,cAAc,UAAU,CAAC;AAyEtC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAYnD,CAAC"}

package/dist/transcriptSkinCss.js

@@ -0,0 +1,136 @@
+const T = (skin) => `[data-tx-skin="${skin}"]`;
+const terminal = `
+${T('terminal')} [data-tx-part="user"]::before { content: "you ~ % "; color: #5fb3f9; }
+${T('terminal')} [data-tx-part="assistant"] { padding-left: 2ch; border-left: 1px solid #26303b; }
+${T('terminal')} [data-tx-part="tool-name"] { color: #7ee787; }
+${T('terminal')} [data-tx-status="error"] { --tx-glyph-fg: #ff7b72; }
+${T('terminal')} [data-tx-status="error"] [data-tx-part="tool-name"] { color: #ff7b72; }
+${T('terminal')} [data-tx-part="stats"]::before { content: "-- "; }
+`;
+const crt = `
+@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
+${T('crt')} { text-shadow: 0 0 4px rgba(255,170,60,0.55), 0 0 12px rgba(255,140,20,0.25); }
+${T('crt')}::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
+  background: repeating-linear-gradient(to bottom, rgba(0,0,0,0.28) 0 1px, transparent 1px 3px);
+  box-shadow: inset 0 0 90px rgba(0,0,0,0.85); }
+${T('crt')} [data-tx-part="user"]::before { content: "> "; }
+${T('crt')} [data-tx-part="tool-name"] { text-transform: uppercase; }
+${T('crt')} [data-tx-status="error"] { --tx-glyph-fg: #ff6a3d; }
+${T('crt')} [data-tx-status="error"] [data-tx-part="tool-name"] { color: #ff6a3d; text-shadow: 0 0 6px rgba(255,90,40,0.7); }
+${T('crt')} [data-tx-part="turn"]:last-child [data-tx-last]::after {
+  content: ""; display: inline-block; width: 0.6em; height: 1em; margin-left: 4px; vertical-align: -2px;
+  background: #ffb347; box-shadow: 0 0 8px rgba(255,170,60,0.7); animation: tx-crt-blink 1.1s steps(1) infinite; }
+@keyframes tx-crt-blink { 50% { opacity: 0; } }
+@media (prefers-reduced-motion: reduce) {
+  ${T('crt')} [data-tx-part="turn"]:last-child [data-tx-last]::after { animation: none; }
+}
+`;
+const minimal = `
+${T('minimal')} [data-tx-status="error"] [data-tx-part="tool-name"] { color: #e0776b; }
+${T('minimal')} [data-tx-part="tool-head"]:hover [data-tx-part="tool-name"] { color: #e9e6e1; }
+`;
+const paper = `
+@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap');
+${T('paper')} [data-tx-part="user"] { box-shadow: inset 2px 0 0 #b9ac98; }
+${T('paper')} [data-tx-part="tool-name"] { font-variant: small-caps; letter-spacing: 0.03em; }
+${T('paper')} [data-tx-part="tool-group"] { border-top: 1px solid #ddd3c2; border-bottom: 1px solid #ddd3c2; padding: 4px 0; }
+${T('paper')} [data-tx-part="tool"] { box-shadow: inset 0 1px #ddd3c2, inset 0 -1px #ddd3c2; }
+${T('paper')} [data-tx-status="error"] { --tx-glyph-fg: #a8412f; }
+${T('paper')} [data-tx-status="error"] [data-tx-part="tool-name"] { color: #a8412f; }
+`;
+const blueprint = `
+${T('blueprint')} [data-tx-part="user"]::before { content: "REQ  "; color: #7fc4ff; font-size: 11px; letter-spacing: 0.1em; }
+${T('blueprint')} [data-tx-part="tool"] { position: relative; margin-left: 18px; }
+${T('blueprint')} [data-tx-part="tool"]::before { content: ""; position: absolute; left: -13px; top: 13px; width: 12px; border-top: 1px solid #7fc4ff; }
+${T('blueprint')} [data-tx-part="tool"]::after { content: ""; position: absolute; left: -13px; top: -8px; bottom: -8px; border-left: 1px solid #7fc4ff; }
+${T('blueprint')} [data-tx-part="tool-name"] { text-transform: uppercase; letter-spacing: 0.08em; }
+${T('blueprint')} [data-tx-part="tool-body"] { border-top: 1px dashed rgba(159,208,255,0.5); }
+${T('blueprint')} [data-tx-status="error"] { outline: 1px dashed #ff9f7a; outline-offset: -1px; --tx-glyph-fg: #ff9f7a; }
+${T('blueprint')} [data-tx-status="error"] [data-tx-part="tool-name"] { color: #ff9f7a; }
+${T('blueprint')} [data-tx-part="stats"] { letter-spacing: 0.06em; }
+`;
+/* Nicks are generic on purpose: the same code serves both apps, so the agent
+ * is "<agent>", never a product name. Exported so the Netsplit arrival effect's
+ * join line uses the very same nick. */
+export const IRC_AGENT_NICK = 'agent';
+const N = IRC_AGENT_NICK;
+const irc = `
+${T('irc')} [data-tx-part="user"]::before { content: "<you> "; color: #79c0ff; }
+${T('irc')} [data-tx-part="assistant"]::before { content: "<${N}> "; float: left; margin-right: 1ch; color: #d2a8ff; }
+${T('irc')} [data-tx-part="tool-name"] { color: #e3b341; font-style: italic; }
+${T('irc')} [data-tx-part="tool-name"]::before { content: "* ${N} ran "; }
+${T('irc')} [data-tx-status="running"] [data-tx-part="tool-name"]::before { content: "* ${N} is running "; }
+${T('irc')} [data-tx-status="error"] [data-tx-part="tool-name"] { color: #ff7b72; }
+${T('irc')} [data-tx-status="error"] [data-tx-part="tool-name"]::before { content: "* ${N} failed "; }
+${T('irc')} [data-tx-part="stats"]::before { content: "-!- "; color: #3fb950; }
+`;
+const handheld = `
+@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
+${T('handheld')} [data-tx-part="assistant"] { position: relative; margin: 3px; padding: 10px 12px 16px; background: #9bbc0f;
+  box-shadow: 0 0 0 3px #0f380f, inset 0 0 0 2px #9bbc0f, inset 0 0 0 4px #306230; }
+${T('handheld')} [data-tx-part="turn"]:last-child [data-tx-last]::after { content: ""; position: absolute; right: 10px; bottom: 5px;
+  border: 5px solid transparent; border-top: 6px solid #0f380f; border-bottom: 0; animation: tx-hh-bob 1s steps(2) infinite; }
+@keyframes tx-hh-bob { 50% { transform: translateY(2px); } }
+@media (prefers-reduced-motion: reduce) {
+  ${T('handheld')} [data-tx-part="turn"]:last-child [data-tx-last]::after { animation: none; }
+}
+${T('handheld')} [data-tx-status="error"] { --tx-glyph-bg: #9bbc0f; --tx-glyph-fg: #0f380f; }
+${T('handheld')} [data-tx-status="error"] [data-tx-part="glyph"] { box-shadow: inset 0 0 0 2px #0f380f; }
+${T('handheld')} [data-tx-status="error"] [data-tx-part="tool-name"] { text-decoration: underline wavy; }
+`;
+const receipt = `
+@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');
+${T('receipt')} [data-tx-part="list"] { max-width: 40ch; margin: 0 auto; padding: 16px 16px 26px; background: #fbfaf6;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.18);
+  -webkit-mask: linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom/12px 8px repeat-x;
+  mask: linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom/12px 8px repeat-x; }
+${T('receipt')} [data-tx-part="list"]::before { content: "*** RECEIPT ***"; display: block; text-align: center; font-weight: 700; }
+${T('receipt')} [data-tx-part="turn"] + [data-tx-part="turn"] { border-top: 1px dashed #999; padding-top: 12px; }
+${T('receipt')} [data-tx-part="stats"] { font-weight: 700; border-top: 1px dashed #999; padding-top: 4px; }
+${T('receipt')} [data-tx-part="stats"]::before { content: "TOTAL  "; }
+${T('receipt')} [data-tx-status="error"] [data-tx-part="tool-name"] { text-decoration: line-through; }
+`;
+/* T+ is the agent's working time (data-tx-elapsed, Transcript.tsx), not a
+ * wall clock. */
+const mission = `
+${T('mission')} [data-tx-part="list"]::before { content: "\\25CF  LIVE    MISSION LOG"; display: block; padding-bottom: 6px; border-bottom: 1px solid #22313f;
+  color: #3ddc84; font-size: 10.5px; letter-spacing: 0.14em; }
+${T('mission')} [data-tx-part="turn"][data-tx-elapsed]::before { content: attr(data-tx-elapsed); color: #5d7488; font-size: 10.5px; letter-spacing: 0.08em; }
+${T('mission')} [data-tx-part="user"]::before { content: "FLIGHT  "; color: #ffb454; font-size: 10.5px; letter-spacing: 0.1em; }
+${T('mission')} [data-tx-part="assistant"]::before { content: "CAPCOM  "; float: left; margin-right: 1ch; color: #6cc4ff; font-size: 10.5px; letter-spacing: 0.1em; }
+${T('mission')} [data-tx-part="tool-name"]::before { content: "GO"; display: inline-block; margin-right: 8px; padding: 0 6px; border: 1px solid #3ddc84;
+  border-radius: 3px; color: #3ddc84; font-size: 9.5px; letter-spacing: 0.1em; line-height: 1.6; }
+${T('mission')} [data-tx-status="running"] [data-tx-part="tool-name"]::before { content: "HOLD"; border-color: #ffb454; color: #ffb454; }
+${T('mission')} [data-tx-status="error"] [data-tx-part="tool-name"]::before { content: "NO-GO"; border-color: #ff5d5d; color: #ff5d5d; }
+${T('mission')} [data-tx-part="stats"] { align-self: flex-start; padding: 4px 8px; border: 1px solid #22313f; background: #0f1821; }
+${T('mission')} [data-tx-part="stats"]::before { content: "TELEMETRY  "; color: #5d7488; }
+`;
+const BEVEL = 'inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px #808080, inset 2px 2px #dfdfdf';
+const SUNKEN = 'inset 1px 1px #808080, inset -1px -1px #fff, inset 2px 2px #0a0a0a, inset -2px -2px #dfdfdf';
+const retro = `
+${T('retro')} [data-tx-part="list"] { counter-reset: tx-win; }
+${T('retro')} [data-tx-part="turn"] { counter-increment: tx-win; padding: 3px 3px 8px; background: #c0c0c0; box-shadow: ${BEVEL}; }
+${T('retro')} [data-tx-part="turn"]::before { content: "Transcript - turn " counter(tx-win); display: block; padding: 3px 6px;
+  background: linear-gradient(90deg, #000080, #1084d0); color: #fff; font-weight: 700; font-size: 11.5px; }
+${T('retro')} [data-tx-part="turn"] > [data-tx-part] { margin-left: 6px; margin-right: 6px; }
+${T('retro')} [data-tx-part="user"] { box-shadow: ${SUNKEN}; }
+${T('retro')} [data-tx-part="assistant"] { padding: 6px 8px; background: #fff; box-shadow: ${SUNKEN}; }
+${T('retro')} [data-tx-part="stats"] { padding: 2px 6px; box-shadow: inset 1px 1px #808080, inset -1px -1px #fff; }
+${T('retro')} [data-tx-status="error"] { padding: 3px; box-shadow: ${BEVEL}; }
+${T('retro')} [data-tx-status="error"]::before { content: "Error"; display: block; padding: 2px 6px;
+  background: linear-gradient(90deg, #800000, #c04040); color: #fff; font-weight: 700; font-size: 11.5px; }
+`;
+export const SKIN_CSS = {
+    default: '',
+    terminal,
+    crt,
+    minimal,
+    paper,
+    blueprint,
+    irc,
+    handheld,
+    receipt,
+    mission,
+    retro,
+};
+//# sourceMappingURL=transcriptSkinCss.js.map

package/dist/transcriptSkinCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transcriptSkinCss.js","sourceRoot":"","sources":["../transcriptSkinCss.ts"],"names":[],"mappings":"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"}

package/dist/usageSummary.d.ts

@@ -0,0 +1,31 @@
+import type { ConversationTurn } from '@corenel/harness/conversation';
+export interface UsageTotals {
+    inTok: number;
+    outTok: number;
+    /** Null when no turn measured it: unknown, not "none cached". */
+    cachedTok: number | null;
+    cost: number;
+    turns: number;
+    /** Model calls across the session; null when no turn recorded its count. */
+    calls: number | null;
+}
+export interface UsageRow {
+    id: string;
+    /** 1-based position among the turns that ran, so "Turn 4" means the fourth. */
+    index: number;
+    /** The turn's largest single request, or null when it was not measured. */
+    ctxTok: number | null;
+    calls: number | null;
+    inTok: number;
+    outTok: number;
+    cachedTok: number | null;
+    cost: number;
+}
+/** Session totals, the last `n` turns that ran (newest first), and the latest
+ * request's size -- the figure the gauge can be checked against. */
+export declare function usageSummary(turns: readonly ConversationTurn[], n: number): {
+    session: UsageTotals;
+    recent: UsageRow[];
+    lastContext: number | null;
+};
+//# sourceMappingURL=usageSummary.d.ts.map

package/dist/usageSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usageSummary.d.ts","sourceRoot":"","sources":["../usageSummary.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;oEACoE;AACpE,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,gBAAgB,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,QAAQ,EAAE,CAAC;IAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAkCpJ"}

package/dist/usageSummary.js

@@ -0,0 +1,39 @@
+/** Session totals, the last `n` turns that ran (newest first), and the latest
+ * request's size -- the figure the gauge can be checked against. */
+export function usageSummary(turns, n) {
+    const ran = [];
+    for (const t of turns) {
+        if (!t.stats)
+            continue;
+        const calls = t.stats.calls ?? null;
+        ran.push({
+            id: t.id,
+            index: ran.length + 1,
+            // One call means the turn's billed `in` was its only request.
+            ctxTok: t.stats.ctxTok ?? (calls === 1 ? t.stats.inTok : null),
+            calls,
+            inTok: t.stats.inTok,
+            outTok: t.stats.outTok,
+            cachedTok: t.stats.cachedTok ?? null,
+            cost: t.stats.cost,
+        });
+    }
+    const sumKnown = (pick) => {
+        const known = ran.map(pick).filter((v) => v !== null);
+        return known.length ? known.reduce((a, v) => a + v, 0) : null;
+    };
+    const session = {
+        inTok: ran.reduce((a, r) => a + r.inTok, 0),
+        outTok: ran.reduce((a, r) => a + r.outTok, 0),
+        cachedTok: sumKnown((r) => r.cachedTok),
+        cost: ran.reduce((a, r) => a + r.cost, 0),
+        turns: ran.length,
+        calls: sumKnown((r) => r.calls),
+    };
+    return {
+        session,
+        recent: ran.slice(-Math.max(0, n)).reverse(),
+        lastContext: ran.length ? ran[ran.length - 1].ctxTok : null,
+    };
+}
+//# sourceMappingURL=usageSummary.js.map

package/dist/usageSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usageSummary.js","sourceRoot":"","sources":["../usageSummary.ts"],"names":[],"mappings":"AAuCA;oEACoE;AACpE,MAAM,UAAU,YAAY,CAAC,KAAkC,EAAE,CAAS;IACxE,MAAM,GAAG,GAAe,EAAE,CAAC;IAC3B,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;QACtB,IAAI,CAAC,CAAC,CAAC,KAAK;YAAE,SAAS;QACvB,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC;QACpC,GAAG,CAAC,IAAI,CAAC;YACP,EAAE,EAAE,CAAC,CAAC,EAAE;YACR,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC;YACrB,8DAA8D;YAC9D,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;YAC9D,KAAK;YACL,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;YACpB,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM;YACtB,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI;YACpC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI;SACnB,CAAC,CAAC;IACL,CAAC;IACD,MAAM,QAAQ,GAAG,CAAC,IAAoC,EAAiB,EAAE;QACvE,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;QACnE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,CAAC,CAAC;IACF,MAAM,OAAO,GAAgB;QAC3B,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3C,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;QAC7C,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACvC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QACzC,KAAK,EAAE,GAAG,CAAC,MAAM;QACjB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;KAChC,CAAC;IACF,OAAO;QACL,OAAO;QACP,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE;QAC5C,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;KAC5D,CAAC;AACJ,CAAC"}

package/dist/verificationView.d.ts

@@ -0,0 +1,3 @@
+export type VerificationView = 'collapsed' | 'expanded';
+export declare function useVerificationView(): [VerificationView, (v: VerificationView) => void];
+//# sourceMappingURL=verificationView.d.ts.map

package/dist/verificationView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verificationView.d.ts","sourceRoot":"","sources":["../verificationView.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,UAAU,CAAC;AAaxD,wBAAgB,mBAAmB,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC,CAoBvF"}

package/dist/verificationView.js

@@ -0,0 +1,37 @@
+/* Turn verification summary — whether the "Observed: …" block under an agent
+ * turn starts collapsed (one line) or expanded (with the observed changes).
+ * A starting state only: each summary still toggles on its own. Persisted and
+ * synced across instances the same way as transcriptView.tsx. */
+import { useCallback, useEffect, useState } from 'react';
+const KEY = 'prompd.web.verificationView';
+const EVENT = 'prompd:verificationView';
+function read() {
+    try {
+        return localStorage.getItem(KEY) === 'expanded' ? 'expanded' : 'collapsed';
+    }
+    catch {
+        return 'collapsed';
+    }
+}
+export function useVerificationView() {
+    const [view, setViewState] = useState(read);
+    useEffect(() => {
+        const sync = () => setViewState(read());
+        window.addEventListener('storage', sync);
+        window.addEventListener(EVENT, sync);
+        return () => {
+            window.removeEventListener('storage', sync);
+            window.removeEventListener(EVENT, sync);
+        };
+    }, []);
+    const setView = useCallback((v) => {
+        setViewState(v);
+        try {
+            localStorage.setItem(KEY, v);
+        }
+        catch { /* storage unavailable: the choice lasts this session */ }
+        window.dispatchEvent(new CustomEvent(EVENT));
+    }, []);
+    return [view, setView];
+}
+//# sourceMappingURL=verificationView.js.map

package/dist/verificationView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verificationView.js","sourceRoot":"","sources":["../verificationView.tsx"],"names":[],"mappings":"AAAA;;;iEAGiE;AACjE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,GAAG,GAAG,6BAA6B,CAAC;AAC1C,MAAM,KAAK,GAAG,yBAAyB,CAAC;AAExC,SAAS,IAAI;IACX,IAAI,CAAC;QACH,OAAO,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IAC7E,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,WAAW,CAAC;IACrB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;QACxC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACzC,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACrC,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YAC5C,MAAM,CAAC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC1C,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAClD,YAAY,CAAC,CAAC,CAAC,CAAC;QAChB,IAAI,CAAC;YAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAAC,CAAC;QAAC,MAAM,CAAC,CAAC,wDAAwD,CAAC,CAAC;QACxG,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corenel/web-ui",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "license": "Elastic-2.0",
   "type": "module",
   "description": "Corenel browser dock/agent UI — the presentational components (transcript, composer, rich content, tool render, context manager, etc.). The prompd app's AgentPanel/PolicyEditor compose these on top.",
@@ -15,10 +15,10 @@
     }
   },
   "dependencies": {
-    "@corenel/protocol": "0.9.0",
-    "@corenel/ui-kit": "0.6.0",
-    "@corenel/harness": "0.10.0",
-    "@corenel/tools-web": "0.5.0"
+    "@corenel/harness": "0.13.0",
+    "@corenel/ui-kit": "0.8.1",
+    "@corenel/tools-web": "0.8.0",
+    "@corenel/protocol": "0.12.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",