@dexto/tui 1.14.6 → 1.15.0-beta.1

package/dist/components/SlashCommandAutocomplete.js

@@ -13,6 +13,7 @@ import { getAvailableCommands } from "../interactive-commands/commands.js";
 import { useTerminalSize } from "../hooks/useTerminalSize.js";
 import { getMaxVisibleItemsForTerminalRows } from "../utils/overlaySizing.js";
 import { supportsPrompts } from "../agent-backend.js";
+import { tone } from "../signal/index.js";
 function getPromptMatchScore(prompt, query) {
   if (!query) return 3;
   const lowerQuery = query.toLowerCase();
@@ -300,14 +301,14 @@ const SlashCommandAutocompleteInner = forwardRef(function SlashCommandAutocomple
   );
   if (!isVisible) return null;
   if (isLoading) {
-    return /* @__PURE__ */ jsx(Box, { width: terminalWidth, paddingX: 0, paddingY: 0, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Loading commands..." }) });
+    return /* @__PURE__ */ jsx(Box, { width: terminalWidth, paddingX: 0, paddingY: 0, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Loading commands..." }) });
   }
   if (combinedItems.length === 0) {
     return null;
   }
   const nameColumnWidth = Math.max(16, Math.min(28, Math.floor(terminalWidth * 0.32)));
-  const descriptionColor = (isSelected) => isSelected ? "white" : "gray";
-  const commandColor = (isSelected) => isSelected ? "cyan" : "gray";
+  const descriptionColor = (isSelected) => isSelected ? tone("hi") : tone("dim");
+  const commandColor = (isSelected) => isSelected ? tone("teal") : tone("dim");
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", width: terminalWidth, children: visibleItems.map((item, visibleIndex) => {
     const actualIndex = scrollOffset + visibleIndex;
     const isSelected = actualIndex === selectedIndex;

package/dist/components/StatusBar.cjs

@@ -28,6 +28,7 @@ var import_useElapsedTime = require("../hooks/useElapsedTime.js");
 var import_useTokenCounter = require("../hooks/useTokenCounter.js");
 var import_useAnimationTick = require("../hooks/useAnimationTick.js");
 var import_spinnerFrames = require("../constants/spinnerFrames.js");
+var import_signal = require("../signal/index.js");
 function StatusSpinner({ enabled, color }) {
   const tick = (0, import_useAnimationTick.useAnimationTick)({ enabled, intervalMs: 80 });
   const frame = import_spinnerFrames.BRAILLE_SPINNER_FRAMES[tick % import_spinnerFrames.BRAILLE_SPINNER_FRAMES.length];
@@ -44,8 +45,7 @@ function StatusBar({
   todoExpanded = true,
   hasTodos = false,
   planModeActive = false,
-  autoApproveEdits = false,
-  backgroundTasksRunning = 0
+  autoApproveEdits = false
 }) {
   const animationsActive = isProcessing && !isAwaitingApproval && !copyModeEnabled;
   const { phrase } = (0, import_usePhraseCycler.usePhraseCycler)({ isActive: animationsActive && !isCompacting });
@@ -56,7 +56,7 @@ function StatusBar({
   const { formatted: tokenCount } = (0, import_useTokenCounter.useTokenCounter)({ agent, isActive: animationsActive });
   const showTime = elapsedMs >= 3e4;
   if (copyModeEnabled) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingX: 1, marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", bold: true, children: "\u{1F4CB} Copy Mode - Select text with mouse. Press any key to exit." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingX: 1, marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amber"), bold: true, children: "\u{1F4CB} Copy Mode - Select text with mouse. Press any key to exit." }) });
   }
   if (!isProcessing) {
     return null;
@@ -65,75 +65,58 @@ function StatusBar({
     return null;
   }
   const todoHint = hasTodos ? todoExpanded ? "ctrl+t to hide todos" : "ctrl+t to show todos" : null;
-  const backgroundHint = backgroundTasksRunning > 0 ? "ctrl+b to view bg tasks" : null;
   if (isCompacting) {
     const metaParts2 = [];
     if (showTime) metaParts2.push(`(${elapsedTime})`);
-    if (backgroundTasksRunning > 0) {
-      metaParts2.push(
-        `${backgroundTasksRunning} bg task${backgroundTasksRunning > 1 ? "s" : ""}`
-      );
-    }
-    if (backgroundHint) metaParts2.push(backgroundHint);
     metaParts2.push("Esc to cancel");
     if (todoHint) metaParts2.push(todoHint);
     const metaContent2 = metaParts2.join(" \u2022 ");
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { paddingX: 1, marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "row", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusSpinner, { enabled: true, color: "yellow" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellow", children: " \u{1F4E6} Compacting context..." })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusSpinner, { enabled: true, color: (0, import_signal.tone)("amberDim") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amberDim"), children: " \u{1F4E6} Compacting context..." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: metaContent2 }) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: metaContent2 }) })
     ] });
   }
   if (isThinking) {
     const metaParts2 = [];
     if (showTime) metaParts2.push(`(${elapsedTime})`);
     if (tokenCount) metaParts2.push(tokenCount);
-    if (backgroundTasksRunning > 0) {
-      metaParts2.push(
-        `${backgroundTasksRunning} bg task${backgroundTasksRunning > 1 ? "s" : ""}`
-      );
-    }
-    if (backgroundHint) metaParts2.push(backgroundHint);
     metaParts2.push("Esc to cancel");
     if (todoHint) metaParts2.push(todoHint);
     const metaContent2 = metaParts2.join(" \u2022 ");
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { paddingX: 1, marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "row", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusSpinner, { enabled: true, color: "green" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusSpinner, { enabled: true, color: (0, import_signal.tone)("add") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("add"), children: [
           " ",
           phrase
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: metaContent2 }) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: metaContent2 }) })
     ] });
   }
   const metaParts = [];
   if (showTime) metaParts.push(`(${elapsedTime})`);
   if (tokenCount) metaParts.push(tokenCount);
