@dexto/tui 1.15.0-beta.0 → 1.15.0-beta.1

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

package/dist/components/modes/AlternateBufferCLI.cjs

@@ -34,12 +34,13 @@ var import_QueuedMessagesDisplay = require("../chat/QueuedMessagesDisplay.js");
 var import_StatusBar = require("../StatusBar.js");
 var import_HistorySearchBar = require("../HistorySearchBar.js");
 var import_Footer = require("../Footer.js");
+var import_DeckArea = require("../DeckArea.js");
 var import_TodoPanel = require("../TodoPanel.js");
-var import_BackgroundTasksPanel = require("../BackgroundTasksPanel.js");
 var import_VirtualizedList = require("../shared/VirtualizedList.js");
 var import_InputContainer = require("../../containers/InputContainer.js");
 var import_OverlayContainer = require("../../containers/OverlayContainer.js");
 var import_overlayPresentation = require("../../utils/overlayPresentation.js");
+var import_signal = require("../../signal/index.js");
 function AlternateBufferCLI({
   agent,
   initialSessionId,
@@ -94,6 +95,7 @@ function AlternateBufferCLI({
     initialBypassPermissions
   });
   const branchName = (0, import_useGitBranch.useGitBranch)();
+  const signal = (0, import_signal.useCaps)().palette === "signal";
   const getScrollState = (0, import_react.useCallback)(() => {
     const scrollState = listRef.current?.getScrollState();
     return scrollState ?? { scrollTop: 0, scrollHeight: 0, innerHeight: 0 };
@@ -229,6 +231,37 @@ function AlternateBufferCLI({
     return item.message.id;
   }, []);
   const hideChrome = (0, import_overlayPresentation.shouldHideStatusChrome)(ui.activeOverlay, approval);
+  const inputArea = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_InputContainer.InputContainer,
+    {
+      ref: inputContainerRef,
+      buffer,
+      input,
+      ui,
+      session,
+      initialPrompt,
+      isHydratingHistory,
+      approval,
+      steerMessages,
+      queuedMessages,
+      setInput,
+      setUi,
+      setSession,
+      setMessages,
+      setPendingMessages,
+      setDequeuedBuffer,
+      setSteerMessages,
+      setQueuedMessages,
+      setApproval,
+      setApprovalQueue,
+      setTodos,
+      agent,
+      inputService,
+      onKeyboardScroll: handleKeyboardScroll,
+      useStreaming,
+      configFilePath
+    }
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", height: terminalHeight, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { ref: listContainerRef, flexGrow: 1, flexShrink: 1, minHeight: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_VirtualizedList.VirtualizedList,
@@ -244,7 +277,7 @@ function AlternateBufferCLI({
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", flexShrink: 0, children: [
       !hideChrome && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        (!signal || ui.copyModeEnabled) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_StatusBar.StatusBar,
           {
             agent,
@@ -257,16 +290,7 @@ function AlternateBufferCLI({
             todoExpanded: ui.todoExpanded,
             hasTodos: todos.some((t) => t.status !== "completed"),
             planModeActive: ui.planModeActive,
-            autoApproveEdits: ui.autoApproveEdits,
-            backgroundTasksRunning: ui.backgroundTasksRunning
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_BackgroundTasksPanel.BackgroundTasksPanel,
-          {
-            tasks: ui.backgroundTasks,
-            isExpanded: ui.backgroundTasksExpanded,
-            isProcessing: ui.isProcessing
+            autoApproveEdits: ui.autoApproveEdits
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -277,7 +301,7 @@ function AlternateBufferCLI({
             isProcessing: ui.isProcessing
           }
         ),
-        selectionHintVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", children: "\u{1F4A1} Tip: Hold Option (\u2325) and click to select text, or press Ctrl+S to toggle copy mode" }) }),
+        selectionHintVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amber"), children: "\u{1F4A1} Tip: Hold Option (\u2325) and click to select text, or press Ctrl+S to toggle copy mode" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_QueuedMessagesDisplay.QueuedMessagesDisplay,
           {
@@ -295,37 +319,23 @@ function AlternateBufferCLI({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_InputContainer.InputContainer,
+      signal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_DeckArea.DeckArea,
         {
-          ref: inputContainerRef,
-          buffer,
-          input,
+          agent,
+          sessionId: session.id,
+          modelName: session.modelName,
           ui,
-          session,
-          initialPrompt,
-          isHydratingHistory,
           approval,
-          steerMessages,
-          queuedMessages,
-          setInput,
-          setUi,
-          setSession,
-          setMessages,
-          setPendingMessages,
-          setDequeuedBuffer,
-          setSteerMessages,
-          setQueuedMessages,
-          setApproval,
-          setApprovalQueue,
-          setTodos,
-          agent,
-          inputService,
-          onKeyboardScroll: handleKeyboardScroll,
-          useStreaming,
-          configFilePath
+          pendingMessages,
+          steerCount: steerMessages.length,
+          branch: branchName ?? null,
+          cwd: process.cwd(),
+          isShellMode: buffer.text.startsWith("!"),
+          chatgptRateLimitStatus: ui.chatgptRateLimitStatus,
+          children: inputArea
         }
-      ),
+      ) : inputArea,
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_OverlayContainer.OverlayContainer,
         {
@@ -348,10 +358,10 @@ function AlternateBufferCLI({
         }
       ),
       !hideChrome && ui.exitWarningShown && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { paddingX: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", bold: true, children: "\u26A0 Press Ctrl+C again to exit" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " (or press any key to cancel)" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amber"), bold: true, children: "\u26A0 Press Ctrl+C again to exit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: " (or press any key to cancel)" })
       ] }),
-      !hideChrome && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      !signal && !hideChrome && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_Footer.Footer,
         {
           agent,

package/dist/components/modes/AlternateBufferCLI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlternateBufferCLI.d.ts","sourceRoot":"","sources":["../../../src/components/modes/AlternateBufferCLI.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,KAAK,EAAW,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA+BjE,UAAU,uBAAuB;IAC7B,KAAK,EAAE,eAAe,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,cAAc,EACd,wBAAgC,EAChC,kBAAkB,EAClB,YAAmB,GACtB,EAAE,uBAAuB,2CAiYzB"}
+{"version":3,"file":"AlternateBufferCLI.d.ts","sourceRoot":"","sources":["../../../src/components/modes/AlternateBufferCLI.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,KAAK,EAAW,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAgCjE,UAAU,uBAAuB;IAC7B,KAAK,EAAE,eAAe,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,cAAc,EACd,wBAAgC,EAChC,kBAAkB,EAClB,YAAmB,GACtB,EAAE,uBAAuB,2CAoZzB"}