@dexto/tui 1.14.6 → 1.15.0-beta.1

package/dist/components/chat/styled-boxes/LogConfigBox.js

@@ -1,14 +1,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { StyledBox, StyledRow, StyledListItem } from "./StyledBox.js";
+import { tone } from "../../../signal/index.js";
 function LogConfigBox({ data }) {
   return /* @__PURE__ */ jsxs(StyledBox, { title: "Logging Configuration", children: [
     /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(StyledRow, { label: "Current level", value: data.currentLevel, valueColor: "green" }),
+      /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Current level",
+          value: data.currentLevel,
+          valueColor: tone("add")
+        }
+      ),
       data.logFile ? /* @__PURE__ */ jsx(StyledRow, { label: "Log file", value: data.logFile }) : null
     ] }),
     /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Available levels (least to most verbose):" }),
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Available levels (least to most verbose):" }),
       data.availableLevels.map((level) => {
         const isCurrent = level === data.currentLevel;
         return /* @__PURE__ */ jsx(
@@ -22,7 +30,7 @@ function LogConfigBox({ data }) {
         );
       })
     ] }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Use /log <level> to change level" }) })
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Use /log <level> to change level" }) })
   ] });
 }
 export {

package/dist/components/chat/styled-boxes/SessionHistoryBox.cjs

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(SessionHistoryBox_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
 var import_StyledBox = require("./StyledBox.js");
+var import_signal = require("../../../signal/index.js");
 function truncateContent(content, maxLength = 100) {
   if (content.length <= maxLength) return content;
   return content.slice(0, maxLength) + "...";
@@ -31,20 +32,20 @@ function truncateContent(content, maxLength = 100) {
 function getRoleStyle(role) {
   switch (role) {
     case "user":
-      return { color: "blue", icon: ">" };
+      return { color: (0, import_signal.tone)("fg"), icon: ">" };
     case "assistant":
-      return { color: "green", icon: "|" };
+      return { color: (0, import_signal.tone)("add"), icon: "|" };
     case "system":
       return { color: "orange", icon: "#" };
     case "tool":
-      return { color: "green", icon: "*" };
+      return { color: (0, import_signal.tone)("add"), icon: "*" };
     default:
-      return { color: "white", icon: "-" };
+      return { color: (0, import_signal.tone)("hi"), icon: "-" };
   }
 }
 function SessionHistoryBox({ data }) {
   if (data.messages.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "No messages in this session yet." }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "No messages in this session yet." }) }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: [
     data.messages.map((msg, index) => {
@@ -60,7 +61,7 @@ function SessionHistoryBox({ data }) {
             msg.role,
             "]"
           ] }),
-          /* @__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: [
             " ",
             msg.timestamp
           ] })
@@ -68,7 +69,7 @@ function SessionHistoryBox({ data }) {
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: truncateContent(msg.content) }) })
       ] }, index);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "Total: ",
       data.total,
       " messages"

package/dist/components/chat/styled-boxes/SessionHistoryBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionHistoryBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/SessionHistoryBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAGxE,UAAU,sBAAsB;IAC5B,IAAI,EAAE,wBAAwB,CAAC;CAClC;AA4BD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE,sBAAsB,2CAmCjE"}
+{"version":3,"file":"SessionHistoryBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/SessionHistoryBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,UAAU,sBAAsB;IAC5B,IAAI,EAAE,wBAAwB,CAAC;CAClC;AA4BD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE,sBAAsB,2CAmCjE"}

package/dist/components/chat/styled-boxes/SessionHistoryBox.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { StyledBox } from "./StyledBox.js";
+import { tone } from "../../../signal/index.js";
 function truncateContent(content, maxLength = 100) {
   if (content.length <= maxLength) return content;
   return content.slice(0, maxLength) + "...";
@@ -8,20 +9,20 @@ function truncateContent(content, maxLength = 100) {
 function getRoleStyle(role) {
   switch (role) {
     case "user":
-      return { color: "blue", icon: ">" };
+      return { color: tone("fg"), icon: ">" };
     case "assistant":
-      return { color: "green", icon: "|" };
+      return { color: tone("add"), icon: "|" };
     case "system":
       return { color: "orange", icon: "#" };
     case "tool":
-      return { color: "green", icon: "*" };
+      return { color: tone("add"), icon: "*" };
     default:
-      return { color: "white", icon: "-" };
+      return { color: tone("hi"), icon: "-" };
   }
 }
 function SessionHistoryBox({ data }) {
   if (data.messages.length === 0) {
-    return /* @__PURE__ */ jsx(StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "No messages in this session yet." }) }) });
+    return /* @__PURE__ */ jsx(StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "No messages in this session yet." }) }) });
   }
   return /* @__PURE__ */ jsxs(StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: [
     data.messages.map((msg, index) => {
@@ -37,7 +38,7 @@ function SessionHistoryBox({ data }) {
             msg.role,
             "]"
           ] }),
-          /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
             " ",
             msg.timestamp
           ] })
