@corenel/web-ui 0.13.2 → 0.14.0

package/dist/transcriptSkinCss.js

@@ -1,4 +1,78 @@
 const T = (skin) => `[data-tx-skin="${skin}"]`;
+/** The parts the step rail ships (packages/web-ui/steps), one selector each.
+ * Skins restyle the rail through these. */
+export const TX_HOOKS = {
+    rail: '[data-tx-part="rail"]',
+    step: '[data-tx-part="step"]',
+    stepDot: '[data-tx-part="step-dot"]',
+    stepVerb: '[data-tx-part="step-verb"]',
+    stepObject: '[data-tx-part="step-object"]',
+    stepMeta: '[data-tx-part="step-meta"]',
+    fold: '[data-tx-part="explored"]',
+    peek: '[data-tx-part="step-peek"]',
+    peekLine: '[data-tx-part="peek-line"]',
+    task: '[data-tx-part="task"]',
+    taskMarker: '[data-tx-part="task-marker"]',
+    delegation: '[data-tx-part="delegation"]',
+    delegationBar: '[data-tx-part="delegation-bar"]',
+    subagent: '[data-tx-part="subagent"]',
+    approval: '[data-tx-part="approval"]',
+    afterReply: '[data-tx-part="after"]',
+    custom: '[data-tx-part="custom"]',
+};
+/** A step's KitStatus (running, done, failed, stopped, needs-you). */
+export const STATUS_ATTR = 'data-tx-status';
+/** A task heading's state (done, current, waiting, blocked, earlier). */
+export const TASK_STATE_ATTR = 'data-tx-task-state';
+/** How a finished step or delegation went (refused, problems, unknown). */
+export const OUTCOME_ATTR = 'data-tx-outcome';
+/** Skins whose status colours are too close to tell apart, so needs-you,
+ * running and failed each carry a mark beside the words. */
+export const MARK_SKINS = ['crt', 'handheld', 'receipt'];
+const STEP_LINE = '[data-tx-part="step-line"]';
+/* A status mark sits on the status element's own line, reached only through
+ * child combinators: a descendant selector would copy an Explored group's or a
+ * custom wrapper's status onto every step nested inside it. */
+const verbMark = (skin, status) => [TX_HOOKS.step, TX_HOOKS.fold]
+    .map((part) => `${T(skin)} ${part}[${STATUS_ATTR}="${status}"] > ${STEP_LINE} > ${TX_HOOKS.stepVerb}::before`)
+    .join(', ');
+/* No step is ever needs-you: that status is on the approval wrapper and on a
+ * custom item (an edit waiting on review), so the mark heads those. */
+const needMark = (skin) => [TX_HOOKS.approval, TX_HOOKS.custom].map((part) => `${T(skin)} ${part}[${STATUS_ATTR}="needs-you"]::before`).join(', ');
+const statusMarks = (skin, m) => `
+${verbMark(skin, 'running')} { content: "${m.running} "; }
+${verbMark(skin, 'failed')} { content: "${m.failed} "; }
+${needMark(skin)} { content: "${m.needsYou}"; display: block; font-weight: 700; }
+`;
+/* A done step's mark, on the top-level steps and Explored lines only (the rail's
+ * own and a task's): the rows inside an opened Explored group carry no mark, so
+ * no status-keyed rule ever lands inside a group. */
+const doneMark = (skin) => ['[data-tx-part="rail"]', '[data-tx-part="task-items"]']
+    .flatMap((parent) => [TX_HOOKS.step, TX_HOOKS.fold]
+    .map((part) => `${T(skin)} ${parent} > ${part}[${STATUS_ATTR}="done"] > ${STEP_LINE} > ${TX_HOOKS.stepVerb}::before`))
+    .join(', ');
+const TASK_STATES = ['done', 'current', 'waiting', 'blocked', 'earlier'];
+const TASK_HEAD = '[data-tx-part="task-head"]';
+/* A task marker in one state. The state attributes are repeated here, so the
+ * rule outweighs rail.css's own state rule (0,4,0) on specificity, not on the
+ * order the two stylesheets happen to load in. */
+const taskMarker = (skin, state) => `${T(skin)} ${TX_HOOKS.task}[${TASK_STATE_ATTR}="${state}"] > ${TASK_HEAD} > ${TX_HOOKS.taskMarker}`;
+const TASK_COLOUR = {
+    done: 'var(--kit-ok)', current: 'var(--kit-run)', waiting: 'var(--kit-off)', blocked: 'var(--kit-bad)', earlier: 'var(--kit-off)',
+};
+/* Bracketed text in place of the drawn square, in the heading's own line and
+ * in the state's kit colour (or the skin's own, where a kit colour is too
+ * faint for text on its surface). An earlier turn's task reads like a waiting
+ * one. */
+const textTaskMarkers = (skin, m, colour = TASK_COLOUR) => `
+${T(skin)} ${TX_HOOKS.taskMarker} { position: static; flex: none; transform: none; width: auto; height: auto; border: 0; border-radius: 0; background: transparent; }
+${TASK_STATES.map((s) => `${taskMarker(skin, s)} { background: transparent; color: ${colour[s]}; }
+${taskMarker(skin, s)}::before { content: "${m[s]}"; }`).join('\n')}
+`;
+/* A drawn task square that is not done sits on the skin's own surface, so the
+ * rail line never shows through it (rail.css paints it --surface-canvas, an
+ * app colour). An earlier turn's task reads like a waiting one. */
+const boxTaskMarkers = (skin) => `${TASK_STATES.filter((s) => s !== 'done').map((s) => taskMarker(skin, s)).join(', ')} { background: var(--surface-1); }`;
 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; }
