@mrciphersmith/keryx 0.2.149 → 0.2.151

package/dist/cli.js

@@ -51497,7 +51497,7 @@ import path47 from "path";
 // package.json
 var package_default = {
   name: "@mrciphersmith/keryx",
-  version: "0.2.149",
+  version: "0.2.151",
   description: "Version-controlled project context for AI coding agents: code graph, architecture wiki, project memory, relevant tests, quality signals, and task flows.",
   private: false,
   publishConfig: {
@@ -91834,6 +91834,24 @@ function deriveTranscriptPalette(theme) {
     diffDeleteBackground: mixHex(theme.panel, theme.error, 0.12)
   };
 }
+function roleColor(role, theme = getTheme()) {
+  switch (role) {
+    case "text":
+      return theme.text;
+    case "muted":
+      return theme.muted;
+    case "accent":
+      return theme.tool;
+    case "attention":
+      return theme.focus;
+    case "ok":
+      return theme.ok;
+    case "error":
+      return theme.error;
+    case "side":
+      return theme.side;
+  }
+}
 var THEME_NAMES = [
   "groknight",
   "tokyonight",
@@ -91851,6 +91869,9 @@ var THEME_NAMES = [
 var THEME_IDS = ["auto", ...THEME_NAMES];
 var DEFAULT_THEME_ID = "groknight";
 var LIGHT_THEME_NAMES = new Set(["grokday", "paper", "frost", "sand", "mint"]);
+function isLightTheme(name) {
+  return LIGHT_THEME_NAMES.has(name);
+}
 var THEMES = {
   groknight: {
     name: "groknight",
@@ -91911,7 +91932,7 @@ var THEMES = {
     user: "#c8d0d0",
     assistant: "#5ec8c8",
     tool: "#5ec8c8",
-    side: "#5a3a6a",
+    side: "#b39ddb",
     focus: "#ffd166",
     error: "#e05a5a",
     ok: "#6bcf6b"
@@ -92615,6 +92636,20 @@ async function runGoalCommand(params) {
 init_metaproject_adapter();
 import { spawnSync as spawnSync3 } from "child_process";
 
+// src/tui/sidebar-metrics.ts
+var SIDEBAR_WIDTH = 34;
+
+// src/tui/theme-text.ts
+function roleChunk(otui, role, text) {
+  return otui.fg(roleColor(role))(text);
+}
+function dimChunk(otui, text) {
+  return isLightTheme(getTheme().name) ? roleChunk(otui, "muted", text) : otui.dim(roleChunk(otui, "text", text));
+}
+function boldChunk(otui, text) {
+  return otui.bold(roleChunk(otui, "text", text));
+}
+
 // src/tui/transcript-blocks.ts
 var EVICTED_BLOCK_TEXT = "(output no longer retained)";
 var UNKNOWN_BLOCK_TEXT = "(no such block)";
@@ -93176,7 +93211,7 @@ function createBlockView(otui, renderer, parent, block, options = {}) {
     const line = state.summary.length > 0 ? `${label}  ${state.summary}` : label;
     if (focused) {
       header.fg = undefined;
-      header.content = otui.t`${otui.yellow(`\u276F ${line}`)}`;
+      header.content = otui.t`${roleChunk(otui, "attention", `\u276F ${line}`)}`;
       return;
     }
     if (tone === "red" || tone === "cyan") {
@@ -93185,7 +93220,7 @@ function createBlockView(otui, renderer, parent, block, options = {}) {
       return;
     }
     header.fg = undefined;
-    header.content = otui.t`${otui.dim(line)}`;
+    header.content = otui.t`${dimChunk(otui, line)}`;
   };
   const dropBody = () => {
     if (body === undefined) {
@@ -93269,7 +93304,7 @@ function appendUserEcho(otui, renderer, parent, options) {
   });
   box.add(new otui.TextRenderable(renderer, {
     id: `${options.id}-t`,
-    content: fullWidth ? text : otui.t`${otui.dim(text)}`,
+    content: fullWidth ? text : otui.t`${dimChunk(otui, text)}`,
     ...fullWidth ? { fg: getTheme().user, wrapMode: "word" } : {}
   }));
   parent.add(box);
@@ -93549,7 +93584,6 @@ function modalBodyRows(panelHeight) {
   return Math.max(1, panelHeight - MODAL_CHROME_ROWS);
 }
 var CLOSE_HINT = "[x] esc";
-var UNMEASURED_SIDEBAR_WIDTH = 30;
 function resolveModalAvailableWidth(chrome) {
   const rWidth = chrome.renderer.width;
   const mainWidth = chrome.main?.width ?? 0;
@@ -93557,7 +93591,7 @@ function resolveModalAvailableWidth(chrome) {
     return Math.min(rWidth, mainWidth);
   }
   if (chrome.sidebar !== undefined) {
-    const sidebarWidth = chrome.sidebar.width > 0 ? chrome.sidebar.width : UNMEASURED_SIDEBAR_WIDTH;
+    const sidebarWidth = chrome.sidebar.width > 0 ? chrome.sidebar.width : SIDEBAR_WIDTH;
     return Math.max(20, rWidth - sidebarWidth);
   }
   return rWidth;
@@ -93614,7 +93648,7 @@ function paintTabs(state) {
     const prefix = index === 0 ? "" : " ";
     state.tabStrip.add(new state.otui.TextRenderable(state.chrome.renderer, {
       id: `modal-tab-${tab.id}`,
-      content: active ? state.otui.t`${prefix}${state.otui.bold(label)}` : state.otui.t`${prefix}${state.otui.dim(label)}`,
+      content: active ? state.otui.t`${prefix}${boldChunk(state.otui, label)}` : state.otui.t`${prefix}${dimChunk(state.otui, label)}`,
       fg: active ? theme.focus : theme.muted,
       onMouseDown: () => {
         if (!state.open || state.input === undefined || tab.id === state.active) {
@@ -93628,12 +93662,12 @@ function paintTabs(state) {
 function paintHeader(state, title) {
   const maxTitle = Math.max(8, innerWidthOf(state) - CLOSE_HINT.length - 1);
   const shown = title.length > maxTitle ? `${title.slice(0, Math.max(1, maxTitle - 1))}\u2026` : title;
-  state.titleText.content = state.otui.t`${state.otui.bold(shown)}`;
-  state.closeText.content = state.otui.t`${state.otui.dim(CLOSE_HINT)}`;
+  state.titleText.content = state.otui.t`${boldChunk(state.otui, shown)}`;
+  state.closeText.content = state.otui.t`${dimChunk(state.otui, CLOSE_HINT)}`;
 }
 function paintFooter(state, actions) {
   const items = actions !== undefined && actions.length > 0 ? actions : DEFAULT_FOOTER;
-  state.footerText.content = state.otui.t`${state.otui.dim(formatModalFooter(items))}`;
+  state.footerText.content = state.otui.t`${dimChunk(state.otui, formatModalFooter(items))}`;
 }
 function unmountActiveTab(state) {
   const cleanup = state.tabCleanup;
@@ -95622,7 +95656,6 @@ var COMPOSER_MIN_ROWS = 1;
 var COMPOSER_MAX_ROWS = 6;
 var COMPOSER_BORDER_ROWS = 2;
 var MENU_HEIGHT = 10;
-var SIDEBAR_WIDTH = 30;
 var SIDEBAR_BORDER_LEFT = 1;
 var SIDEBAR_PADDING_LEFT = 2;
 var SIDEBAR_PADDING_RIGHT = 1;
@@ -95847,7 +95880,7 @@ async function createShellChrome(otui, renderer, opts) {
       if (!alive || advisory === undefined)
         return;
       try {
-        versionNotice.content = otui.t`${otui.yellow(advisory)}`;
+        versionNotice.content = otui.t`${roleChunk(otui, "attention", advisory)}`;
       } catch {}
     }, () => {});
   }
@@ -95863,7 +95896,7 @@ async function createShellChrome(otui, renderer, opts) {
     }
   };
   const showToast = (message) => {
-    toastText.content = otui.t`${otui.green(`\u2713 ${message}`)}`;
+    toastText.content = otui.t`${roleChunk(otui, "ok", `\u2713 ${message}`)}`;
     clearToastTimer();
     toastTimer = setTimeout(() => {
       toastText.content = "";
@@ -95891,14 +95924,14 @@ async function createShellChrome(otui, renderer, opts) {
   });
   const headerLeft = new otui.TextRenderable(r, {
     id: "header-left",
-    content: otui.t`${otui.bold(`\u25C6 ${opts.title}`)}`
+    content: otui.t`${boldChunk(otui, `\u25C6 ${opts.title}`)}`
   });
   header.add(headerLeft);
   const headerRight = new otui.TextRenderable(r, { id: "header-right", content: "" });
   header.add(headerRight);
   main.add(header);
   const paintDim = (target, text) => {
-    target.content = text.length === 0 ? "" : otui.t`${otui.dim(text)}`;
+    target.content = text.length === 0 ? "" : otui.t`${dimChunk(otui, text)}`;
   };
   paintDim(headerRight, opts.headerMeta ?? "");
   const promptPin = new otui.BoxRenderable(r, {
@@ -96156,9 +96189,9 @@ async function createShellChrome(otui, renderer, opts) {
     paddingLeft: 1,
     paddingRight: 1
   });
-  const footerLeft = new otui.TextRenderable(r, { id: "footer-left", content: otui.t`${otui.dim(opts.footerHint)}` });
+  const footerLeft = new otui.TextRenderable(r, { id: "footer-left", content: otui.t`${dimChunk(otui, opts.footerHint)}` });
   footer.add(footerLeft);
-  const footerRight = new otui.TextRenderable(r, { id: "footer-right", content: otui.t`${otui.dim(opts.status)}` });
+  const footerRight = new otui.TextRenderable(r, { id: "footer-right", content: otui.t`${dimChunk(otui, opts.status)}` });
   footer.add(footerRight);
   main.add(footer);
   let busyPhase = "waiting for model";
@@ -96175,18 +96208,18 @@ async function createShellChrome(otui, renderer, opts) {
       return;
     }
     if (!busy) {
-      footerLeft.content = otui.t`${otui.dim(opts.footerHint)}`;
-      footerRight.content = otui.t`${otui.dim(status)}`;
+      footerLeft.content = otui.t`${dimChunk(otui, opts.footerHint)}`;
+      footerRight.content = otui.t`${dimChunk(otui, status)}`;
       return;
     }
     const frame = SPINNER[spinIdx % SPINNER.length] ?? "\u280B";
     const secs = ((Date.now() - busyStartedAt) / 1000).toFixed(1);
     const line = `${frame} ${busyPhase} \xB7 ${secs}s`;
-    footerLeft.content = otui.t`${otui.yellow(line)}`;
+    footerLeft.content = otui.t`${roleChunk(otui, "attention", line)}`;
     const perm = opts.permissionMode?.();
-    footerRight.content = otui.t`${otui.dim(perm !== undefined && perm.length > 0 ? `mode ${perm}` : status)}`;
+    footerRight.content = otui.t`${dimChunk(otui, perm !== undefined && perm.length > 0 ? `mode ${perm}` : status)}`;
     if (liveStatus !== undefined) {
-      liveStatus.content = otui.t`${otui.dim(line)}`;
+      liveStatus.content = otui.t`${dimChunk(otui, line)}`;
     }
   };
   const clearBusyTimer = () => {
@@ -96206,7 +96239,7 @@ async function createShellChrome(otui, renderer, opts) {
     spinIdx = 0;
     liveStatus = new otui.TextRenderable(r, {
       id: `ls${uid++}`,
-      content: otui.t`${otui.dim(`\u280B ${phase} \xB7 0.0s`)}`,
+      content: otui.t`${dimChunk(otui, `\u280B ${phase} \xB7 0.0s`)}`,
       marginTop: 1
     });
     transcript.add(liveStatus);
@@ -96536,9 +96569,9 @@ async function playBootAnimation(otui, r, opts) {
   const logoBox = new otui.BoxRenderable(r, { id: "boot-logo-box", flexDirection: "column", alignItems: "center" });
   box.add(logoBox);
   for (const [index, line] of WORDMARK.entries()) {
-    logoBox.add(new otui.TextRenderable(r, { id: `boot-logo-${index}`, content: otui.t`${otui.bold(line)}` }));
+    logoBox.add(new otui.TextRenderable(r, { id: `boot-logo-${index}`, content: otui.t`${boldChunk(otui, line)}` }));
   }
-  box.add(new otui.TextRenderable(r, { id: "boot-hint", content: otui.t`${otui.dim("any key to skip")}`, marginTop: 1 }));
+  box.add(new otui.TextRenderable(r, { id: "boot-hint", content: otui.t`${dimChunk(otui, "any key to skip")}`, marginTop: 1 }));
   await new Promise((resolve) => {
     let settled = false;
     const finish = () => {
@@ -96629,7 +96662,7 @@ function mountEmptyTranscriptSplash(otui, r, transcript) {
         const node = new otui.TextRenderable(r, {
           id: `splash-${kind}-${index}`,
           wrapMode: "none",
-          content: otui.t`${kind === "logo" ? otui.bold(line) : otui.dim(line)}`,
+          content: otui.t`${kind === "logo" ? boldChunk(otui, line) : dimChunk(otui, line)}`,
           ...index === 0 && kind !== "logo" ? { marginTop: 1 } : {}
         });
         box.add(node);
@@ -98518,13 +98551,13 @@ function mountBalancePanel(sidebarTop, otui, renderer, options) {
     }
     const label = new core.TextRenderable(r, {
       id: "sb-balance-k",
-      content: core.t`${core.dim("Balance")}`,
+      content: core.t`${dimChunk(core, "Balance")}`,
       marginTop: 1
     });
     box.add(label);
     const value = new core.TextRenderable(r, {
       id: "sb-balance-v",
-      content: core.t`${core.dim("\u2026")}`,
+      content: core.t`${dimChunk(core, "\u2026")}`,
       onMouseDown: () => {
         refresh();
       }
@@ -98535,7 +98568,7 @@ function mountBalancePanel(sidebarTop, otui, renderer, options) {
   const paint = (balance) => {
     current = balance;
     if (textNode !== undefined) {
-      textNode.content = core.t`${core.dim(formatBalance(balance))}`;
+      textNode.content = core.t`${dimChunk(core, formatBalance(balance))}`;
     }
   };
   const refresh = async () => {
@@ -100736,7 +100769,7 @@ function presentComposerChoice(otui, r, dock, request) {
     const subtitleRows = Math.min(Math.max(subtitleLines.length, 1), MAX_SUBTITLE_ROWS);
     const title = new otui.TextRenderable(r, {
       id: `ch-title-${Date.now()}`,
-      content: otui.t`${otui.bold(request.title)} ${otui.dim(hasScrollableSubtitle ? "\u2191/\u2193 Enter \xB7 Esc \xB7 ctrl+o scroll cmd" : "\u2191/\u2193 Enter \xB7 Esc")}`
+      content: otui.t`${boldChunk(otui, request.title)} ${dimChunk(otui, hasScrollableSubtitle ? "\u2191/\u2193 Enter \xB7 Esc \xB7 ctrl+o scroll cmd" : "\u2191/\u2193 Enter \xB7 Esc")}`
     });
     dock.add(title);
     let subtitleScroll;
@@ -100752,14 +100785,14 @@ function presentComposerChoice(otui, r, dock, request) {
       for (const [i, line] of subtitleLines.entries()) {
         subtitleScroll.content.add(new otui.TextRenderable(r, {
           id: `ch-sub-line-${i}-${Date.now()}`,
-          content: otui.t`${otui.yellow(line)}`
+          content: otui.t`${roleChunk(otui, "attention", line)}`
         }));
       }
       dock.add(subtitleScroll);
     } else if (subtitleLines.length > 0) {
       subtitleLine = new otui.TextRenderable(r, {
         id: `ch-sub-${Date.now()}`,
-        content: otui.t`${otui.yellow(subtitleLines[0] ?? "")}`
+        content: otui.t`${roleChunk(otui, "attention", subtitleLines[0] ?? "")}`
       });
       dock.add(subtitleLine);
     }
@@ -100783,8 +100816,8 @@ function presentComposerChoice(otui, r, dock, request) {
         const active = i === selected;
         row.box.backgroundColor = active ? theme.highlight : undefined;
         row.label.fg = active ? theme.focus : theme.text;
-        row.label.content = active ? otui.t`${otui.bold(o.displayLabel)}` : o.displayLabel;
-        row.desc.content = otui.t`${otui.dim(o.description.length > 0 ? o.description : " ")}`;
+        row.label.content = active ? otui.t`${boldChunk(otui, o.displayLabel)}` : o.displayLabel;
+        row.desc.content = otui.t`${dimChunk(otui, o.description.length > 0 ? o.description : " ")}`;
         if (active) {
           optionsScroll.scrollChildIntoView(row.id);
         }
@@ -100816,7 +100849,7 @@ function presentComposerChoice(otui, r, dock, request) {
       const label = new otui.TextRenderable(r, { id: `ch-opt-l-${i}-${Date.now()}`, content: o.displayLabel });
       const desc = new otui.TextRenderable(r, {
         id: `ch-opt-d-${i}-${Date.now()}`,
-        content: otui.t`${otui.dim(o.description.length > 0 ? o.description : " ")}`
+        content: otui.t`${dimChunk(otui, o.description.length > 0 ? o.description : " ")}`
       });
       box.add(label);
       box.add(desc);
@@ -100835,7 +100868,7 @@ function presentComposerChoice(otui, r, dock, request) {
       for (const [i, line] of lines.entries()) {
         const renderable = new otui.TextRenderable(r, {
           id: `ch-ctx-${i}-${Date.now()}`,
-          content: otui.t`${otui.dim(line)}`
+          content: otui.t`${dimChunk(otui, line)}`
         });
         contextLines.push(renderable);
         try {
@@ -103246,14 +103279,14 @@ function formatPlanMeta(plan, dir) {
 function toneFor(status) {
   switch (status) {
     case "proposed":
-      return "yellow";
+      return "attention";
     case "in_progress":
-      return "cyan";
+      return "accent";
     case "blocked":
-      return "red";
+      return "error";
     case "completed":
     case "skipped":
-      return "dim";
+      return "muted";
     case "pending":
       return "plain";
   }
@@ -103261,11 +103294,18 @@ function toneFor(status) {
 function stylePlanText(otui, text, tone) {
   const helpers = otui ?? {};
   const tag = helpers.t;
-  const styler = tone === "plain" ? undefined : helpers[tone];
-  if (typeof tag !== "function" || typeof styler !== "function") {
+  if (typeof tag !== "function" || typeof helpers.fg !== "function" || tone === "plain") {
     return text;
   }
-  return tag`${styler(text)}`;
+  const core = otui;
+  switch (tone) {
+    case "strong":
+      return tag`${boldChunk(core, text)}`;
+    case "muted":
+      return tag`${dimChunk(core, text)}`;
+    default:
+      return tag`${roleChunk(core, tone, text)}`;
+  }
 }
 function presentExecutionPlanInspector(openModalFn, otui, chrome, options) {
   let plan = options.initial;
@@ -103293,13 +103333,13 @@ function presentExecutionPlanInspector(openModalFn, otui, chrome, options) {
       add("plan-meta", formatPlanMeta(plan, dir));
       return;
     }
-    add("plan-summary", stylePlanText(otui, formatPlanSummary(plan), "bold"));
+    add("plan-summary", stylePlanText(otui, formatPlanSummary(plan), "strong"));
     if (plan === undefined || plan.items.length === 0) {
-      add("plan-empty", stylePlanText(otui, PLAN_EMPTY_TEXT, "dim"), 1);
+      add("plan-empty", stylePlanText(otui, PLAN_EMPTY_TEXT, "muted"), 1);
       return;
     }
-    add("plan-bar", stylePlanText(otui, `${planProgressBar(plan)}  ${planCounts(plan).completed}/${plan.items.length}`, "cyan"), 1);
-    add("plan-legend", stylePlanText(otui, formatPlanLegend(), "dim"), 1);
+    add("plan-bar", stylePlanText(otui, `${planProgressBar(plan)}  ${planCounts(plan).completed}/${plan.items.length}`, "accent"), 1);
+    add("plan-legend", stylePlanText(otui, formatPlanLegend(), "muted"), 1);
     plan.items.forEach((item, index) => {
       add(`plan-item-${item.id}`, stylePlanText(otui, formatPlanRow(item), toneFor(item.status)), index === 0 ? 1 : undefined);
     });
@@ -103824,7 +103864,7 @@ function promptCustomFieldStep(otui, target, opts) {
       }
     });
     if (opts.note !== undefined) {
-      surface.body.add(new otui.TextRenderable(r, { id: "cf-note", content: otui.t`${otui.dim(opts.note)}`, marginTop: 1 }));
+      surface.body.add(new otui.TextRenderable(r, { id: "cf-note", content: otui.t`${dimChunk(otui, opts.note)}`, marginTop: 1 }));
     }
     const input = new otui.InputRenderable(r, { id: "cf-input", value: opts.value ?? "", marginTop: 1 });
     surface.body.add(input);
@@ -103956,7 +103996,7 @@ function createTuiAgentIo(otui, renderer, transcript) {
     onReasoningEnd: (info) => {
       const lineCount = info.text.trim().split(`
 `).filter((l) => l.trim().length > 0).length;
-      append(otui.t`${otui.dim(formatReasoningOneLiner({
+      append(otui.t`${dimChunk(otui, formatReasoningOneLiner({
         lineCount,
         redacted: info.redacted,
         hasText: info.text.length > 0,
@@ -103972,21 +104012,21 @@ function createTuiAgentIo(otui, renderer, transcript) {
         parts.push(`\u2193${usage.outputTokens}`);
       }
       if (parts.length > 0) {
-        append(otui.t`${otui.dim(`${parts.join(" ")} tokens`)}`);
+        append(otui.t`${dimChunk(otui, `${parts.join(" ")} tokens`)}`);
       }
     },
     onToolCall: (name, input) => {
       const args = summarizeToolArgs(input);
       const call = args.length > 0 ? `${name}(${args})` : `${name}()`;
-      append(otui.t`${otui.cyan(`\u2699 ${call}`)}`);
+      append(otui.t`${roleChunk(otui, "accent", `\u2699 ${call}`)}`);
     },
     onToolResult: (_name, result) => {
       const { summary, hidden } = collapseToolOutput(result.output);
       const more = hidden > 0 ? ` \xB7 +${hidden} more` : "";
       const line = `${result.isError ? "\u2717" : "\u21B3"} ${summary}${more}`;
-      append(result.isError ? otui.t`${otui.red(line)}` : otui.t`${otui.dim(line)}`);
+      append(result.isError ? otui.t`${roleChunk(otui, "error", line)}` : otui.t`${dimChunk(otui, line)}`);
     },
-    onSystem: (text) => append(text.includes("[error]") ? otui.t`${otui.red(text)}` : otui.t`${otui.dim(text)}`),
+    onSystem: (text) => append(text.includes("[error]") ? otui.t`${roleChunk(otui, "error", text)}` : otui.t`${dimChunk(otui, text)}`),
     resetStream: () => {
       messages.reset();
     },
@@ -104081,27 +104121,27 @@ function attachBlockIo(io, addBlock, chrome = {}, thinkDisplay = () => "auto") {
 function mountTitlePanel(otui, r, sidebarTop) {
   sidebarTop.add(new otui.TextRenderable(r, {
     id: "sb-title",
-    content: otui.t`${otui.bold("keryx")} ${otui.dim(`v${package_default.version}`)}`
+    content: otui.t`${boldChunk(otui, "keryx")} ${dimChunk(otui, `v${package_default.version}`)}`
   }));
 }
 function mountCwdPanel(otui, r, sidebarTop, cwd, metadata = resolveSidebarMetadata(cwd)) {
-  sidebarTop.add(new otui.TextRenderable(r, { id: "sb-cwd-k", content: otui.t`${otui.dim("Directory")}`, marginTop: 1 }));
+  sidebarTop.add(new otui.TextRenderable(r, { id: "sb-cwd-k", content: otui.t`${dimChunk(otui, "Directory")}`, marginTop: 1 }));
   sidebarTop.add(new otui.TextRenderable(r, {
     id: "sb-cwd-v",
-    content: otui.t`${otui.dim(shortenCwd(cwd, SIDEBAR_TEXT_WIDTH))}`
+    content: otui.t`${dimChunk(otui, shortenCwd(cwd, SIDEBAR_TEXT_WIDTH))}`
   }));
   if (metadata.branch !== undefined) {
-    sidebarTop.add(new otui.TextRenderable(r, { id: "sb-branch-k", content: otui.t`${otui.dim("Branch")}`, marginTop: 1 }));
+    sidebarTop.add(new otui.TextRenderable(r, { id: "sb-branch-k", content: otui.t`${dimChunk(otui, "Branch")}`, marginTop: 1 }));
     sidebarTop.add(new otui.TextRenderable(r, {
       id: "sb-branch-v",
-      content: otui.t`${otui.dim(shortenCwd(metadata.branch, SIDEBAR_TEXT_WIDTH))}`
+      content: otui.t`${dimChunk(otui, shortenCwd(metadata.branch, SIDEBAR_TEXT_WIDTH))}`
     }));
   }
   if (metadata.prUrl !== undefined) {
-    sidebarTop.add(new otui.TextRenderable(r, { id: "sb-pr-k", content: otui.t`${otui.dim("PR")}`, marginTop: 1 }));
+    sidebarTop.add(new otui.TextRenderable(r, { id: "sb-pr-k", content: otui.t`${dimChunk(otui, "PR")}`, marginTop: 1 }));
     sidebarTop.add(new otui.TextRenderable(r, {
       id: "sb-pr-v",
-      content: otui.t`${otui.dim(shortenCwd(metadata.prUrl, SIDEBAR_TEXT_WIDTH))}`
+      content: otui.t`${dimChunk(otui, shortenCwd(metadata.prUrl, SIDEBAR_TEXT_WIDTH))}`
     }));
   }
 }
@@ -104296,7 +104336,7 @@ function openStepSurface(otui, target, opts) {
   if (!isModalChrome(target)) {
     const box = overlayBox(otui, r, opts.id);
     r.root.add(box);
-    box.add(new otui.TextRenderable(r, { id: `${opts.id}-title`, content: otui.t`${otui.bold(opts.title)} ${otui.dim(opts.hint)}` }));
+    box.add(new otui.TextRenderable(r, { id: `${opts.id}-title`, content: otui.t`${boldChunk(otui, opts.title)} ${dimChunk(otui, opts.hint)}` }));
     let closed = false;
     const close = () => {
       if (closed)
@@ -104449,7 +104489,7 @@ function promptSearchCredentialStep(otui, target, opts) {
     });
     surface.body.add(new otui.TextRenderable(r, {
       id: "sc-note",
-      content: otui.t`${otui.dim("Saved to your keryx config dir (owner-only, 0600)")}`,
+      content: otui.t`${dimChunk(otui, "Saved to your keryx config dir (owner-only, 0600)")}`,
       marginTop: 1
     }));
     const keyInput = new otui.InputRenderable(r, { id: "sc-input", placeholder: "...", marginTop: 1 });
@@ -104621,7 +104661,7 @@ function runSearchProviderTestStep(otui, target, controller, provider, fields, c
     const box = surface?.body ?? overlayBox(otui, r, "search-test-picker");
     if (surface === undefined)
       r.root.add(box);
-    const status = new otui.TextRenderable(r, { id: "st-title", content: otui.t`${otui.bold(`Testing '${provider.id}'`)} ${otui.dim("...")}` });
+    const status = new otui.TextRenderable(r, { id: "st-title", content: otui.t`${boldChunk(otui, `Testing '${provider.id}'`)} ${dimChunk(otui, "...")}` });
     box.add(status);
     const cleanup = () => {
       left = true;
@@ -104653,19 +104693,19 @@ function runSearchProviderTestStep(otui, target, controller, provider, fields, c
       if (!tested.ok) {
         settled = "failure";
         const reason = describeConnectionFailure(tested.reason);
-        status.content = otui.t`${otui.red("\u2717")} ${otui.bold(`'${provider.id}' test failed: ${reason}`)} ${otui.dim("(Esc to go back and retry)")}`;
+        status.content = otui.t`${roleChunk(otui, "error", "\u2717")} ${boldChunk(otui, `'${provider.id}' test failed: ${reason}`)} ${dimChunk(otui, "(Esc to go back and retry)")}`;
         return;
       }
       settled = "success";
       if (!setActive) {
-        status.content = otui.t`${otui.green("\u2713")} ${otui.bold(`'${provider.id}' configured and tested successfully`)} ${otui.dim("(Enter to close)")}`;
+        status.content = otui.t`${roleChunk(otui, "ok", "\u2713")} ${boldChunk(otui, `'${provider.id}' configured and tested successfully`)} ${dimChunk(otui, "(Enter to close)")}`;
         return;
       }
       const selected = await controller.select(provider.id);
       if (left) {
         return;
       }
-      status.content = selected.ok ? otui.t`${otui.green("\u2713")} ${otui.bold(`'${provider.id}' configured, tested, and set as active`)} ${otui.dim("(Enter to close)")}` : otui.t`${otui.green("\u2713")} ${otui.bold(`'${provider.id}' configured and tested`)} ${otui.dim(`but could not be set active (${selected.reason ?? "unknown"})`)} ${otui.dim("(Enter to close)")}`;
+      status.content = selected.ok ? otui.t`${roleChunk(otui, "ok", "\u2713")} ${boldChunk(otui, `'${provider.id}' configured, tested, and set as active`)} ${dimChunk(otui, "(Enter to close)")}` : otui.t`${roleChunk(otui, "ok", "\u2713")} ${boldChunk(otui, `'${provider.id}' configured and tested`)} ${dimChunk(otui, `but could not be set active (${selected.reason ?? "unknown"})`)} ${dimChunk(otui, "(Enter to close)")}`;
     })();
   });
 }
@@ -104708,9 +104748,9 @@ function promptBaseUrlStep(otui, target, label, baseUrl, notice) {
     });
     const box = surface.body;
     if (notice !== undefined) {
-      box.add(new otui.TextRenderable(r, { id: "bp-notice", content: otui.t`${otui.red("\u2717")} ${notice}`, marginTop: 1 }));
+      box.add(new otui.TextRenderable(r, { id: "bp-notice", content: otui.t`${roleChunk(otui, "error", "\u2717")} ${notice}`, marginTop: 1 }));
     }
-    box.add(new otui.TextRenderable(r, { id: "bp-note", content: otui.t`${otui.dim("Edit host and port before discovering models")}`, marginTop: 1 }));
+    box.add(new otui.TextRenderable(r, { id: "bp-note", content: otui.t`${dimChunk(otui, "Edit host and port before discovering models")}`, marginTop: 1 }));
     const input = new otui.InputRenderable(r, { id: "bp-input", value: baseUrl, marginTop: 1 });
     box.add(input);
     input.focus();
@@ -104745,11 +104785,11 @@ function promptApiKeyStep(otui, target, opts) {
     });
     const box = surface.body;
     if (opts.notice !== undefined) {
-      box.add(new otui.TextRenderable(r, { id: "kp-notice", content: otui.t`${otui.red("\u2717")} ${opts.notice}`, marginTop: 1 }));
+      box.add(new otui.TextRenderable(r, { id: "kp-notice", content: otui.t`${roleChunk(otui, "error", "\u2717")} ${opts.notice}`, marginTop: 1 }));
     }
     box.add(new otui.TextRenderable(r, {
       id: "kp-note",
-      content: otui.t`${otui.dim(`Set as ${opts.envKey} \xB7 saved to your keryx config dir (owner-only, 0600)`)}`,
+      content: otui.t`${dimChunk(otui, `Set as ${opts.envKey} \xB7 saved to your keryx config dir (owner-only, 0600)`)}`,
       marginTop: 1
     }));
     const keyInput = new otui.InputRenderable(r, { id: "kp-input", placeholder: opts.placeholder ?? "sk-...", marginTop: 1 });
@@ -104822,7 +104862,7 @@ function runDeviceLoginInTui(otui, target, provider, dir) {
         resolve(false);
       }
     });
-    const status = new otui.TextRenderable(r, { id: "dl-status", content: otui.t`${otui.dim("Requesting a device code\u2026")}`, marginTop: 1 });
+    const status = new otui.TextRenderable(r, { id: "dl-status", content: otui.t`${dimChunk(otui, "Requesting a device code\u2026")}`, marginTop: 1 });
     surface.body.add(status);
     const cleanup = () => {
       surface.close();
@@ -104833,7 +104873,7 @@ function runDeviceLoginInTui(otui, target, provider, dir) {
       signal: controller.signal,
       ...dir !== undefined ? { dir } : {},
       onChallenge: (challenge) => {
-        status.content = otui.t`${otui.bold(challenge.userCode)}\n${otui.dim(challenge.verificationUri)}\n${otui.dim("Open that URL on any device and enter the code. Waiting for authorization\u2026")}`;
+        status.content = otui.t`${boldChunk(otui, challenge.userCode)}\n${dimChunk(otui, challenge.verificationUri)}\n${dimChunk(otui, "Open that URL on any device and enter the code. Waiting for authorization\u2026")}`;
         openVerificationUrl(challenge.verificationUriComplete ?? challenge.verificationUri);
       }
     }).then((result) => {
@@ -104846,13 +104886,13 @@ function runDeviceLoginInTui(otui, target, provider, dir) {
         resolve(true);
         return;
       }
-      status.content = otui.t`${otui.red("\u2717")} ${otui.bold(result.error)} ${otui.dim("(Esc to go back)")}`;
+      status.content = otui.t`${roleChunk(otui, "error", "\u2717")} ${boldChunk(otui, result.error)} ${dimChunk(otui, "(Esc to go back)")}`;
     }).catch((err) => {
       if (controller.signal.aborted) {
         return;
       }
       const message = err instanceof Error ? err.message : "device authorization failed";
-      status.content = otui.t`${otui.red("\u2717")} ${otui.bold(message)} ${otui.dim("(Esc to go back)")}`;
+      status.content = otui.t`${roleChunk(otui, "error", "\u2717")} ${boldChunk(otui, message)} ${dimChunk(otui, "(Esc to go back)")}`;
     });
   });
 }
@@ -105059,7 +105099,7 @@ function pickModelInTui(otui, rOrChrome, models, notice, options = {}) {
   const chrome = isModalChrome(rOrChrome) ? rOrChrome : undefined;
   const r = chrome !== undefined ? chrome.renderer : rOrChrome;
   const showNotice = models.length === 0 && notice !== undefined;
-  const noticeText = () => new otui.TextRenderable(r, { id: "mp-notice", content: otui.t`${otui.red("\u2717")} ${notice ?? ""}` });
+  const noticeText = () => new otui.TextRenderable(r, { id: "mp-notice", content: otui.t`${roleChunk(otui, "error", "\u2717")} ${notice ?? ""}` });
   const listSpec = {
     idPrefix: "mp",
     items: models,
@@ -105109,7 +105149,7 @@ function pickModelInTui(otui, rOrChrome, models, notice, options = {}) {
   return new Promise((resolve) => {
     const box = overlayBox(otui, r, "model-picker");
     r.root.add(box);
-    box.add(new otui.TextRenderable(r, { id: "mp-title", content: otui.t`${otui.bold("Select a model")}` }));
+    box.add(new otui.TextRenderable(r, { id: "mp-title", content: otui.t`${boldChunk(otui, "Select a model")}` }));
     if (showNotice) {
       box.add(noticeText());
     }
@@ -105161,7 +105201,7 @@ function mountFilterList(otui, r, parent, spec) {
     shown = q.length > 0 ? spec.items.filter((item) => spec.matches(item, q)) : spec.items;
     sel.options = shown.length > 0 ? shown.map(spec.toOption) : [{ name: spec.items.length === 0 ? spec.emptyLabel : "(no match)", description: "" }];
     sel.selectedIndex = 0;
-    filterLine.content = otui.t`${otui.dim(q.length > 0 ? spec.filterHint(filter, shown.length, spec.items.length) : spec.idleHint)}`;
+    filterLine.content = otui.t`${dimChunk(otui, q.length > 0 ? spec.filterHint(filter, shown.length, spec.items.length) : spec.idleHint)}`;
   };
   apply();
   sel.on(otui.SelectRenderableEvents.ITEM_SELECTED, () => {
@@ -105270,7 +105310,7 @@ function pickSessionInTui(otui, rOrChrome, sessions, leaseState) {
   return new Promise((resolve) => {
     const box = overlayBox(otui, r, "session-picker");
     r.root.add(box);
-    box.add(new otui.TextRenderable(r, { id: "sp-title", content: otui.t`${otui.bold("Open session")} ${otui.dim("\u2191/\u2193 Enter \xB7 Esc to cancel")}` }));
+    box.add(new otui.TextRenderable(r, { id: "sp-title", content: otui.t`${boldChunk(otui, "Open session")} ${dimChunk(otui, "\u2191/\u2193 Enter \xB7 Esc to cancel")}` }));
     let unsub = () => {};
     const finish = (row) => {
       unsub();
@@ -105433,8 +105473,8 @@ async function launchTuiAgentShell(opts) {
     };
     const sidebar = chrome.sidebarTop;
     mountTitlePanel(otui, r, sidebar);
-    sidebar.add(new otui.TextRenderable(r, { id: "sb-model-k", content: otui.t`${otui.dim("Model")}`, marginTop: 1 }));
-    const sbModelV = new otui.TextRenderable(r, { id: "sb-model-v", content: otui.t`${otui.dim(`${sel.provider}/${sel.model}`)}` });
+    sidebar.add(new otui.TextRenderable(r, { id: "sb-model-k", content: otui.t`${dimChunk(otui, "Model")}`, marginTop: 1 }));
+    const sbModelV = new otui.TextRenderable(r, { id: "sb-model-v", content: otui.t`${dimChunk(otui, `${sel.provider}/${sel.model}`)}` });
     sidebar.add(sbModelV);
     const sbModeV = new otui.TextRenderable(r, { id: "sb-mode-v", content: "" });
     sidebar.add(sbModeV);
@@ -105442,10 +105482,10 @@ async function launchTuiAgentShell(opts) {
     sidebar.add(sbHoldV);
     const paintHoldBanner = () => {
       const banner = leaseView()?.banner();
-      sbHoldV.content = banner === undefined ? "" : otui.t`${otui.yellow(banner)}`;
+      sbHoldV.content = banner === undefined ? "" : otui.t`${roleChunk(otui, "attention", banner)}`;
     };
-    sidebar.add(new otui.TextRenderable(r, { id: "sb-usage-k", content: otui.t`${otui.dim("Usage")}`, marginTop: 1 }));
-    const sbUsageV = new otui.TextRenderable(r, { id: "sb-usage-v", content: otui.t`${otui.dim("\u21910 \u21930")}` });
+    sidebar.add(new otui.TextRenderable(r, { id: "sb-usage-k", content: otui.t`${dimChunk(otui, "Usage")}`, marginTop: 1 }));
+    const sbUsageV = new otui.TextRenderable(r, { id: "sb-usage-v", content: otui.t`${dimChunk(otui, "\u21910 \u21930")}` });
     sidebar.add(sbUsageV);
     const balancePanel = mountBalancePanel(sidebar, otui, r, {
       provider: sel.provider
@@ -105463,10 +105503,10 @@ async function launchTuiAgentShell(opts) {
       if (workspace === undefined) {
         return;
       }
-      sbWorkspace.add(new otui.TextRenderable(r, { id: "sb-workspace-k", content: otui.t`${otui.dim("Workspace")}`, marginTop: 1 }));
+      sbWorkspace.add(new otui.TextRenderable(r, { id: "sb-workspace-k", content: otui.t`${dimChunk(otui, "Workspace")}`, marginTop: 1 }));
       sbWorkspace.add(new otui.TextRenderable(r, {
         id: "sb-workspace-v",
-        content: otui.t`${otui.dim(`${shortenCwd(workspace.title, SIDEBAR_TEXT_WIDTH)} \xB7 ${workspace.status} \xB7 ${slates.length} slate${slates.length === 1 ? "" : "s"}`)}`,
+        content: otui.t`${dimChunk(otui, `${shortenCwd(workspace.title, SIDEBAR_TEXT_WIDTH)} \xB7 ${workspace.status} \xB7 ${slates.length} slate${slates.length === 1 ? "" : "s"}`)}`,
         onMouseDown: () => {
           showWorkspace();
         }
@@ -105503,30 +105543,30 @@ async function launchTuiAgentShell(opts) {
       if (count === 0) {
         return;
       }
-      sbReview.add(new otui.TextRenderable(r, { id: "sb-review-k", content: otui.t`${otui.dim("Review")}`, marginTop: 1 }));
+      sbReview.add(new otui.TextRenderable(r, { id: "sb-review-k", content: otui.t`${dimChunk(otui, "Review")}`, marginTop: 1 }));
       sbReview.add(new otui.TextRenderable(r, {
         id: "sb-review-v",
-        content: otui.t`${otui.yellow(`${count} item${count === 1 ? "" : "s"} need review`)}`,
+        content: otui.t`${roleChunk(otui, "attention", `${count} item${count === 1 ? "" : "s"} need review`)}`,
         onMouseDown: () => {
           showReview();
         }
       }));
     };
-    sidebar.add(new otui.TextRenderable(r, { id: "sb-ctx-k", content: otui.t`${otui.dim("Context")}`, marginTop: 1 }));
-    const sbContext = new otui.TextRenderable(r, { id: "sb-ctx-v", content: otui.t`${otui.dim("0 tokens")}` });
+    sidebar.add(new otui.TextRenderable(r, { id: "sb-ctx-k", content: otui.t`${dimChunk(otui, "Context")}`, marginTop: 1 }));
+    const sbContext = new otui.TextRenderable(r, { id: "sb-ctx-v", content: otui.t`${dimChunk(otui, "0 tokens")}` });
     sidebar.add(sbContext);
-    sidebar.add(new otui.TextRenderable(r, { id: "sb-tools-k", content: otui.t`${otui.dim("Tools")}`, marginTop: 1 }));
+    sidebar.add(new otui.TextRenderable(r, { id: "sb-tools-k", content: otui.t`${dimChunk(otui, "Tools")}`, marginTop: 1 }));
     sidebar.add(new otui.TextRenderable(r, {
       id: "sb-tools-v",
-      content: otui.t`${otui.dim(`${deps.tools.length} available`)}`,
+      content: otui.t`${dimChunk(otui, `${deps.tools.length} available`)}`,
       onMouseDown: () => {
         showTools();
       }
     }));
-    sidebar.add(new otui.TextRenderable(r, { id: "sb-status-k", content: otui.t`${otui.dim("Status")}`, marginTop: 1 }));
+    sidebar.add(new otui.TextRenderable(r, { id: "sb-status-k", content: otui.t`${dimChunk(otui, "Status")}`, marginTop: 1 }));
     const sbWorkers = new otui.TextRenderable(r, {
       id: "sb-status-v",
-      content: otui.t`${otui.dim("\u25CB Ready")}`
+      content: otui.t`${dimChunk(otui, "\u25CB Ready")}`
     });
     sidebar.add(sbWorkers);
     const sbSubagents = new otui.BoxRenderable(r, {
@@ -105572,11 +105612,11 @@ async function launchTuiAgentShell(opts) {
       const text = formatFleetSidebarWithPeers(list, busFleetPeers, 12);
       const main = list.find((w) => w.id === MAIN_AGENT_ID);
       if (main?.status === "blocked") {
-        sbWorkers.content = otui.t`${otui.yellow(text)}`;
+        sbWorkers.content = otui.t`${roleChunk(otui, "attention", text)}`;
       } else if (main?.status === "failed") {
-        sbWorkers.content = otui.t`${otui.red(text)}`;
+        sbWorkers.content = otui.t`${roleChunk(otui, "error", text)}`;
       } else {
-        sbWorkers.content = otui.t`${otui.dim(text)}`;
+        sbWorkers.content = otui.t`${dimChunk(otui, text)}`;
       }
     };
     const paintSubagents = (hint) => {
@@ -105711,7 +105751,7 @@ async function launchTuiAgentShell(opts) {
       toast: (message) => chrome.showToast(message),
       onChange: () => chrome.repaintStatus()
     });
-    chrome.setFooterOverride(() => nav.active() ? otui.t`${otui.yellow(FOOTER_NAV)}` : undefined);
+    chrome.setFooterOverride(() => nav.active() ? otui.t`${roleChunk(otui, "attention", FOOTER_NAV)}` : undefined);
     const focusComposer = () => nav.restoreComposerFocus();
     const newestBlock = (kind) => nav.newest(kind);
     const toggleNewestBlock = (kind) => nav.toggleNewest(kind);
@@ -105748,13 +105788,13 @@ async function launchTuiAgentShell(opts) {
     const usage = attachUsageIo(io, {
       setHeaderMeta: (text) => chrome.setHeaderMeta(text),
       setContextTotal: (total) => {
-        sbContext.content = otui.t`${otui.dim(`${total.toLocaleString()} tokens`)}`;
+        sbContext.content = otui.t`${dimChunk(otui, `${total.toLocaleString()} tokens`)}`;
       },
       onExactUsage: () => {
         hasExactUsage = true;
       },
       setUsage: (input, output) => {
-        sbUsageV.content = otui.t`${otui.dim(`\u2191${fmtTokens(input)} \u2193${fmtTokens(output)}`)}`;
+        sbUsageV.content = otui.t`${dimChunk(otui, `\u2191${fmtTokens(input)} \u2193${fmtTokens(output)}`)}`;
       }
     });
     let lastUsage;
@@ -105799,7 +105839,7 @@ async function launchTuiAgentShell(opts) {
       if (meta?.untrustedOrigin === true) {
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: otui.t`${otui.yellow("\u26A0 follows untrusted external content \u2014 it cannot authorize this call; your answer does")}`
+          content: otui.t`${roleChunk(otui, "attention", "\u26A0 follows untrusted external content \u2014 it cannot authorize this call; your answer does")}`
         }));
       }
       if (tool === "spawn_subagent") {
@@ -105820,7 +105860,7 @@ async function launchTuiAgentShell(opts) {
         if (mode === "read_only") {
           transcript.add(new otui.TextRenderable(r, {
             id: `ap${uid++}`,
-            content: otui.t`${otui.cyan("\u25C7 subagent auto-approved")} ${otui.dim(`mode=read_only (no shell) \xB7 ${taskPreview}`)}`
+            content: otui.t`${roleChunk(otui, "accent", "\u25C7 subagent auto-approved")} ${dimChunk(otui, `mode=read_only (no shell) \xB7 ${taskPreview}`)}`
           }));
           return true;
         }
@@ -105846,26 +105886,26 @@ async function launchTuiAgentShell(opts) {
         setMainAgent("running", id === "allow" ? "subagent" : "denied");
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: id === "allow" ? otui.t`${otui.green("\u25C7 subagent approved")}` : otui.t`${otui.red("\u25C7 subagent denied")}`
+          content: id === "allow" ? otui.t`${roleChunk(otui, "ok", "\u25C7 subagent approved")}` : otui.t`${roleChunk(otui, "error", "\u25C7 subagent denied")}`
         }));
         return id === "allow";
       }
       if (tool === "apply_patch") {
         for (const line of extractPatchText(inputJson).split(/\r?\n/)) {
           const kind = classifyDiffLine(line);
-          const rendered = kind === "add" ? otui.green(line) : kind === "del" ? otui.red(line) : kind === "hunk" ? otui.cyan(line) : kind === "meta" ? otui.dim(line) : line;
+          const rendered = kind === "add" ? roleChunk(otui, "ok", line) : kind === "del" ? roleChunk(otui, "error", line) : kind === "hunk" ? roleChunk(otui, "accent", line) : kind === "meta" ? dimChunk(otui, line) : line;
           transcript.add(new otui.TextRenderable(r, { id: `ap${uid++}`, content: otui.t`${rendered}` }));
         }
         if (meta?.destructive === true) {
           transcript.add(new otui.TextRenderable(r, {
             id: `ap${uid++}`,
-            content: otui.t`${otui.yellow("deletes a file, touches .git/, or touches many files in one call")}`
+            content: otui.t`${roleChunk(otui, "attention", "deletes a file, touches .git/, or touches many files in one call")}`
           }));
         }
         if (meta?.credentials === true) {
           transcript.add(new otui.TextRenderable(r, {
             id: `ap${uid++}`,
-            content: otui.t`${otui.yellow("touches the agent's own permission/credential files")}`
+            content: otui.t`${roleChunk(otui, "attention", "touches the agent's own permission/credential files")}`
           }));
         }
         chrome.hideMenu();
@@ -105885,7 +105925,7 @@ async function launchTuiAgentShell(opts) {
         setMainAgent("running", id === "allow" ? "write" : "denied");
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: id === "allow" ? otui.t`${otui.green("\u25C7 apply_patch approved")}` : otui.t`${otui.red("\u25C7 apply_patch denied")}`
+          content: id === "allow" ? otui.t`${roleChunk(otui, "ok", "\u25C7 apply_patch approved")}` : otui.t`${roleChunk(otui, "error", "\u25C7 apply_patch denied")}`
         }));
         return id === "allow";
       }
@@ -105893,15 +105933,15 @@ async function launchTuiAgentShell(opts) {
         const described = describeUseToolApproval(inputJson, catalogResolver(deps.mcpRuntime?.()?.catalog()));
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: otui.t`${otui.yellow(`\u2699 ${described.server} wants to run ${described.tool}`)}`
+          content: otui.t`${roleChunk(otui, "attention", `\u2699 ${described.server} wants to run ${described.tool}`)}`
         }));
         for (const line of described.argumentLines) {
-          transcript.add(new otui.TextRenderable(r, { id: `ap${uid++}`, content: otui.t`${otui.dim(`  ${line}`)}` }));
+          transcript.add(new otui.TextRenderable(r, { id: `ap${uid++}`, content: otui.t`${dimChunk(otui, `  ${line}`)}` }));
         }
         if (described.argumentsTruncated) {
           transcript.add(new otui.TextRenderable(r, {
             id: `ap${uid++}`,
-            content: otui.t`${otui.dim(`  \u2026 arguments truncated at ${MAX_ARGUMENT_CHARS} characters`)}`
+            content: otui.t`${dimChunk(otui, `  \u2026 arguments truncated at ${MAX_ARGUMENT_CHARS} characters`)}`
           }));
         }
         chrome.hideMenu();
@@ -105922,7 +105962,7 @@ async function launchTuiAgentShell(opts) {
         setMainAgent("running", allowed ? "write" : "denied");
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: allowed ? otui.t`${otui.green(`\u25C7 ${described.fqn} approved`)}` : otui.t`${otui.red(`\u25C7 ${described.fqn} denied`)}`
+          content: allowed ? otui.t`${roleChunk(otui, "ok", `\u25C7 ${described.fqn} approved`)}` : otui.t`${roleChunk(otui, "error", `\u25C7 ${described.fqn} denied`)}`
         }));
         return allowed;
       }
@@ -105930,25 +105970,25 @@ async function launchTuiAgentShell(opts) {
         const described = describeElicitationPrompt(tool, inputJson) ?? { message: inputJson, command: undefined };
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: otui.t`${otui.yellow("\u2699 codex is requesting approval")}`
+          content: otui.t`${roleChunk(otui, "attention", "\u2699 codex is requesting approval")}`
         }));
-        transcript.add(new otui.TextRenderable(r, { id: `ap${uid++}`, content: otui.t`${otui.dim(described.message)}` }));
+        transcript.add(new otui.TextRenderable(r, { id: `ap${uid++}`, content: otui.t`${dimChunk(otui, described.message)}` }));
         if (described.command !== undefined) {
           transcript.add(new otui.TextRenderable(r, {
             id: `ap${uid++}`,
-            content: otui.t`${otui.dim(`command: ${described.command}`)}`
+            content: otui.t`${dimChunk(otui, `command: ${described.command}`)}`
           }));
         }
         if (meta?.destructive === true) {
           transcript.add(new otui.TextRenderable(r, {
             id: `ap${uid++}`,
-            content: otui.t`${otui.yellow("deletes a file, touches .git/, or touches many files in one call")}`
+            content: otui.t`${roleChunk(otui, "attention", "deletes a file, touches .git/, or touches many files in one call")}`
           }));
         }
         if (meta?.credentials === true) {
           transcript.add(new otui.TextRenderable(r, {
             id: `ap${uid++}`,
-            content: otui.t`${otui.yellow("touches the agent's own permission/credential files")}`
+            content: otui.t`${roleChunk(otui, "attention", "touches the agent's own permission/credential files")}`
           }));
         }
         chrome.hideMenu();
@@ -105969,7 +106009,7 @@ async function launchTuiAgentShell(opts) {
         setMainAgent("running", id === "allow" ? "write" : "denied");
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: id === "allow" ? otui.t`${otui.green("\u25C7 codex elicitation approved")}` : otui.t`${otui.red("\u25C7 codex elicitation denied")}`
+          content: id === "allow" ? otui.t`${roleChunk(otui, "ok", "\u25C7 codex elicitation approved")}` : otui.t`${roleChunk(otui, "error", "\u25C7 codex elicitation denied")}`
         }));
         return id === "allow";
       }
@@ -105985,36 +106025,36 @@ async function launchTuiAgentShell(opts) {
         permissionMigrationShown = true;
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: otui.t`${otui.yellow(`\u26A0 ${ev.rejected.length} saved shell permission(s) are no longer honoured \u2014 they granted arbitrary execution:`)}`
+          content: otui.t`${roleChunk(otui, "attention", `\u26A0 ${ev.rejected.length} saved shell permission(s) are no longer honoured \u2014 they granted arbitrary execution:`)}`
         }));
         for (const rej of ev.rejected) {
           transcript.add(new otui.TextRenderable(r, {
             id: `ap${uid++}`,
-            content: otui.t`${otui.dim(`    \u201C${rej.pattern}\u201D \u2014 ${rej.reason}`)}`
+            content: otui.t`${dimChunk(otui, `    \u201C${rej.pattern}\u201D \u2014 ${rej.reason}`)}`
           }));
         }
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: otui.t`${otui.dim(`    They are still in ${shellPermissionsPath()} \u2014 edit or remove them there.`)}`
+          content: otui.t`${dimChunk(otui, `    They are still in ${shellPermissionsPath()} \u2014 edit or remove them there.`)}`
         }));
       }
       if (!permissionTamperShown && ev.tampered) {
         permissionTamperShown = true;
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: otui.t`${otui.red("\u26A0 the saved shell permissions changed outside this approval UI \u2014 review them before trusting an auto-approve")}`
+          content: otui.t`${roleChunk(otui, "error", "\u26A0 the saved shell permissions changed outside this approval UI \u2014 review them before trusting an auto-approve")}`
         }));
       }
       if (ev.autoApprove) {
         transcript.add(new otui.TextRenderable(r, {
           id: `ap${uid++}`,
-          content: otui.t`${otui.dim(`\u2713 auto-approved shell: ${cmd}`)}`
+          content: otui.t`${dimChunk(otui, `\u2713 auto-approved shell: ${cmd}`)}`
         }));
         return true;
       }
       transcript.add(new otui.TextRenderable(r, {
         id: `ap${uid++}`,
-        content: otui.t`${otui.yellow(`\u2699 shell_exec needs approval`)} ${otui.dim("(menu above input)")}`
+        content: otui.t`${roleChunk(otui, "attention", `\u2699 shell_exec needs approval`)} ${dimChunk(otui, "(menu above input)")}`
       }));
       setMainAgent("blocked", "approval");
       setBusyPhase("waiting for your approval (menu above input)");
@@ -106027,7 +106067,7 @@ async function launchTuiAgentShell(opts) {
       if (choice === "deny") {
         transcript.add(new otui.TextRenderable(r, {
           id: `av${uid++}`,
-          content: otui.t`${otui.red("denied")}`
+          content: otui.t`${roleChunk(otui, "error", "denied")}`
         }));
         setMainAgent("running", "denied");
         setBusyPhase("shell denied \xB7 continuing");
@@ -106043,7 +106083,7 @@ async function launchTuiAgentShell(opts) {
         }
         transcript.add(new otui.TextRenderable(r, {
           id: `av${uid++}`,
-          content: stored.length > 0 ? otui.t`${otui.green(`approved \xB7 remembered \u201C${stored}\u201D`)}` : otui.t`${otui.yellow(`approved once \xB7 \u201C${pattern}\u201D cannot be remembered`)}`
+          content: stored.length > 0 ? otui.t`${roleChunk(otui, "ok", `approved \xB7 remembered \u201C${stored}\u201D`)}` : otui.t`${roleChunk(otui, "attention", `approved once \xB7 \u201C${pattern}\u201D cannot be remembered`)}`
         }));
         setMainAgent("running", "shell");
         setBusyPhase("running approved shell");
@@ -106051,7 +106091,7 @@ async function launchTuiAgentShell(opts) {
       }
       transcript.add(new otui.TextRenderable(r, {
         id: `av${uid++}`,
-        content: otui.t`${otui.green("approved (once)")}`
+        content: otui.t`${roleChunk(otui, "ok", "approved (once)")}`
       }));
       setMainAgent("running", "shell");
       setBusyPhase("running approved shell");
@@ -106064,7 +106104,7 @@ async function launchTuiAgentShell(opts) {
       const qShort = req.question.length > 100 ? `${req.question.slice(0, 97)}\u2026` : req.question;
       transcript.add(new otui.TextRenderable(r, {
         id: `ask${uid++}`,
-        content: otui.t`${otui.yellow("? ")} ${otui.dim(qShort)}`
+        content: otui.t`${roleChunk(otui, "attention", "? ")} ${dimChunk(otui, qShort)}`
       }));
       const chosen = await chrome.withOverlay(() => showComposerChoice(otui, r, chrome.dock, {
         title: req.question.length > 72 ? `${req.question.slice(0, 69)}\u2026` : req.question,
@@ -106084,12 +106124,12 @@ async function launchTuiAgentShell(opts) {
         const picked = req.options.find((o) => o.id === chosen);
         transcript.add(new otui.TextRenderable(r, {
           id: `aska${uid++}`,
-          content: otui.t`${otui.green("\u2192")} ${otui.dim(picked?.label ?? chosen)}`
+          content: otui.t`${roleChunk(otui, "ok", "\u2192")} ${dimChunk(otui, picked?.label ?? chosen)}`
         }));
       } else {
         transcript.add(new otui.TextRenderable(r, {
           id: `askc${uid++}`,
-          content: otui.t`${otui.dim("\u2192 cancelled")}`
+          content: otui.t`${dimChunk(otui, "\u2192 cancelled")}`
         }));
       }
       setMainAgent("running", "waiting");
@@ -106129,7 +106169,7 @@ async function launchTuiAgentShell(opts) {
     io.readOnly = () => readOnly;
     const paintModeRow = () => {
       const row = describeModeRow(permissionMode, readOnly);
-      sbModeV.content = row.readOnly === undefined ? otui.t`${otui.dim(`mode ${row.mode}`)}` : otui.t`${otui.dim(`mode ${row.mode}`)} ${otui.yellow(row.readOnly)}`;
+      sbModeV.content = row.readOnly === undefined ? otui.t`${dimChunk(otui, `mode ${row.mode}`)}` : otui.t`${dimChunk(otui, `mode ${row.mode}`)} ${roleChunk(otui, "attention", row.readOnly)}`;
     };
     paintModeRow();
     io.onAutoApproved = (tool, input, meta) => {
@@ -106137,7 +106177,7 @@ async function launchTuiAgentShell(opts) {
       const label = meta.destructive ? `\u25C7 auto-approved (${permissionMode}) [destructive]` : `\u25C7 auto-approved (${permissionMode})`;
       transcript.add(new otui.TextRenderable(r, {
         id: `ap${uid++}`,
-        content: otui.t`${otui.yellow(label)} ${otui.dim(preview)}`
+        content: otui.t`${roleChunk(otui, "attention", label)} ${dimChunk(otui, preview)}`
       }));
     };
     let liveSession;
@@ -106208,28 +106248,28 @@ async function launchTuiAgentShell(opts) {
       if (opened.skipped !== undefined) {
         transcript.add(new otui.TextRenderable(r, {
           id: `sessskip${uid++}`,
-          content: otui.t`${otui.yellow(describeSkippedSession(opened.skipped).replace(/\n+$/, ""))}`,
+          content: otui.t`${roleChunk(otui, "attention", describeSkippedSession(opened.skipped).replace(/\n+$/, ""))}`,
           marginTop: 1
         }));
       }
       if (opened.archiveDegraded !== undefined) {
         transcript.add(new otui.TextRenderable(r, {
           id: `sessdeg${uid++}`,
-          content: otui.t`${otui.yellow(`archive unavailable \u2014 resumed from the active context (${opened.archiveDegraded})`)}`,
+          content: otui.t`${roleChunk(otui, "attention", `archive unavailable \u2014 resumed from the active context (${opened.archiveDegraded})`)}`,
           marginTop: 1
         }));
       }
       if (opened.resumed) {
         transcript.add(new otui.TextRenderable(r, {
           id: `sess${uid++}`,
-          content: otui.t`${otui.dim(`session ${shortSessionId(liveSession.summary.id)} \xB7 ${liveSession.summary.title} \xB7 ctx ${history.length} \xB7 archive ${archive.length}`)}`,
+          content: otui.t`${dimChunk(otui, `session ${shortSessionId(liveSession.summary.id)} \xB7 ${liveSession.summary.title} \xB7 ctx ${history.length} \xB7 archive ${archive.length}`)}`,
           marginTop: 1
         }));
         for (const m of history.filter((x) => x.role === "user").slice(-5)) {
           const t = m.content.length > 100 ? `${m.content.slice(0, 97)}\u2026` : m.content;
           transcript.add(new otui.TextRenderable(r, {
             id: `sessu${uid++}`,
-            content: otui.t`${otui.dim(`  \u276F ${t}`)}`
+            content: otui.t`${dimChunk(otui, `  \u276F ${t}`)}`
           }));
         }
       }
@@ -106285,7 +106325,7 @@ async function launchTuiAgentShell(opts) {
               viewedReadOnly = true;
               transcript.add(new otui.TextRenderable(r, {
                 id: `sessview${uid++}`,
-                content: otui.t`${otui.dim(`${markdown.replace(/\n+$/, "")}
+                content: otui.t`${dimChunk(otui, `${markdown.replace(/\n+$/, "")}
 
 \u2014 read-only view; a new session starts below \u2014`)}`,
                 marginTop: 1
@@ -106294,7 +106334,7 @@ async function launchTuiAgentShell(opts) {
             notice: (text) => {
               transcript.add(new otui.TextRenderable(r, {
                 id: `sesslease${uid++}`,
-                content: otui.t`${otui.yellow(text)}`,
+                content: otui.t`${roleChunk(otui, "attention", text)}`,
                 marginTop: 1
               }));
             }
@@ -106313,7 +106353,7 @@ async function launchTuiAgentShell(opts) {
       if (failure !== undefined) {
         transcript.add(new otui.TextRenderable(r, {
           id: `sesserr${uid++}`,
-          content: otui.t`${otui.red(failure instanceof Error ? failure.message : String(failure))}`,
+          content: otui.t`${roleChunk(otui, "error", failure instanceof Error ? failure.message : String(failure))}`,
           marginTop: 1
         }));
         applyOpened(leasedOpen());
@@ -106900,7 +106940,7 @@ Staying in the current session.
     const updateModelLabels = () => {
       paintSessionHeader();
       const label = `${currentSel.provider}/${currentSel.model}`;
-      sbModelV.content = otui.t`${otui.dim(label)}`;
+      sbModelV.content = otui.t`${dimChunk(otui, label)}`;
       chrome.setStatus(label);
     };
     const switchTo = async (ns) => {
@@ -106965,7 +107005,7 @@ Staying in the current session.
       box.add(text);
       const setActive = (active) => {
         box.backgroundColor = active ? getTheme().highlight : undefined;
-        text.content = active ? otui.t`${otui.bold(`[${label}]`)}` : `[${label}]`;
+        text.content = active ? otui.t`${boldChunk(otui, `[${label}]`)}` : `[${label}]`;
         text.fg = color;
       };
       return { box, setActive };
@@ -107026,7 +107066,7 @@ Staying in the current session.
           id: `mq-${item.id}-t`,
           flexGrow: 1,
           minWidth: 0,
-          content: otui.t`${otui.dim(`${formatMainQueueMarker(index)} ${item.displayQuestion}`)}`
+          content: otui.t`${dimChunk(otui, `${formatMainQueueMarker(index)} ${item.displayQuestion}`)}`
         });
         row.add(label);
         const force = mainQueueButton("Force", `mq-force-${item.id}`, theme.focus, () => forceMainQueue(index));
@@ -107161,7 +107201,7 @@ Staying in the current session.
       if (sideQueue.length > 1 || sideWorkerRunning) {
         transcript.add(new otui.TextRenderable(r, {
           id: `side-max${uid++}`,
-          content: otui.t`${otui.yellow(`\u25E6 side-1 queued (${sideQueue.length - 1} pending)`)} ${otui.dim(`\xB7 while main: ${busyPhase}`)}`,
+          content: otui.t`${roleChunk(otui, "attention", `\u25E6 side-1 queued (${sideQueue.length - 1} pending)`)} ${dimChunk(otui, `\xB7 while main: ${busyPhase}`)}`,
           marginTop: 1
         }));
         showSideQueueStatus();
@@ -107190,7 +107230,7 @@ Staying in the current session.
           });
           transcript.add(new otui.TextRenderable(r, {
             id: `side-h${uid++}`,
-            content: otui.t`${otui.magenta("\u2500\u2500")} ${otui.bold(sideWorkerLabelText)} ${otui.magenta("\u2500\u2500")} ${otui.dim(`while main: ${busyPhase}`)}`,
+            content: otui.t`${roleChunk(otui, "side", "\u2500\u2500")} ${boldChunk(otui, sideWorkerLabelText)} ${roleChunk(otui, "side", "\u2500\u2500")} ${dimChunk(otui, `while main: ${busyPhase}`)}`,
             marginTop: 1
           }));
           const prompt = buildSideWorkerPrompt({
@@ -107235,7 +107275,7 @@ Staying in the current session.
               onSystem: (text) => {
                 transcript.add(new otui.TextRenderable(r, {
                   id: `side-sys${uid++}`,
-                  content: otui.t`${otui.dim(text.trimEnd())}`
+                  content: otui.t`${dimChunk(otui, text.trimEnd())}`
                 }));
               },
               requestApproval: async () => false
@@ -107259,7 +107299,7 @@ Staying in the current session.
             const msg = cause instanceof Error ? cause.message : String(cause);
             transcript.add(new otui.TextRenderable(r, {
               id: `side-err${uid++}`,
-              content: otui.t`${otui.red(`\u25C7 ${sideWorkerLabelText} failed: ${msg}`)}`
+              content: otui.t`${roleChunk(otui, "error", `\u25C7 ${sideWorkerLabelText} failed: ${msg}`)}`
             }));
             fleet.upsert({ id: SIDE_WORKER_ID, label: sideWorkerLabelText, status: "failed", detail: "error" });
           } finally {
@@ -107334,7 +107374,7 @@ Staying in the current session.
           case "help": {
             transcript.add(new otui.TextRenderable(r, {
               id: `c${uid++}`,
-              content: otui.t`${otui.cyan(`\u276F ${line}`)}`,
+              content: otui.t`${roleChunk(otui, "accent", `\u276F ${line}`)}`,
               marginTop: 1
             }));
             io.onSystem?.("Main agent is busy. Type a normal question to spawn a side worker " + `(sees main status + recent context; read-only). /status \u0438 /flows still open info panels. /exit still works.
@@ -107448,7 +107488,7 @@ Staying in the current session.
           case "deferred": {
             transcript.add(new otui.TextRenderable(r, {
               id: `c${uid++}`,
-              content: otui.t`${otui.yellow(`\u25C7 main is busy \u2014 command deferred. Ask a normal question for a side worker, or wait.`)}`,
+              content: otui.t`${roleChunk(otui, "attention", `\u25C7 main is busy \u2014 command deferred. Ask a normal question for a side worker, or wait.`)}`,
               marginTop: 1
             }));
             return;
@@ -107515,7 +107555,7 @@ Staying in the current session.
       if (line.startsWith("/")) {
         transcript.add(new otui.TextRenderable(r, {
           id: `c${uid++}`,
-          content: otui.t`${otui.cyan(`\u276F ${line}`)}`,
+          content: otui.t`${roleChunk(otui, "accent", `\u276F ${line}`)}`,
           marginTop: 1
         }));
       }
@@ -107882,7 +107922,7 @@ Usage: /reasoning <${REASONING_EFFORT_LEVELS.join("|")}>
       chrome.registerUserPrompt(userEcho, displayLine);
       transcript.add(new otui.TextRenderable(r, {
         id: `h${uid++}`,
-        content: otui.t`${otui.cyan("\u25CF")} ${otui.bold("keryx")}  ${otui.dim(hhmm())}`,
+        content: otui.t`${roleChunk(otui, "accent", "\u25CF")} ${boldChunk(otui, "keryx")}  ${dimChunk(otui, hhmm())}`,
         marginTop: 1
       }));
       if (isWikiEnrichIntent(line)) {
@@ -107900,7 +107940,7 @@ Usage: /reasoning <${REASONING_EFFORT_LEVELS.join("|")}>
             const moreDrafts = plan.drafts.length > maxList ? `  \xB7 \u2026 +${plan.drafts.length - maxList} more drafts` : "";
             transcript.add(new otui.TextRenderable(r, {
               id: `we-list${uid++}`,
-              content: otui.t`${otui.dim([
+              content: otui.t`${dimChunk(otui, [
                 `Wiki enrich plan: ${plan.drafts.length} draft \xB7 ${plan.accepted.length} accepted \xB7 ${plan.forceTargets.length} total`,
                 ...plan.drafts.length > 0 ? ["Drafts:", ...draftLines, ...moreDrafts ? [moreDrafts] : []] : ["Drafts: (none)"],
                 plan.accepted.length > 0 ? `Accepted (need --force): ${plan.accepted.length} page(s)` : "Accepted: (none)"
@@ -107911,7 +107951,7 @@ Usage: /reasoning <${REASONING_EFFORT_LEVELS.join("|")}>
             if (plan.forceTargets.length === 0) {
               transcript.add(new otui.TextRenderable(r, {
                 id: `we-empty${uid++}`,
-                content: otui.t`${otui.yellow("No wiki pages found. Run `keryx wiki collect` first.")}`
+                content: otui.t`${roleChunk(otui, "attention", "No wiki pages found. Run `keryx wiki collect` first.")}`
               }));
               return;
             }
@@ -107926,14 +107966,14 @@ Usage: /reasoning <${REASONING_EFFORT_LEVELS.join("|")}>
             if (choice === "cancel") {
               transcript.add(new otui.TextRenderable(r, {
                 id: `we-cancel${uid++}`,
-                content: otui.t`${otui.dim("Wiki enrich cancelled.")}`
+                content: otui.t`${dimChunk(otui, "Wiki enrich cancelled.")}`
               }));
               return;
             }
             if (choice === "drafts" && plan.drafts.length === 0) {
               transcript.add(new otui.TextRenderable(r, {
                 id: `we-nodraft${uid++}`,
-                content: otui.t`${otui.yellow("No draft pages. Choose force enrich all, or collect new drafts.")}`
+                content: otui.t`${roleChunk(otui, "attention", "No draft pages. Choose force enrich all, or collect new drafts.")}`
               }));
               return;
             }
@@ -107993,7 +108033,7 @@ Usage: /reasoning <${REASONING_EFFORT_LEVELS.join("|")}>
             }
             transcript.add(new otui.TextRenderable(r, {
               id: `we-res${uid++}`,
-              content: otui.t`${otui.dim(lines.join(`
+              content: otui.t`${dimChunk(otui, lines.join(`
 `))}`,
               marginTop: 1
             }));
@@ -108013,7 +108053,7 @@ Usage: /reasoning <${REASONING_EFFORT_LEVELS.join("|")}>
             stopBusy();
             transcript.add(new otui.TextRenderable(r, {
               id: `we-err${uid++}`,
-              content: otui.t`${otui.red(`wiki enrich failed: ${cause instanceof Error ? cause.message : String(cause)}`)}`
+              content: otui.t`${roleChunk(otui, "error", `wiki enrich failed: ${cause instanceof Error ? cause.message : String(cause)}`)}`
             }));
           } finally {
             const operationAborted = foregroundOperation.signal.aborted;
@@ -108024,7 +108064,7 @@ Usage: /reasoning <${REASONING_EFFORT_LEVELS.join("|")}>
                 const secs = ((Date.now() - startedAt) / 1000).toFixed(1);
                 transcript.add(new otui.TextRenderable(r, {
                   id: `w${uid++}`,
-                  content: otui.t`${otui.dim(`worked for ${secs}s`)}`,
+                  content: otui.t`${dimChunk(otui, `worked for ${secs}s`)}`,
                   marginTop: 1
                 }));
                 focusComposer();
@@ -108095,11 +108135,11 @@ Usage: /reasoning <${REASONING_EFFORT_LEVELS.join("|")}>
         try {
           flushSessionCheckpoint();
         } catch {}
-        transcript.add(new otui.TextRenderable(r, { id: `w${uid++}`, content: otui.t`${otui.dim(`worked for ${secs}s`)}`, marginTop: 1 }));
+        transcript.add(new otui.TextRenderable(r, { id: `w${uid++}`, content: otui.t`${dimChunk(otui, `worked for ${secs}s`)}`, marginTop: 1 }));
         if (!hasExactUsage) {
           const est = estimateContextTokens(history);
           chrome.setHeaderMeta(`~${fmtTokens(est)}`);
-          sbContext.content = otui.t`${otui.dim(`~${est.toLocaleString()} tokens (est)`)}`;
+          sbContext.content = otui.t`${dimChunk(otui, `~${est.toLocaleString()} tokens (est)`)}`;
         }
         focusComposer();
         if (!forceHandoff.hasPending && mainQueue.length === 0 && !turnFailed) {
@@ -108329,16 +108369,16 @@ async function mountChatShell(otui, renderer, opts) {
     transcript.add(new otui.TextRenderable(r, { id: `c${uid++}`, content }));
   };
   const sidebar = chrome.sidebarTop;
-  sidebar.add(new otui.TextRenderable(r, { id: "sb-title", content: otui.t`${otui.bold("keryx")}` }));
-  sidebar.add(new otui.TextRenderable(r, { id: "sb-mode", content: otui.t`${otui.dim("chat \xB7 no tools")}` }));
-  sidebar.add(new otui.TextRenderable(r, { id: "sb-model-k", content: otui.t`${otui.dim("Model")}`, marginTop: 1 }));
-  const sbModel = new otui.TextRenderable(r, { id: "sb-model-v", content: otui.t`${otui.dim(label())}` });
+  sidebar.add(new otui.TextRenderable(r, { id: "sb-title", content: otui.t`${boldChunk(otui, "keryx")}` }));
+  sidebar.add(new otui.TextRenderable(r, { id: "sb-mode", content: otui.t`${dimChunk(otui, "chat \xB7 no tools")}` }));
+  sidebar.add(new otui.TextRenderable(r, { id: "sb-model-k", content: otui.t`${dimChunk(otui, "Model")}`, marginTop: 1 }));
+  const sbModel = new otui.TextRenderable(r, { id: "sb-model-v", content: otui.t`${dimChunk(otui, label())}` });
   sidebar.add(sbModel);
   const balancePanel = mountBalancePanel(sidebar, otui, r, {
     provider: selection.provider
   });
-  sidebar.add(new otui.TextRenderable(r, { id: "sb-ctx-k", content: otui.t`${otui.dim("Context")}`, marginTop: 1 }));
-  const sbContext = new otui.TextRenderable(r, { id: "sb-ctx-v", content: otui.t`${otui.dim("~0 tokens (est)")}` });
+  sidebar.add(new otui.TextRenderable(r, { id: "sb-ctx-k", content: otui.t`${dimChunk(otui, "Context")}`, marginTop: 1 }));
+  const sbContext = new otui.TextRenderable(r, { id: "sb-ctx-v", content: otui.t`${dimChunk(otui, "~0 tokens (est)")}` });
   sidebar.add(sbContext);
   const messages = createAssistantMessageStream(otui, r, transcript);
   const seen = [];
@@ -108346,12 +108386,12 @@ async function mountChatShell(otui, renderer, opts) {
   const paintContext = () => {
     const est = estimateContextTokens(seen);
     chrome.setHeaderMeta(`~${fmtTokens(est)}`);
-    sbContext.content = otui.t`${otui.dim(`~${est.toLocaleString()} tokens (est)`)}`;
+    sbContext.content = otui.t`${dimChunk(otui, `~${est.toLocaleString()} tokens (est)`)}`;
   };
   const paintLabels = () => {
     chrome.setTitle(`keryx \xB7 chat \xB7 ${label()}`);
     chrome.setStatus(label());
-    sbModel.content = otui.t`${otui.dim(label())}`;
+    sbModel.content = otui.t`${dimChunk(otui, label())}`;
     balancePanel.setProvider(selection.provider);
   };
   const bridge = createChatBridge({
@@ -108379,7 +108419,7 @@ async function mountChatShell(otui, renderer, opts) {
       }
     },
     onTurnStart: () => {
-      append(otui.t`${otui.cyan("\u25CF")} ${otui.bold("keryx")}`);
+      append(otui.t`${roleChunk(otui, "accent", "\u25CF")} ${boldChunk(otui, "keryx")}`);
       chrome.startBusy("waiting for model");
     },
     onText: (chunk) => {
@@ -108402,7 +108442,7 @@ async function mountChatShell(otui, renderer, opts) {
       if (body.length === 0) {
         return;
       }
-      append(body.includes("[error]") ? otui.t`${otui.red(body)}` : otui.t`${otui.dim(body)}`);
+      append(body.includes("[error]") ? otui.t`${roleChunk(otui, "error", body)}` : otui.t`${dimChunk(otui, body)}`);
     }
   });
   const selectProviderModel = async (_io, pickOpts) => {
@@ -108434,7 +108474,7 @@ async function mountChatShell(otui, renderer, opts) {
         if (arg.length > 0) {
           const next = parseThemeId(arg);
           if (next === undefined) {
-            append(otui.t`${otui.dim(`Unknown theme '${arg}'.
+            append(otui.t`${dimChunk(otui, `Unknown theme '${arg}'.
 ${formatThemeList(getThemeId())}`)}`);
             return;
           }
@@ -108490,11 +108530,11 @@ ${formatThemeList(getThemeId())}`)}`);
       return;
     }
     if (result === "deferred") {
-      append(otui.t`${otui.yellow("\u25C7 a reply is still streaming \u2014 command deferred. Wait for it to finish.")}`);
+      append(otui.t`${roleChunk(otui, "attention", "\u25C7 a reply is still streaming \u2014 command deferred. Wait for it to finish.")}`);
     }
   });
   const done = opts.runShell(bridge.io, deps).catch((cause) => {
-    append(otui.t`${otui.red(`[error] ${cause instanceof Error ? cause.message : String(cause)}`)}`);
+    append(otui.t`${roleChunk(otui, "error", `[error] ${cause instanceof Error ? cause.message : String(cause)}`)}`);
   });
   return {
     chrome,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrciphersmith/keryx",
-  "version": "0.2.149",
+  "version": "0.2.151",
   "description": "Version-controlled project context for AI coding agents: code graph, architecture wiki, project memory, relevant tests, quality signals, and task flows.",
   "private": false,
   "publishConfig": {