-  if (backgroundTasksRunning > 0) {
-    metaParts.push(`${backgroundTasksRunning} bg task${backgroundTasksRunning > 1 ? "s" : ""}`);
-  }
-  if (backgroundHint) metaParts.push(backgroundHint);
   metaParts.push("Esc to cancel");
   if (todoHint) metaParts.push(todoHint);
   const metaContent = metaParts.join(" \u2022 ");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { paddingX: 1, marginTop: 1, flexDirection: "column", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "row", alignItems: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusSpinner, { enabled: true, color: "green" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusSpinner, { enabled: true, color: (0, import_signal.tone)("add") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("add"), children: [
         " ",
         phrase
       ] }),
-      approvalQueueCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "yellowBright", children: [
+      approvalQueueCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("amber"), children: [
         " \u2022 ",
         approvalQueueCount,
         " queued"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: metaContent }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: metaContent }) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/StatusBar.d.ts

@@ -25,8 +25,6 @@ interface StatusBarProps {
     planModeActive?: boolean;
     /** Whether accept all edits mode is active */
     autoApproveEdits?: boolean;
-    /** Number of running background tasks */
-    backgroundTasksRunning?: number;
 }
 /**
  * Status bar that shows processing state above input area
@@ -36,6 +34,6 @@ interface StatusBarProps {
  * - Hide spinner during approval wait (user is reviewing, not waiting)
  * - Only show elapsed time after 30s (avoid visual noise for fast operations)
  */