@@ -45,7 +46,7 @@ function SessionHistoryBox({ data }) {
         /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { children: truncateContent(msg.content) }) })
       ] }, index);
     }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "Total: ",
       data.total,
       " messages"

package/dist/components/chat/styled-boxes/SessionListBox.cjs

@@ -24,32 +24,40 @@ module.exports = __toCommonJS(SessionListBox_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
 var import_StyledBox = require("./StyledBox.js");
+var import_signal = require("../../../signal/index.js");
 function SessionListBox({ data }) {
   if (data.sessions.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "Sessions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "No sessions found." }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Run `dexto` to start a new session." }) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "No sessions found." }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Run `dexto` to start a new session." }) })
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "Sessions", children: [
     data.sessions.map((session) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 12, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: session.isCurrent ? "green" : "cyan", bold: session.isCurrent, children: [
-        session.isCurrent ? ">" : " ",
-        " ",
-        session.id.slice(0, 8)
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 14, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 12, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_ink.Text,
+        {
+          color: session.isCurrent ? (0, import_signal.tone)("add") : (0, import_signal.tone)("teal"),
+          bold: session.isCurrent,
+          children: [
+            session.isCurrent ? ">" : " ",
+            " ",
+            session.id.slice(0, 8)
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 14, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
         session.messageCount,
         " messages"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: session.lastActive })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: session.lastActive })
     ] }, session.id)),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "Total: ",
       data.total,
       " sessions"
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Use /resume to switch sessions" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Use /resume to switch sessions" }) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/chat/styled-boxes/SessionListBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/SessionListBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGrE,UAAU,mBAAmB;IACzB,IAAI,EAAE,qBAAqB,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,mBAAmB,2CAqC3D"}
+{"version":3,"file":"SessionListBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/SessionListBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE,UAAU,mBAAmB;IACzB,IAAI,EAAE,qBAAqB,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,mBAAmB,2CAwC3D"}

package/dist/components/chat/styled-boxes/SessionListBox.js