@@ -39,7 +113,7 @@ ${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="user"]::before { content: "REQ  "; color: #7fc4ff; font-size: 12px; 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; }
@@ -94,31 +168,295 @@ ${T('receipt')} [data-tx-status="error"] [data-tx-part="tool-name"] { text-decor
  * 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; }
+  color: #3ddc84; font-size: 12px; letter-spacing: 0.14em; }
+${T('mission')} [data-tx-part="turn"][data-tx-elapsed]::before { content: attr(data-tx-elapsed); color: #5d7488; font-size: 12px; letter-spacing: 0.08em; }
+${T('mission')} [data-tx-part="user"]::before { content: "FLIGHT  "; color: #ffb454; font-size: 12px; letter-spacing: 0.1em; }
+${T('mission')} [data-tx-part="assistant"]::before { content: "CAPCOM  "; float: left; margin-right: 1ch; color: #6cc4ff; font-size: 12px; 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; }
+  border-radius: 3px; color: #3ddc84; font-size: 12px; letter-spacing: 0.1em; line-height: 1.6; }
+${T('mission')} [data-tx-status="running"] [data-tx-part="tool-name"]::before { content: "LIVE"; border-color: var(--kit-run); color: var(--kit-run); }
 ${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; }
 `;
+/** Retro's step-detail status pill, on the window's white rather than a tint of
+ * the teal desktop (M6). One rule for both roots: the transcript's own panel
+ * (here, under data-tx-skin) and the chat's side panel (chatSkinCss.ts, under
+ * data-chat-skin), so the two pills cannot drift apart. */
+export const RETRO_PILL = `[data-tx-part="detail-pill"][${STATUS_ATTR}] { border-radius: 0; background: var(--surface-1); box-shadow: inset 0 0 0 1px #808080; }`;
 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; }
+  background: linear-gradient(90deg, #000080, #1084d0); color: #fff; font-weight: 700; font-size: 12px; }
 ${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; }
+  background: linear-gradient(90deg, #800000, #c04040); color: #fff; font-weight: 700; font-size: 12px; }
+`;
+/* ---- the step rail (packages/web-ui/steps), per skin. Rail colours and shapes
+ * that are plain values live in the token maps (--rail-line, --peek-bg, ...);
+ * these rules add marks, case and spacing. The approval card's rules are in
+ * chatSkinCss.ts, which reaches it in all three places it renders. ---- */
+const SUBAGENT_NAME = '[data-tx-part="subagent-name"]';
+/* A shell log: lowercase verbs, a command reads as a prompt line, peeks are
+ * bare output indented under it, tasks a checklist, sub-agents numbered jobs. */
+const terminalRail = `
+${T('terminal')} ${TX_HOOKS.rail}::before { width: 1px; }
+${T('terminal')} ${TX_HOOKS.stepVerb} { text-transform: lowercase; }
+${T('terminal')} ${TX_HOOKS.step}[data-tx-kind="run"] > ${STEP_LINE} > ${TX_HOOKS.stepVerb}::before { content: "$ "; color: var(--text-tertiary); }
+${T('terminal')} ${TX_HOOKS.peek} { margin-left: 4ch; }
+${T('terminal')} ${TX_HOOKS.peekLine}[data-tx-tone="bad"] { color: var(--kit-bad); }
+${textTaskMarkers('terminal', { done: '[x]', current: '[>]', waiting: '[ ]', blocked: '[!]', earlier: '[ ]' })}
+${T('terminal')} [data-tx-part="subagent-list"] { counter-reset: tx-job; }
+${T('terminal')} ${TX_HOOKS.subagent} { counter-increment: tx-job; }
+${T('terminal')} ${TX_HOOKS.subagent}::before { content: "[" counter(tx-job) "]"; flex: none; color: var(--text-tertiary); }
+${T('terminal')} ${TX_HOOKS.afterReply}::before { content: "-- "; }
+`;
+/* Phosphor: a glowing 1px rail, uppercase verbs, a mark beside every status
+ * (Task 7's > X ? plus * for done). The running mark pulses between full and
+ * 0.45 opacity, never off; the needs-you mark is inverse. A failed peek line
+ * glows red. The cursor after the last answer is placed absolutely on the
+ * rail, so it no longer opens a line of its own below the answer (a strip
+ * outside the answer that taps fell through); the last answer keeps a column
+ * as wide as the cursor and its 4px gap, so no glyph runs under it. */
+const crtRail = `
+${T('crt')} ${TX_HOOKS.rail}::before { width: 1px; box-shadow: 0 0 6px rgba(255,170,60,0.6); }
+${T('crt')} ${TX_HOOKS.stepVerb} { text-transform: uppercase; }
+${doneMark('crt')} { content: "* "; }
+${verbMark('crt', 'running')} { animation: tx-crt-mark 1.1s steps(1) infinite; }
+@keyframes tx-crt-mark { 50% { opacity: 0.45; } }
+${needMark('crt')} { width: fit-content; padding: 0 4px; background: var(--kit-need); color: var(--tx-bg); text-shadow: none; }
+${T('crt')} ${TX_HOOKS.peekLine}[data-tx-tone="bad"] { text-shadow: 0 0 6px rgba(255,90,40,0.7); }
+${textTaskMarkers('crt', { done: '[*]', current: '[>]', waiting: '[ ]', blocked: '[X]', earlier: '[ ]' })}
+${T('crt')} ${TX_HOOKS.subagent} { text-transform: uppercase; }
+${T('crt')} [data-tx-part="delegation-title"] { text-transform: uppercase; }
+${T('crt')} ${TX_HOOKS.delegation} > ${TX_HOOKS.stepDot}[${STATUS_ATTR}="running"], ${T('crt')} [data-tx-part="subagent-dot"][${STATUS_ATTR}="running"] { filter: drop-shadow(0 0 4px var(--kit-run)); }
+${T('crt')} ${TX_HOOKS.afterReply} { text-transform: uppercase; }
+${T('crt')} .tx-rail-body [data-tx-last] { position: relative; }
+${T('crt')} .tx-rail-body [data-tx-part="turn"]:last-child [data-tx-last] { padding-right: calc(0.6em + 4px); }
+${T('crt')} .tx-rail-body [data-tx-part="turn"]:last-child [data-tx-last]::after { position: absolute; right: 0; bottom: 0; margin: 0; pointer-events: none; }
+@media (prefers-reduced-motion: reduce) {
+  ${verbMark('crt', 'running')} { animation: none; }
+}
+`;
+/* Quiet: a hairline rail, lighter verbs, bare peeks with no line numbers, a
+ * small square marker that stays empty (the line's own ground, never the
+ * app's canvas colour) until its task is done, plain rows and
+ * an after-reply line in the dim tertiary colour (Details included, at full
+ * opacity: 4.84:1 on the skin's background). */
+const minimalRail = `
+${T('minimal')} ${TX_HOOKS.rail}::before { width: 1px; }
+${T('minimal')} ${TX_HOOKS.stepVerb} { font-weight: 500; color: var(--text-secondary); }
+${T('minimal')} ${TX_HOOKS.peekLine} > [data-tx-part="peek-num"] { display: none; }
+${T('minimal')} ${TX_HOOKS.taskMarker} { border-width: 1px; border-radius: 1px; }
+${TASK_STATES.filter((s) => s !== 'done').map((s) => taskMarker('minimal', s)).join(', ')} { background: var(--tx-bg); }
+${T('minimal')} ${TX_HOOKS.subagent} > ${SUBAGENT_NAME} { font-weight: 500; }
+${T('minimal')} ${TX_HOOKS.afterReply} { color: var(--text-tertiary); }
+`;
+/* A channel log: no rail line, every step an action line ("* agent ran ...",
+ * "* agent is running ...", "* agent failed: ...", "* agent is waiting on
+ * you"), peeks quoted with "| ", tasks and the after-reply line as server
+ * notices (an unfinished task's square left empty on the log's ground),
+ * sub-agents as their own nicks. On the rail an answer's lists form
+ * their own block, so they sit beside the floated <agent> label instead of
+ * under it (the label used to cover a numbered list's "1."). The speaker
+ * words make a verb long ("* agent failed: explored"), so the verb stays whole
+ * (it carries the status words) and the line's meta, which only repeats what
+ * went wrong, shrinks to its ellipsis: meta and chevron stay on a 390px line. */
+const ircRail = `
+${T('irc')} ${TX_HOOKS.rail}::before { content: none; }
+${T('irc')} ${TX_HOOKS.stepVerb}, ${T('irc')} [data-tx-part="explored-list"] ${TX_HOOKS.stepVerb} { text-transform: lowercase; font-weight: 400; font-style: italic; color: #d2a8ff; }
+${T('irc')} ${TX_HOOKS.stepVerb}::before { content: "* ${N} "; }
+${T('irc')} ${STEP_LINE} > ${TX_HOOKS.stepMeta} { flex: 0 1 auto; min-width: 0; }
+${verbMark('irc', 'running')} { content: "* ${N} is "; }
+${verbMark('irc', 'failed')} { content: "* ${N} failed: "; color: var(--kit-bad); }
+${needMark('irc')} { content: "* ${N} is waiting on you"; display: block; color: var(--kit-need); font-style: italic; }
+${T('irc')} ${TX_HOOKS.peek} { margin-left: 4ch; }
+${T('irc')} ${TX_HOOKS.peekLine}::before { content: "| "; color: var(--text-tertiary); }
+${T('irc')} ${TX_HOOKS.taskMarker} { border-radius: 0; }
+${TASK_STATES.filter((s) => s !== 'done').map((s) => taskMarker('irc', s)).join(', ')} { background: transparent; }
+${T('irc')} [data-tx-part="task-title"]::before { content: "-!- task: "; color: #3fb950; font-weight: 400; }
+${T('irc')} ${TX_HOOKS.subagent} > ${SUBAGENT_NAME}::before { content: "* "; color: var(--text-tertiary); }
+${T('irc')} ${TX_HOOKS.afterReply}::before { content: "-!- "; color: #3fb950; }
+${T('irc')} .tx-rail-body [data-tx-part="assistant"] .md-ol { display: flow-root; }
+${T('irc')} .tx-rail-body [data-tx-part="assistant"] .md-ul { display: flow-root; }
+`;
+/* A printed page: the rail a thin rule, small-capital verbs and names, peeks
+ * set between two rules, each task heading ruled off with a ruled square for
+ * its marker, and an italic after-reply line. */
+const paperRail = `
+${T('paper')} ${TX_HOOKS.rail}::before { width: 1px; border-radius: 0; }
+${T('paper')} ${TX_HOOKS.stepVerb} { font-variant: small-caps; letter-spacing: 0.03em; }
+${T('paper')} ${TX_HOOKS.peek} { border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); border-radius: 0; }
+${T('paper')} ${TX_HOOKS.peekLine}[data-tx-tone="bad"] { font-style: italic; }
+${T('paper')} ${TASK_HEAD} { border-bottom: 1px solid var(--border-subtle); }
+${T('paper')} ${TX_HOOKS.taskMarker} { border-width: 1px; border-radius: 0; }
+${boxTaskMarkers('paper')}
+${T('paper')} ${TX_HOOKS.subagent} > ${SUBAGENT_NAME} { font-variant: small-caps; letter-spacing: 0.03em; }
+${T('paper')} [data-tx-part="delegation-title"] { font-variant: small-caps; letter-spacing: 0.03em; }
+${T('paper')} ${TX_HOOKS.afterReply} { font-style: italic; }
+`;
+/* A drawing: the rail is a dimension line (the old tool leader lines, moved
+ * onto it) with a tick at each end, verbs in tracked capitals, a dashed rule
+ * over each peek and a dashed outline on a failed peek line, a diamond tick
+ * for each task, a dashed outline on a sub-agent that finished with problems,
+ * and a tracked after-reply line. On the rail, on the phone, the older 11px
+ * REQ label is held to 12px. */
+const blueprintRail = `
+${T('blueprint')} ${TX_HOOKS.rail}::before { width: 1px; border-radius: 0; }
+${T('blueprint')} ${TX_HOOKS.rail}::after { content: ""; position: absolute; left: 1px; top: 8px; bottom: 8px; width: 9px; border-top: 1px solid var(--rail-line); border-bottom: 1px solid var(--rail-line); pointer-events: none; }
+${T('blueprint')} ${TX_HOOKS.stepVerb} { text-transform: uppercase; letter-spacing: 0.08em; }
+${T('blueprint')} ${TX_HOOKS.peek} { border-top: 1px dashed var(--border-subtle); border-radius: 0; }
+${T('blueprint')} ${TX_HOOKS.peekLine}[data-tx-tone="bad"] { outline: 1px dashed var(--kit-bad); outline-offset: -1px; }
+${T('blueprint')} ${TX_HOOKS.taskMarker} { border-width: 1px; border-radius: 0; transform: translateY(-50%) rotate(45deg); }
+${boxTaskMarkers('blueprint')}
+${T('blueprint')} ${TX_HOOKS.subagent} > ${SUBAGENT_NAME} { letter-spacing: 0.04em; }
+${T('blueprint')} ${TX_HOOKS.subagent}[${OUTCOME_ATTR}="problems"] { outline: 1px dashed var(--kit-need); outline-offset: -1px; }
+${T('blueprint')} [data-tx-part="delegation-title"] { text-transform: uppercase; letter-spacing: 0.08em; }
+${T('blueprint')} ${TX_HOOKS.afterReply} { letter-spacing: 0.06em; }
+`;
+/* A till slip: the rail a dashed line, OK beside every done step (Task 7's
+ * ..., VOID and SIGN beside the rest), peeks between dashed rules, tasks as
+ * [ ] checkboxes, sub-agents as line items, and the after-reply line printed
+ * as the TOTAL under a dashed rule. The waiting and earlier boxes print in the
+ * secondary ink: the kit's grey is too faint for text on the slip. */
+const receiptRail = `
+${T('receipt')} ${TX_HOOKS.rail}::before { width: 0; border-radius: 0; background: none; border-left: 1px dashed var(--rail-line); }
+${doneMark('receipt')} { content: "OK "; }
+${T('receipt')} ${TX_HOOKS.peek} { border-top: 1px dashed var(--rail-line); border-bottom: 1px dashed var(--rail-line); border-radius: 0; }
+${T('receipt')} ${TX_HOOKS.peekLine}[data-tx-tone="bad"] { font-weight: 700; }
+${textTaskMarkers('receipt', { done: '[x]', current: '[>]', waiting: '[ ]', blocked: '[!]', earlier: '[ ]' }, { ...TASK_COLOUR, waiting: 'var(--text-secondary)', earlier: 'var(--text-secondary)' })}
+${T('receipt')} ${TX_HOOKS.subagent} { border-bottom: 1px dotted var(--border-default); }
+${T('receipt')} ${TX_HOOKS.subagent} > ${SUBAGENT_NAME} { text-transform: uppercase; }
+${T('receipt')} ${TX_HOOKS.afterReply} { font-weight: 700; border-top: 1px dashed var(--rail-line); }
+${T('receipt')} ${TX_HOOKS.afterReply}::before { content: "TOTAL  "; }
+`;
+/* A desktop window: the rail is a sunken white field with a groove for its
+ * line, a failed step is the Error dialog the old tool rows use (its dot moved
+ * down past the 20px bar, onto its own line), peeks are sunken white boxes,
+ * task headings raised bars, sub-agents list-view rows, and the after-reply
+ * line a status bar. The status pill and the add/del peek lines sit on the
+ * window's white, not on a tint of the teal desktop (M6). */
+const retroRail = `
+${T('retro')} ${TX_HOOKS.rail} { padding-top: 4px; padding-right: 4px; padding-bottom: 4px; background: var(--surface-1); box-shadow: ${SUNKEN}; }
+${T('retro')} ${TX_HOOKS.rail}::before { width: 1px; border-radius: 0; box-shadow: 1px 0 #dfdfdf; }
+${T('retro')} ${TX_HOOKS.step}[${STATUS_ATTR}="failed"] { padding: 3px; background: var(--surface-2); box-shadow: ${BEVEL}; }
+${T('retro')} ${TX_HOOKS.step}[${STATUS_ATTR}="failed"]::before { content: "Error"; display: block; height: 20px; box-sizing: border-box; padding: 2px 6px;
+  background: linear-gradient(90deg, #800000, #c04040); color: #ffffff; font-weight: 700; font-size: 12px; line-height: 16px; }
+${T('retro')} ${TX_HOOKS.step}[${STATUS_ATTR}="failed"] > ${TX_HOOKS.stepDot} { margin-top: 23px; }
+${T('retro')} ${TX_HOOKS.step}[${STATUS_ATTR}="failed"] > ${STEP_LINE} > ${TX_HOOKS.stepVerb} { color: var(--kit-bad); }
+${T('retro')} ${TX_HOOKS.peek} { border-radius: 0; box-shadow: ${SUNKEN}; }
+${T('retro')} ${TX_HOOKS.peek}[data-tx-tone="bad"] { box-shadow: inset 2px 0 0 var(--kit-bad), ${SUNKEN}; }
+${T('retro')} ${TX_HOOKS.peekLine}[data-tx-tone="add"], ${T('retro')} ${TX_HOOKS.peekLine}[data-tx-tone="del"] { background: transparent; }
+${T('retro')} .tx-after-change[data-tx-tone="bad"] { background: transparent; }
+${T('retro')} ${TASK_HEAD} { background: var(--surface-2); box-shadow: ${BEVEL}; }
+${T('retro')} ${TX_HOOKS.taskMarker} { border-radius: 0; }
+${boxTaskMarkers('retro')}
+${T('retro')} ${TX_HOOKS.subagent} { border-bottom: 1px solid #dfdfdf; }
+${T('retro')} ${TX_HOOKS.afterReply} { background: var(--surface-2); box-shadow: inset 1px 1px #808080, inset -1px -1px #ffffff; }
+${T('retro')} ${TX_HOOKS.afterReply}[data-tx-selected] { box-shadow: inset 0 0 0 1px #000000; }
+${T('retro')} ${RETRO_PILL}
+`;
+const SUBAGENT_DOT = '[data-tx-part="subagent-dot"]';
+/* A sub-agent row's mark, read from its own dot (the row's status is the
+ * callee's; the dot says needs-you while its approval shows). The dot is
+ * aria-hidden, so the mark is too; the row's label carries the words. */
+const rowMark = (skin, status) => `${T(skin)} ${SUBAGENT_DOT}[${STATUS_ATTR}="${status}"]::after`;
+/* A mark on the delegation's own rail dot (Delegation.tsx OwnDot, aria-hidden),
+ * reached by a child combinator only, so no dot on a rail nested inside the
+ * delegation's detail ever takes it. */
+const DELEGATION_DOT = (skin, status) => `${T(skin)} ${TX_HOOKS.delegation} > ${TX_HOOKS.stepDot}[${STATUS_ATTR}="${status}"]::after`;
+const ASSISTANT_LISTS = (skin) => `${T(skin)} .tx-rail-body [data-tx-part="assistant"] .md-ol, ${T(skin)} .tx-rail-body [data-tx-part="assistant"] .md-ul { display: flow-root; }`;
+/* A flight console: the rail a dark rule, every status a boxed call beside the
+ * verb (GO done, LIVE running, NO-GO failed, HOLD on what waits on you: the
+ * kit's colour meanings, so running is blue and HOLD amber, on the old tool
+ * rows too), verbs in tracked capitals, peeks on the
+ * console panel, each task a CHECKLIST item with a square marker, each
+ * sub-agent row its own GO / NO-GO (amber when it finished with problems), and
+ * the after-reply line framed as TELEMETRY. The boxes are 12px, not the old
+ * 9.5px badge. On the rail an answer's lists sit beside the floated CAPCOM
+ * label instead of under it. */
+const missionBox = 'display: inline-block; padding: 0 6px; border: 1px solid currentColor; border-radius: 3px; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; line-height: 1.6;';
+const missionRail = `
+${T('mission')} ${TX_HOOKS.rail}::before { border-radius: 0; }
+${T('mission')} ${TX_HOOKS.stepVerb} { text-transform: uppercase; letter-spacing: 0.06em; }
+${T('mission')} ${TX_HOOKS.stepVerb}::before { ${missionBox} margin-right: 8px; }
+${doneMark('mission')} { content: "GO"; color: var(--kit-ok); }
+${verbMark('mission', 'running')} { content: "LIVE"; color: var(--kit-run); }
+${verbMark('mission', 'failed')} { content: "NO-GO"; color: var(--kit-bad); }
+${needMark('mission')} { content: "HOLD"; ${missionBox} margin-bottom: 4px; color: var(--kit-need); }
+${T('mission')} ${TX_HOOKS.peek} { border: 1px solid var(--border-subtle); border-radius: 0; }
+${T('mission')} ${TX_HOOKS.peekLine}[data-tx-tone="bad"] { font-weight: 600; }
+${T('mission')} ${TX_HOOKS.taskMarker} { border-radius: 0; }
+${boxTaskMarkers('mission')}
+${T('mission')} [data-tx-part="task-title"] { text-transform: uppercase; letter-spacing: 0.04em; }
+${T('mission')} [data-tx-part="task-title"]::before { content: "CHECKLIST  "; white-space: pre; color: var(--text-tertiary); font-size: 12px; font-weight: 400; letter-spacing: 0.14em; }
+${T('mission')} ${TX_HOOKS.subagent} > ${SUBAGENT_NAME} { text-transform: uppercase; letter-spacing: 0.06em; }
+${T('mission')} [data-tx-part="delegation-title"] { text-transform: uppercase; letter-spacing: 0.06em; }
+${T('mission')} ${SUBAGENT_DOT} { width: auto; gap: 6px; align-items: center; }
+${T('mission')} ${SUBAGENT_DOT}::after { ${missionBox} }
+${rowMark('mission', 'done')} { content: "GO"; color: var(--kit-ok); }
+${T('mission')} ${SUBAGENT_DOT}[${STATUS_ATTR}="done"][${OUTCOME_ATTR}="problems"]::after { color: var(--kit-need); }
+${T('mission')} ${SUBAGENT_DOT}[${STATUS_ATTR}="done"][${OUTCOME_ATTR}="unknown"]::after { color: var(--text-tertiary); }
+${rowMark('mission', 'running')} { content: "LIVE"; color: var(--kit-run); }
+${rowMark('mission', 'failed')} { content: "NO-GO"; color: var(--kit-bad); }
+${rowMark('mission', 'needs-you')} { content: "HOLD"; color: var(--kit-need); }
+${T('mission')} ${TX_HOOKS.afterReply} { border-radius: 0; box-shadow: inset 0 0 0 1px var(--border-subtle); letter-spacing: 0.04em; }
+${T('mission')} ${TX_HOOKS.afterReply}[data-tx-selected] { box-shadow: inset 0 0 0 1px var(--text-tertiary); }
+${T('mission')} ${TX_HOOKS.afterReply}::before { content: "TELEMETRY  "; white-space: pre; color: var(--text-disabled); }
+${ASSISTANT_LISTS('mission')}
+`;
+/* A four-green screen: a 2px ink rail, OK beside every done step and - beside
+ * a stopped one (Task 7's >, X and ! beside the rest), all in the ink colour.
+ * The kit's status colours here are dark enough to read on both screen greens
+ * (Task 11b), which leaves them too close to tell apart, so the marks carry
+ * every status: on steps, on sub-agent rows (OK? for one that finished with
+ * problems) and on the delegation's own dot. The running mark bobs, by
+ * movement only, so it is never fainter than the others. Peeks, sub-agent
+ * rows and the after-reply line are boxed in the border green; the current
+ * task is an arrow and a blocked one an X, and a waiting square is drawn in
+ * the border green (the palette's grey, #8bac0f, was 1.2:1 on the screen). A
+ * failed peek line is underlined, since the kit's red is the ink. */
+const handheldRail = `
+${T('handheld')} ${TX_HOOKS.rail}::before { border-radius: 0; }
+${doneMark('handheld')} { content: "OK "; }
+${verbMark('handheld', 'running')} { display: inline-block; white-space: pre; animation: tx-hh-bob 1s steps(2) infinite; }
+${T('handheld')} ${TX_HOOKS.peek} { border: 2px solid var(--border-default); border-radius: 0; }
+${T('handheld')} ${TX_HOOKS.peekLine}[data-tx-tone="bad"] { text-decoration: underline wavy; }
+${T('handheld')} ${TX_HOOKS.taskMarker} { border-radius: 0; }
+${taskMarker('handheld', 'waiting')}, ${taskMarker('handheld', 'earlier')} { border-color: var(--border-default); background: var(--surface-1); }
+${taskMarker('handheld', 'current')}, ${taskMarker('handheld', 'blocked')} { width: auto; height: auto; border: 0; background: var(--surface-1); color: var(--text-primary); line-height: 1; }
+${taskMarker('handheld', 'current')}::before { content: ">"; }
+${taskMarker('handheld', 'blocked')}::before { content: "X"; }
+${T('handheld')} [data-tx-part="subagent-list"] { gap: 4px; }
+${T('handheld')} ${TX_HOOKS.subagent} { border-radius: 0; box-shadow: inset 0 0 0 2px var(--border-default); }
+${T('handheld')} ${TX_HOOKS.subagent}[data-tx-selected] { box-shadow: inset 0 0 0 2px var(--text-primary); }
+${T('handheld')} ${SUBAGENT_DOT} { width: auto; gap: 4px; align-items: center; }
+${rowMark('handheld', 'done')} { content: "OK"; }
+${rowMark('handheld', 'running')} { content: ">"; }
+${rowMark('handheld', 'failed')} { content: "X"; }
+${rowMark('handheld', 'needs-you')} { content: "!"; font-weight: 700; }
+${rowMark('handheld', 'stopped')} { content: "-"; }
+${T('handheld')} ${SUBAGENT_DOT}[${STATUS_ATTR}="done"][${OUTCOME_ATTR}="problems"]::after { content: "OK?"; }
+${verbMark('handheld', 'stopped')} { content: "- "; }
+${DELEGATION_DOT('handheld', 'done')} { content: "OK"; }
+${T('handheld')} ${TX_HOOKS.delegation} > ${TX_HOOKS.stepDot}[${STATUS_ATTR}="done"][${OUTCOME_ATTR}="problems"]::after { content: "OK?"; }
+${DELEGATION_DOT('handheld', 'running')} { content: ">"; }
+${DELEGATION_DOT('handheld', 'failed')} { content: "X"; }
+${DELEGATION_DOT('handheld', 'needs-you')} { content: "!"; font-weight: 700; }
+${DELEGATION_DOT('handheld', 'stopped')} { content: "-"; }
+${T('handheld')} ${TX_HOOKS.delegation} > ${TX_HOOKS.stepDot}::after { position: absolute; top: calc(100% + 2px); left: 50%; transform: translateX(-50%); padding: 1px 0; background: var(--tx-bg); line-height: 1; white-space: pre; }
+${T('handheld')} ${TX_HOOKS.afterReply} { border-radius: 0; box-shadow: inset 0 0 0 2px var(--border-default); }
+${T('handheld')} ${TX_HOOKS.afterReply}[data-tx-selected] { box-shadow: inset 0 0 0 2px var(--text-primary); }
+@media (prefers-reduced-motion: reduce) {
+  ${verbMark('handheld', 'running')} { animation: none; }
+}
 `;
 /* Every skin's answers take its own text size. The app's markdown rules pin
  * answer paragraphs and lists to 13.5px; measured before this rule, Handheld's
@@ -129,15 +467,18 @@ const answerSize = (skin) => ['md-p', 'md-ul', 'md-ol']
     .join('\n');
 export const SKIN_CSS = {
     default: '',
-    terminal: terminal + answerSize('terminal'),
-    crt: crt + answerSize('crt'),
-    minimal: minimal + answerSize('minimal'),
-    paper: paper + answerSize('paper'),
-    blueprint: blueprint + answerSize('blueprint'),
-    irc: irc + answerSize('irc'),
-    handheld: handheld + answerSize('handheld'),
-    receipt: receipt + answerSize('receipt'),
-    mission: mission + answerSize('mission'),
-    retro: retro + answerSize('retro'),
+    terminal: terminal + terminalRail + answerSize('terminal'),
+    // The marks come before crtRail, which only adds to them.
+    crt: crt + statusMarks('crt', { running: '>', failed: 'X', needsYou: '?' }) + crtRail + answerSize('crt'),
+    minimal: minimal + minimalRail + answerSize('minimal'),
+    paper: paper + paperRail + answerSize('paper'),
+    blueprint: blueprint + blueprintRail + answerSize('blueprint'),
+    irc: irc + ircRail + answerSize('irc'),
+    // The marks come before handheldRail, which only adds the done mark and the bob.
+    handheld: handheld + statusMarks('handheld', { running: '>', failed: 'X', needsYou: '!' }) + handheldRail + answerSize('handheld'),
+    // The marks come before receiptRail, which only adds the done mark.
+    receipt: receipt + statusMarks('receipt', { running: '...', failed: 'VOID', needsYou: 'SIGN' }) + receiptRail + answerSize('receipt'),
+    mission: mission + missionRail + answerSize('mission'),
+    retro: retro + retroRail + answerSize('retro'),
 };
 //# sourceMappingURL=transcriptSkinCss.js.map

package/dist/transcriptSkinCss.js.map

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

package/dist/useHoldPress.d.ts

@@ -0,0 +1,24 @@
+import type { MouseEvent as ReactMouseEvent, PointerEvent as ReactPointerEvent } from 'react';
+export interface HoldPress {
+    onPointerDown(e: ReactPointerEvent): void;
+    onPointerMove(e: ReactPointerEvent): void;
+    onPointerUp(): void;
+    onPointerLeave(): void;
+    onPointerCancel(): void;
+    onContextMenu(e: ReactMouseEvent): void;
+    onClick(): void;
+    holding: boolean;
+}
+/** A tap runs onTap; holding for `ms` runs onHold instead. Sliding off or a cancelled pointer (a scroll) runs neither.
+ *
+ * Sliding off is checked two ways. A touch pointer is implicitly captured by
+ * the element it went down on, so `pointerleave` never fires while the finger
+ * slides away; the capture is released on pointerdown, and every pointermove
+ * is also checked against the button's box, so a slide-off cancels on any
+ * pointer type whether or not the browser honours the release. */
+export declare function useHoldPress(o: {
+    onTap: () => void;
+    onHold?: () => void;
+    ms?: number;
+}): HoldPress;
+//# sourceMappingURL=useHoldPress.d.ts.map

package/dist/useHoldPress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoldPress.d.ts","sourceRoot":"","sources":["../useHoldPress.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE9F,MAAM,WAAW,SAAS;IACxB,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC1C,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC1C,WAAW,IAAI,IAAI,CAAC;IACpB,cAAc,IAAI,IAAI,CAAC;IACvB,eAAe,IAAI,IAAI,CAAC;IACxB,aAAa,CAAC,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,OAAO,IAAI,IAAI,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB;AAID;;;;;;kEAMkE;AAClE,wBAAgB,YAAY,CAAC,CAAC,EAAE;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CA2ElG"}

package/dist/useHoldPress.js

@@ -0,0 +1,85 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+/** A tap runs onTap; holding for `ms` runs onHold instead. Sliding off or a cancelled pointer (a scroll) runs neither.
+ *
+ * Sliding off is checked two ways. A touch pointer is implicitly captured by
+ * the element it went down on, so `pointerleave` never fires while the finger
+ * slides away; the capture is released on pointerdown, and every pointermove
+ * is also checked against the button's box, so a slide-off cancels on any
+ * pointer type whether or not the browser honours the release. */
+export function useHoldPress(o) {
+    const { onTap, onHold, ms = 500 } = o;
+    const timer = useRef(null);
+    const held = useRef(false);
+    const cancelled = useRef(false);
+    const box = useRef(null);
+    const [holding, setHolding] = useState(false);
+    const holdRef = useRef(onHold);
+    holdRef.current = onHold;
+    const clear = useCallback(() => {
+        if (timer.current !== null) {
+            clearTimeout(timer.current);
+            timer.current = null;
+        }
+        box.current = null;
+        setHolding(false);
+    }, []);
+    useEffect(() => () => {
+        if (timer.current !== null)
+            clearTimeout(timer.current);
+    }, []);
+    const onPointerDown = useCallback((e) => {
+        if (e.button > 0)
+            return;
+        held.current = false;
+        cancelled.current = false;
+        if (!holdRef.current)
+            return;
+        const el = e.currentTarget;
+        // Undo a touch pointer's implicit capture, so leaving the button is seen.
+        if (el.hasPointerCapture?.(e.pointerId))
+            el.releasePointerCapture(e.pointerId);
+        clear();
+        const r = el.getBoundingClientRect();
+        box.current = { left: r.left, top: r.top, right: r.right, bottom: r.bottom };
+        setHolding(true);
+        timer.current = setTimeout(() => {
+            timer.current = null;
+            box.current = null;
+            held.current = true;
+            setHolding(false);
+            holdRef.current?.();
+        }, ms);
+    }, [clear, ms]);
+    const cancel = useCallback(() => {
+        if (timer.current !== null)
+            cancelled.current = true;
+        clear();
+    }, [clear]);
+    const onPointerMove = useCallback((e) => {
+        const b = box.current;
+        if (!b || timer.current === null)
+            return;
+        const { clientX: x, clientY: y } = e;
+        if (x < b.left || x > b.right || y < b.top || y > b.bottom)
+            cancel();
+    }, [cancel]);
+    const onClick = useCallback(() => {
+        if (held.current || cancelled.current) {
+            held.current = false;
+            cancelled.current = false;
+            return;
+        }
+        onTap();
+    }, [onTap]);
+    return {
+        onPointerDown,
+        onPointerMove,
+        onPointerUp: clear,
+        onPointerLeave: cancel,
+        onPointerCancel: cancel,
+        onContextMenu: (e) => e.preventDefault(),
+        onClick,
+        holding,
+    };
+}
+//# sourceMappingURL=useHoldPress.js.map

package/dist/useHoldPress.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corenel/web-ui",
-  "version": "0.13.2",
+  "version": "0.14.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.17.0",
-    "@corenel/tools-web": "0.11.3",
-    "@corenel/ui-kit": "0.10.2",
-    "@corenel/harness": "0.19.0"
+    "@corenel/harness": "0.21.0",
+    "@corenel/tools-web": "0.12.0",
+    "@corenel/protocol": "0.19.0",
+    "@corenel/ui-kit": "0.12.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",