-export declare function StatusBar({ agent, isProcessing, isThinking, isCompacting, approvalQueueCount, copyModeEnabled, isAwaitingApproval, todoExpanded, hasTodos, planModeActive, autoApproveEdits, backgroundTasksRunning, }: StatusBarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function StatusBar({ agent, isProcessing, isThinking, isCompacting, approvalQueueCount, copyModeEnabled, isAwaitingApproval, todoExpanded, hasTodos, planModeActive, autoApproveEdits, }: StatusBarProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=StatusBar.d.ts.map

package/dist/components/StatusBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../src/components/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAQH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQ3D,UAAU,cAAc;IACpB,KAAK,EAAE,eAAe,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yCAAyC;IACzC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,eAAuB,EACvB,kBAA0B,EAC1B,YAAmB,EACnB,QAAgB,EAChB,cAAsB,EACtB,gBAAwB,EACxB,sBAA0B,GAC7B,EAAE,cAAc,kDAwIhB"}
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../src/components/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAQH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAS3D,UAAU,cAAc;IACpB,KAAK,EAAE,eAAe,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,eAAuB,EACvB,kBAA0B,EAC1B,YAAmB,EACnB,QAAgB,EAChB,cAAsB,EACtB,gBAAwB,GAC3B,EAAE,cAAc,kDAsHhB"}

package/dist/components/StatusBar.js

@@ -5,6 +5,7 @@ import { useElapsedTime } from "../hooks/useElapsedTime.js";
 import { useTokenCounter } from "../hooks/useTokenCounter.js";
 import { useAnimationTick } from "../hooks/useAnimationTick.js";
 import { BRAILLE_SPINNER_FRAMES } from "../constants/spinnerFrames.js";
+import { tone } from "../signal/index.js";
 function StatusSpinner({ enabled, color }) {
   const tick = useAnimationTick({ enabled, intervalMs: 80 });
   const frame = BRAILLE_SPINNER_FRAMES[tick % BRAILLE_SPINNER_FRAMES.length];
@@ -21,8 +22,7 @@ function StatusBar({
   todoExpanded = true,
   hasTodos = false,
   planModeActive = false,
-  autoApproveEdits = false,
-  backgroundTasksRunning = 0
+  autoApproveEdits = false
 }) {
   const animationsActive = isProcessing && !isAwaitingApproval && !copyModeEnabled;
   const { phrase } = usePhraseCycler({ isActive: animationsActive && !isCompacting });
@@ -33,7 +33,7 @@ function StatusBar({
   const { formatted: tokenCount } = useTokenCounter({ agent, isActive: animationsActive });
   const showTime = elapsedMs >= 3e4;
   if (copyModeEnabled) {
-    return /* @__PURE__ */ jsx(Box, { paddingX: 1, marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: "yellowBright", bold: true, children: "\u{1F4CB} Copy Mode - Select text with mouse. Press any key to exit." }) });
+    return /* @__PURE__ */ jsx(Box, { paddingX: 1, marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: tone("amber"), bold: true, children: "\u{1F4CB} Copy Mode - Select text with mouse. Press any key to exit." }) });
   }
   if (!isProcessing) {
     return null;
@@ -42,75 +42,58 @@ function StatusBar({
     return null;
   }
   const todoHint = hasTodos ? todoExpanded ? "ctrl+t to hide todos" : "ctrl+t to show todos" : null;
-  const backgroundHint = backgroundTasksRunning > 0 ? "ctrl+b to view bg tasks" : null;
   if (isCompacting) {
     const metaParts2 = [];
     if (showTime) metaParts2.push(`(${elapsedTime})`);
-    if (backgroundTasksRunning > 0) {
-      metaParts2.push(
-        `${backgroundTasksRunning} bg task${backgroundTasksRunning > 1 ? "s" : ""}`
-      );
-    }
-    if (backgroundHint) metaParts2.push(backgroundHint);
     metaParts2.push("Esc to cancel");
     if (todoHint) metaParts2.push(todoHint);
     const metaContent2 = metaParts2.join(" \u2022 ");
     return /* @__PURE__ */ jsxs(Box, { paddingX: 1, marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
-        /* @__PURE__ */ jsx(StatusSpinner, { enabled: true, color: "yellow" }),
-        /* @__PURE__ */ jsx(Text, { color: "yellow", children: " \u{1F4E6} Compacting context..." })
+        /* @__PURE__ */ jsx(StatusSpinner, { enabled: true, color: tone("amberDim") }),
+        /* @__PURE__ */ jsx(Text, { color: tone("amberDim"), children: " \u{1F4E6} Compacting context..." })
       ] }),
-      /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: metaContent2 }) })
+      /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: metaContent2 }) })
     ] });
   }
   if (isThinking) {
     const metaParts2 = [];
     if (showTime) metaParts2.push(`(${elapsedTime})`);
     if (tokenCount) metaParts2.push(tokenCount);
-    if (backgroundTasksRunning > 0) {
-      metaParts2.push(
-        `${backgroundTasksRunning} bg task${backgroundTasksRunning > 1 ? "s" : ""}`
-      );
-    }
-    if (backgroundHint) metaParts2.push(backgroundHint);
     metaParts2.push("Esc to cancel");
     if (todoHint) metaParts2.push(todoHint);
     const metaContent2 = metaParts2.join(" \u2022 ");
     return /* @__PURE__ */ jsxs(Box, { paddingX: 1, marginTop: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
-        /* @__PURE__ */ jsx(StatusSpinner, { enabled: true, color: "green" }),
-        /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+        /* @__PURE__ */ jsx(StatusSpinner, { enabled: true, color: tone("add") }),
+        /* @__PURE__ */ jsxs(Text, { color: tone("add"), children: [
           " ",
           phrase
         ] })
       ] }),