@@ -1,32 +1,40 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { StyledBox } from "./StyledBox.js";
+import { tone } from "../../../signal/index.js";
 function SessionListBox({ data }) {
   if (data.sessions.length === 0) {
     return /* @__PURE__ */ jsxs(StyledBox, { title: "Sessions", children: [
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "No sessions found." }) }),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Run `dexto` to start a new session." }) })
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "No sessions found." }) }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Run `dexto` to start a new session." }) })
     ] });
   }
   return /* @__PURE__ */ jsxs(StyledBox, { title: "Sessions", children: [
     data.sessions.map((session) => /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Box, { width: 12, children: /* @__PURE__ */ jsxs(Text, { color: session.isCurrent ? "green" : "cyan", bold: session.isCurrent, children: [
-        session.isCurrent ? ">" : " ",
-        " ",
-        session.id.slice(0, 8)
-      ] }) }),
-      /* @__PURE__ */ jsx(Box, { width: 14, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      /* @__PURE__ */ jsx(Box, { width: 12, children: /* @__PURE__ */ jsxs(
+        Text,
+        {
+          color: session.isCurrent ? tone("add") : tone("teal"),
+          bold: session.isCurrent,
+          children: [
+            session.isCurrent ? ">" : " ",
+            " ",
+            session.id.slice(0, 8)
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Box, { width: 14, children: /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
         session.messageCount,
         " messages"
       ] }) }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: session.lastActive })
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: session.lastActive })
     ] }, session.id)),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "Total: ",
       data.total,
       " sessions"
     ] }) }),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Use /resume to switch sessions" }) })
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Use /resume to switch sessions" }) })
   ] });
 }
 export {

package/dist/components/chat/styled-boxes/ShortcutsBox.cjs

@@ -24,12 +24,13 @@ module.exports = __toCommonJS(ShortcutsBox_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
 var import_StyledBox = require("./StyledBox.js");
+var import_signal = require("../../../signal/index.js");
 function ShortcutsBox({ data }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledBox, { title: "Keyboard Shortcuts", children: data.categories.map((category, catIndex) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginTop: catIndex === 0 ? 0 : 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: "cyan", children: category.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: (0, import_signal.tone)("teal"), children: category.name }),
     category.shortcuts.map((shortcut) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginLeft: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 16, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: shortcut.keys }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: shortcut.description })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 16, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: shortcut.keys }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: shortcut.description })
     ] }, shortcut.keys))
   ] }, category.name)) });
 }

package/dist/components/chat/styled-boxes/ShortcutsBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/ShortcutsBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,UAAU,iBAAiB;IACvB,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAoBvD"}
+{"version":3,"file":"ShortcutsBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/ShortcutsBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAInE,UAAU,iBAAiB;IACvB,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAoBvD"}

package/dist/components/chat/styled-boxes/ShortcutsBox.js

@@ -1,12 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { StyledBox } from "./StyledBox.js";
+import { tone } from "../../../signal/index.js";
 function ShortcutsBox({ data }) {
   return /* @__PURE__ */ jsx(StyledBox, { title: "Keyboard Shortcuts", children: data.categories.map((category, catIndex) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: catIndex === 0 ? 0 : 1, children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: category.name }),
+    /* @__PURE__ */ jsx(Text, { bold: true, color: tone("teal"), children: category.name }),
     category.shortcuts.map((shortcut) => /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
-      /* @__PURE__ */ jsx(Box, { width: 16, children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: shortcut.keys }) }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: shortcut.description })
+      /* @__PURE__ */ jsx(Box, { width: 16, children: /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: shortcut.keys }) }),
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: shortcut.description })
     ] }, shortcut.keys))
   ] }, category.name)) });
 }

package/dist/components/chat/styled-boxes/StatsBox.cjs

@@ -23,6 +23,7 @@ __export(StatsBox_exports, {
 module.exports = __toCommonJS(StatsBox_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_StyledBox = require("./StyledBox.js");
+var import_signal = require("../../../signal/index.js");
 function formatTokenCount(count) {
   if (count >= 1e6) {
     return `${(count / 1e6).toFixed(1)}M`;
@@ -54,10 +55,17 @@ function StatsBox({ data }) {
         {
           label: "Connected",
           value: data.mcp.connected.toString(),
-          valueColor: "green"
+          valueColor: (0, import_signal.tone)("add")
+        }
+      ),
+      data.mcp.failed > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Failed",
+          value: data.mcp.failed.toString(),
+          valueColor: (0, import_signal.tone)("red")
         }
       ),
-      data.mcp.failed > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Failed", value: data.mcp.failed.toString(), valueColor: "red" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Available Tools", value: data.mcp.toolCount.toString() })
     ] }),
     data.tokenUsage && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledSection, { title: "Token Usage (This Session)", children: [
@@ -87,7 +95,7 @@ function StatsBox({ data }) {
         {
           label: "Cache Read",
           value: formatTokenCount(data.tokenUsage.cacheReadTokens),
-          valueColor: "cyan"
+          valueColor: (0, import_signal.tone)("teal")
         }
       ),
       data.tokenUsage.cacheWriteTokens > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -103,7 +111,7 @@ function StatsBox({ data }) {
         {
           label: "Total",
           value: formatTokenCount(data.tokenUsage.totalTokens),
-          valueColor: "blue"
+          valueColor: (0, import_signal.tone)("fg")
         }
       ),
       data.estimatedCost !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -111,7 +119,7 @@ function StatsBox({ data }) {
         {
           label: "Est. Cost",
           value: formatCost(data.estimatedCost),
-          valueColor: "green"
+          valueColor: (0, import_signal.tone)("add")
         }
       )
     ] })

package/dist/components/chat/styled-boxes/StatsBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatsBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/StatsBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,UAAU,aAAa;IACnB,IAAI,EAAE,eAAe,CAAC;CACzB;AA4BD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,aAAa,2CAmE/C"}
+{"version":3,"file":"StatsBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/StatsBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,UAAU,aAAa;IACnB,IAAI,EAAE,eAAe,CAAC;CACzB;AA4BD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,aAAa,2CAuE/C"}

package/dist/components/chat/styled-boxes/StatsBox.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { StyledBox, StyledSection, StyledRow } from "./StyledBox.js";
+import { tone } from "../../../signal/index.js";
 function formatTokenCount(count) {
   if (count >= 1e6) {
     return `${(count / 1e6).toFixed(1)}M`;
@@ -31,10 +32,17 @@ function StatsBox({ data }) {
         {
           label: "Connected",
           value: data.mcp.connected.toString(),
-          valueColor: "green"
+          valueColor: tone("add")
+        }
+      ),
+      data.mcp.failed > 0 && /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Failed",
+          value: data.mcp.failed.toString(),
+          valueColor: tone("red")
         }
       ),
-      data.mcp.failed > 0 && /* @__PURE__ */ jsx(StyledRow, { label: "Failed", value: data.mcp.failed.toString(), valueColor: "red" }),
       /* @__PURE__ */ jsx(StyledRow, { label: "Available Tools", value: data.mcp.toolCount.toString() })
     ] }),
     data.tokenUsage && /* @__PURE__ */ jsxs(StyledSection, { title: "Token Usage (This Session)", children: [
@@ -64,7 +72,7 @@ function StatsBox({ data }) {
         {
           label: "Cache Read",
           value: formatTokenCount(data.tokenUsage.cacheReadTokens),
-          valueColor: "cyan"
+          valueColor: tone("teal")
         }
       ),
       data.tokenUsage.cacheWriteTokens > 0 && /* @__PURE__ */ jsx(
@@ -80,7 +88,7 @@ function StatsBox({ data }) {
         {
           label: "Total",
           value: formatTokenCount(data.tokenUsage.totalTokens),
-          valueColor: "blue"
+          valueColor: tone("fg")
         }
       ),
       data.estimatedCost !== void 0 && /* @__PURE__ */ jsx(
@@ -88,7 +96,7 @@ function StatsBox({ data }) {
         {
           label: "Est. Cost",
           value: formatCost(data.estimatedCost),
-          valueColor: "green"
+          valueColor: tone("add")
         }
       )
     ] })

package/dist/components/chat/styled-boxes/StyledBox.cjs

@@ -27,14 +27,15 @@ module.exports = __toCommonJS(StyledBox_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
 var import_useTerminalSize = require("../../../hooks/useTerminalSize.js");
-function StyledBox({ title, titleColor = "cyan", children }) {
+var import_signal = require("../../../signal/index.js");
+function StyledBox({ title, titleColor = (0, import_signal.tone)("teal"), children }) {
   const { columns } = (0, import_useTerminalSize.useTerminalSize)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginBottom: 1, width: columns, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_ink.Box,
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "gray",
+      borderColor: (0, import_signal.tone)("dim"),
       paddingX: 1,
       paddingY: 0,
       children: [
@@ -53,9 +54,9 @@ function StyledSection({ title, icon, children }) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginLeft: 2, children })
   ] });
 }