-      /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: metaContent2 }) })
+      /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: metaContent2 }) })
     ] });
   }
   const metaParts = [];
   if (showTime) metaParts.push(`(${elapsedTime})`);
   if (tokenCount) metaParts.push(tokenCount);
-  if (backgroundTasksRunning > 0) {
-    metaParts.push(`${backgroundTasksRunning} bg task${backgroundTasksRunning > 1 ? "s" : ""}`);
-  }
-  if (backgroundHint) metaParts.push(backgroundHint);
   metaParts.push("Esc to cancel");
   if (todoHint) metaParts.push(todoHint);
   const metaContent = metaParts.join(" \u2022 ");
   return /* @__PURE__ */ jsxs(Box, { paddingX: 1, marginTop: 1, flexDirection: "column", children: [
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
-      /* @__PURE__ */ jsx(StatusSpinner, { enabled: true, color: "green" }),
-      /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+      /* @__PURE__ */ jsx(StatusSpinner, { enabled: true, color: tone("add") }),
+      /* @__PURE__ */ jsxs(Text, { color: tone("add"), children: [
         " ",
         phrase
       ] }),
-      approvalQueueCount > 0 && /* @__PURE__ */ jsxs(Text, { color: "yellowBright", children: [
+      approvalQueueCount > 0 && /* @__PURE__ */ jsxs(Text, { color: tone("amber"), children: [
         " \u2022 ",
         approvalQueueCount,
         " queued"
       ] })
     ] }),
-    /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: metaContent }) })
+    /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: metaContent }) })
   ] });
 }
 export {

package/dist/components/TextBufferInput.cjs

@@ -26,6 +26,7 @@ var import_react = require("react");
 var import_ink = require("ink");
 var import_useKeypress = require("../hooks/useKeypress.js");
 var import_clipboardUtils = require("../utils/clipboardUtils.js");
+var import_signal = require("../signal/index.js");
 const PASTE_COLLAPSE_LINE_THRESHOLD = 3;
 const PASTE_COLLAPSE_CHAR_THRESHOLD = 150;
 const isMac = process.platform === "darwin";
@@ -55,7 +56,7 @@ function HighlightedText({ text, query }) {
   const after = text.slice(matchIndex + query.length);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
     before,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", bold: true, children: match }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("add"), bold: true, children: match }),
     after
   ] });
 }
@@ -408,8 +409,8 @@ function TextBufferInput({
   const totalLines = visualLines.length;
   const isShellMode = bufferText.startsWith("!");
   const promptPrefix = isShellMode ? "$ " : "> ";
-  const promptColor = isShellMode ? "yellow" : "green";
-  const separatorColor = isShellMode ? "yellow" : "gray";
+  const promptColor = isShellMode ? (0, import_signal.tone)("amberDim") : (0, import_signal.tone)("add");
+  const separatorColor = isShellMode ? (0, import_signal.tone)("amberDim") : (0, import_signal.tone)("dim");
   let startLine = 0;
   let endLine = totalLines;
   if (totalLines > maxViewportLines) {
@@ -423,19 +424,19 @@ function TextBufferInput({
   const visibleLines = visualLines.slice(startLine, endLine);
   if (bufferText === "") {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", width: terminalWidth, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: separator }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: separator }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { width: terminalWidth, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", bold: true, children: "> " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("add"), bold: true, children: "> " }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { inverse: true, children: " " }),
-        placeholder && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: placeholder }),
+        placeholder && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: placeholder }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: " ".repeat(Math.max(0, terminalWidth - 3 - (placeholder?.length || 0))) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: separator })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: separator })
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", width: terminalWidth, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: separatorColor, children: separator }),
-    startLine > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    startLine > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "  ",
       "\u2191 ",
       startLine,
@@ -475,7 +476,7 @@ function TextBufferInput({
         ) })
       ] }, absoluteRow);
     }),
-    endLine < totalLines && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    endLine < totalLines && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "  ",
       "\u2193 ",
       totalLines - endLine,