-function StyledRow({ label, value, valueColor = "cyan" }) {
+function StyledRow({ label, value, valueColor = (0, import_signal.tone)("teal") }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-    /* @__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: [
       label,
       ": "
     ] }),
@@ -65,11 +66,11 @@ function StyledRow({ label, value, valueColor = "cyan" }) {
 function StyledListItem({ icon, text, isActive, dimmed }) {
   const textProps = {};
   if (isActive) {
-    textProps.color = "green";
+    textProps.color = (0, import_signal.tone)("add");
     textProps.bold = true;
   }
   if (dimmed) {
-    textProps.color = "gray";
+    textProps.color = (0, import_signal.tone)("dim");
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
     icon && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { ...textProps, children: [

package/dist/components/chat/styled-boxes/StyledBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/StyledBox.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,UAAmB,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAwBjF;AAED,UAAU,kBAAkB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAY1E;AAED,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAmB,EAAE,EAAE,cAAc,2CAO9E;AAED,UAAU,mBAAmB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CAiBnF"}
+{"version":3,"file":"StyledBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/StyledBox.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,UAAyB,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAwBvF;AAED,UAAU,kBAAkB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAY1E;AAED,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAyB,EAAE,EAAE,cAAc,2CAOpF;AAED,UAAU,mBAAmB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CAiBnF"}

package/dist/components/chat/styled-boxes/StyledBox.js

@@ -1,14 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { useTerminalSize } from "../../../hooks/useTerminalSize.js";
-function StyledBox({ title, titleColor = "cyan", children }) {
+import { tone } from "../../../signal/index.js";
+function StyledBox({ title, titleColor = tone("teal"), children }) {
   const { columns } = useTerminalSize();
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, width: columns, children: /* @__PURE__ */ jsxs(
     Box,
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "gray",
+      borderColor: tone("dim"),
       paddingX: 1,
       paddingY: 0,
       children: [
@@ -27,9 +28,9 @@ function StyledSection({ title, icon, children }) {
     /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginLeft: 2, children })
   ] });
 }
-function StyledRow({ label, value, valueColor = "cyan" }) {
+function StyledRow({ label, value, valueColor = tone("teal") }) {
   return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       label,
       ": "
     ] }),
@@ -39,11 +40,11 @@ function StyledRow({ label, value, valueColor = "cyan" }) {
 function StyledListItem({ icon, text, isActive, dimmed }) {
   const textProps = {};
   if (isActive) {
-    textProps.color = "green";
+    textProps.color = tone("add");
     textProps.bold = true;
   }
   if (dimmed) {
-    textProps.color = "gray";
+    textProps.color = tone("dim");
   }
   return /* @__PURE__ */ jsxs(Box, { children: [
     icon && /* @__PURE__ */ jsxs(Text, { ...textProps, children: [

package/dist/components/chat/styled-boxes/SyspromptBox.cjs

@@ -24,8 +24,9 @@ module.exports = __toCommonJS(SyspromptBox_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
 var import_StyledBox = require("./StyledBox.js");
+var import_signal = require("../../../signal/index.js");
 function SyspromptBox({ data }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledBox, { title: "System Prompt", titleColor: "green", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: data.content }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledBox, { title: "System Prompt", titleColor: (0, import_signal.tone)("add"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: data.content }) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/chat/styled-boxes/SyspromptBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SyspromptBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/SyspromptBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,UAAU,iBAAiB;IACvB,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAQvD"}
+{"version":3,"file":"SyspromptBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/SyspromptBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAInE,UAAU,iBAAiB;IACvB,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAQvD"}

package/dist/components/chat/styled-boxes/SyspromptBox.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { StyledBox } from "./StyledBox.js";
+import { tone } from "../../../signal/index.js";
 function SyspromptBox({ data }) {
-  return /* @__PURE__ */ jsx(StyledBox, { title: "System Prompt", titleColor: "green", children: /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx(Text, { children: data.content }) }) });
+  return /* @__PURE__ */ jsx(StyledBox, { title: "System Prompt", titleColor: tone("add"), children: /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx(Text, { children: data.content }) }) });
 }
 export {
   SyspromptBox