@@ -504,21 +505,21 @@ function PasteBlockHint({
 }) {
   const collapsedCount = pastedBlocks.filter((b) => b.isCollapsed).length;
   if (expandedBlock) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "cyan", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: [
       "  ",
       KEY_LABELS.ctrlT,
       " to collapse expanded paste"
     ] });
   }
   if (cursorOnCollapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "cyan", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: [
       "  ",
       KEY_LABELS.ctrlT,
       " to expand paste"
     ] });
   }
   if (collapsedCount > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "  ",
       collapsedCount,
       " collapsed paste",

package/dist/components/TextBufferInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextBufferInput.d.ts","sourceRoot":"","sources":["../../src/components/TextBufferInput.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGnE,+DAA+D;AAC/D,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,uBAAuB,GAAG,OAAO,CAAC;AActF,UAAU,oBAAoB;IAC1B,oCAAoC;IACpC,MAAM,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrE,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,CAAC;IAChD,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,kDAAkD;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,iEAAiE;IACjE,MAAM,CAAC,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD,wDAAwD;IACxD,YAAY,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACzC,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5F,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtD;AAuCD,wBAAgB,eAAe,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAqB,EACrB,QAAQ,EACR,gBAAgB,EAChB,UAAc,EACd,YAAY,EACZ,MAAW,EACX,aAAa,EACb,YAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,uBAAuB,GAC1B,EAAE,oBAAoB,2CAmjBtB"}
+{"version":3,"file":"TextBufferInput.d.ts","sourceRoot":"","sources":["../../src/components/TextBufferInput.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAInE,+DAA+D;AAC/D,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,uBAAuB,GAAG,OAAO,CAAC;AActF,UAAU,oBAAoB;IAC1B,oCAAoC;IACpC,MAAM,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrE,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,CAAC;IAChD,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,kDAAkD;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,iEAAiE;IACjE,MAAM,CAAC,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD,wDAAwD;IACxD,YAAY,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACzC,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5F,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,2CAA2C;IAC3C,uBAAuB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtD;AAuCD,wBAAgB,eAAe,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAqB,EACrB,QAAQ,EACR,gBAAgB,EAChB,UAAc,EACd,YAAY,EACZ,MAAW,EACX,aAAa,EACb,YAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,uBAAuB,GAC1B,EAAE,oBAAoB,2CAmjBtB"}

package/dist/components/TextBufferInput.js

@@ -3,6 +3,7 @@ import { useCallback, useRef, useEffect } from "react";
 import { Box, Text, useStdout } from "ink";
 import { useKeypress } from "../hooks/useKeypress.js";
 import { readClipboardImage } from "../utils/clipboardUtils.js";
+import { tone } from "../signal/index.js";
 const PASTE_COLLAPSE_LINE_THRESHOLD = 3;
 const PASTE_COLLAPSE_CHAR_THRESHOLD = 150;
 const isMac = process.platform === "darwin";
@@ -32,7 +33,7 @@ function HighlightedText({ text, query }) {
   const after = text.slice(matchIndex + query.length);
   return /* @__PURE__ */ jsxs(Text, { children: [
     before,
-    /* @__PURE__ */ jsx(Text, { color: "green", bold: true, children: match }),
+    /* @__PURE__ */ jsx(Text, { color: tone("add"), bold: true, children: match }),
     after
   ] });
 }
@@ -385,8 +386,8 @@ function TextBufferInput({
   const totalLines = visualLines.length;
   const isShellMode = bufferText.startsWith("!");
   const promptPrefix = isShellMode ? "$ " : "> ";
-  const promptColor = isShellMode ? "yellow" : "green";
-  const separatorColor = isShellMode ? "yellow" : "gray";
+  const promptColor = isShellMode ? tone("amberDim") : tone("add");
+  const separatorColor = isShellMode ? tone("amberDim") : tone("dim");
   let startLine = 0;
   let endLine = totalLines;
   if (totalLines > maxViewportLines) {
@@ -400,19 +401,19 @@ function TextBufferInput({
   const visibleLines = visualLines.slice(startLine, endLine);
   if (bufferText === "") {
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: terminalWidth, children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: separator }),
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: separator }),
       /* @__PURE__ */ jsxs(Box, { width: terminalWidth, children: [
-        /* @__PURE__ */ jsx(Text, { color: "green", bold: true, children: "> " }),
+        /* @__PURE__ */ jsx(Text, { color: tone("add"), bold: true, children: "> " }),
         /* @__PURE__ */ jsx(Text, { inverse: true, children: " " }),
-        placeholder && /* @__PURE__ */ jsx(Text, { color: "gray", children: placeholder }),
+        placeholder && /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: placeholder }),
         /* @__PURE__ */ jsx(Text, { children: " ".repeat(Math.max(0, terminalWidth - 3 - (placeholder?.length || 0))) })
       ] }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: separator })
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: separator })
     ] });
   }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: terminalWidth, children: [
     /* @__PURE__ */ jsx(Text, { color: separatorColor, children: separator }),
-    startLine > 0 && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    startLine > 0 && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  ",
       "\u2191 ",
       startLine,
@@ -452,7 +453,7 @@ function TextBufferInput({
         ) })
       ] }, absoluteRow);
     }),
-    endLine < totalLines && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    endLine < totalLines && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  ",
       "\u2193 ",
       totalLines - endLine,
@@ -481,21 +482,21 @@ function PasteBlockHint({
 }) {
   const collapsedCount = pastedBlocks.filter((b) => b.isCollapsed).length;
   if (expandedBlock) {
-    return /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("teal"), children: [
       "  ",
       KEY_LABELS.ctrlT,
       " to collapse expanded paste"
     ] });
   }
   if (cursorOnCollapsed) {
-    return /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("teal"), children: [
       "  ",
       KEY_LABELS.ctrlT,
       " to expand paste"
     ] });
   }
   if (collapsedCount > 0) {
-    return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  ",
       collapsedCount,
       " collapsed paste",

package/dist/components/TodoPanel.cjs

@@ -23,15 +23,16 @@ __export(TodoPanel_exports, {
 module.exports = __toCommonJS(TodoPanel_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
+var import_signal = require("../signal/index.js");
 function getStatusIndicator(status) {
   switch (status) {
     case "completed":
-      return { icon: "\u2713", color: "green" };
+      return { icon: "\u2713", color: (0, import_signal.tone)("add") };
     case "in_progress":
-      return { icon: "\u25CF", color: "yellow" };
+      return { icon: "\u25CF", color: (0, import_signal.tone)("amberDim") };
     case "pending":
     default:
-      return { icon: "\u25CB", color: "gray" };
+      return { icon: "\u25CB", color: (0, import_signal.tone)("dim") };
   }
 }
 function TodoPanel({ todos, isExpanded, isProcessing = false }) {
@@ -53,24 +54,24 @@ function TodoPanel({ todos, isExpanded, isProcessing = false }) {
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "gray",
+        borderColor: (0, import_signal.tone)("dim"),
         paddingX: 1,
         marginX: 1,
         marginBottom: 1,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { bold: true, color: "cyan", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { bold: true, color: (0, import_signal.tone)("teal"), children: [
               "\u{1F4CB} Todo",
               " "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
               "(",
               completedCount,
               "/",
               totalCount,
               ")"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", dimColor: true, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: [
               " ",
               "\xB7 ctrl+t to hide todo list"
             ] })
@@ -87,7 +88,7 @@ function TodoPanel({ todos, isExpanded, isProcessing = false }) {
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_ink.Text,
                 {
-                  color: isCompleted ? "gray" : isInProgress ? "white" : "gray",
+                  color: isCompleted ? (0, import_signal.tone)("dim") : isInProgress ? (0, import_signal.tone)("hi") : (0, import_signal.tone)("dim"),
                   strikethrough: isCompleted,
                   dimColor: !isInProgress && !isCompleted,
                   children: isInProgress ? todo.activeForm : todo.content
@@ -104,8 +105,8 @@ function TodoPanel({ todos, isExpanded, isProcessing = false }) {
       return null;
     }
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingX: 1, marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginLeft: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "\u23BF " }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: currentTask.activeForm })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "\u23BF " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: currentTask.activeForm })
     ] }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: sortedTodos.map((todo, index) => {
@@ -114,12 +115,18 @@ function TodoPanel({ todos, isExpanded, isProcessing = false }) {
     const isInProgress = todo.status === "in_progress";
     const checkbox = isCompleted ? "\u2611" : "\u2610";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginLeft: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: isFirst ? "\u23BF  " : "   " }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isCompleted ? "green" : isInProgress ? "yellow" : "white", children: [
-        checkbox,
-        " "
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isCompleted ? "gray" : "white", dimColor: isCompleted, children: todo.content })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: isFirst ? "\u23BF  " : "   " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_ink.Text,
+        {
+          color: isCompleted ? (0, import_signal.tone)("add") : isInProgress ? (0, import_signal.tone)("amberDim") : (0, import_signal.tone)("hi"),
+          children: [
+            checkbox,
+            " "
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isCompleted ? (0, import_signal.tone)("dim") : (0, import_signal.tone)("hi"), dimColor: isCompleted, children: todo.content })
     ] }, todo.id);
   }) });
 }

package/dist/components/TodoPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TodoPanel.d.ts","sourceRoot":"","sources":["../../src/components/TodoPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,mBAAmB,CAAC;AAE9D,UAAU,cAAc;IACpB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,0DAA0D;IAC1D,UAAU,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiBD;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,YAAoB,EAAE,EAAE,cAAc,kDAkHpF"}
+{"version":3,"file":"TodoPanel.d.ts","sourceRoot":"","sources":["../../src/components/TodoPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,mBAAmB,CAAC;AAG9D,UAAU,cAAc;IACpB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,0DAA0D;IAC1D,UAAU,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiBD;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,YAAoB,EAAE,EAAE,cAAc,kDAgIpF"}