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

package/dist/components/chat/SignalMessage.test.cjs

@@ -0,0 +1,112 @@
+"use strict";
+var import_react = require("react");
+var import_vitest = require("vitest");
+var import_harness = require("../../signal/harness.js");
+var import_SignalMessage = require("./SignalMessage.js");
+function message(overrides) {
+  return {
+    id: "m",
+    role: "tool",
+    content: "",
+    timestamp: /* @__PURE__ */ new Date(0),
+    ...overrides
+  };
+}
+const TEXT_ONLY = { columns: 72, terminal: "no-color" };
+(0, import_vitest.describe)("Signal transcript", () => {
+  (0, import_vitest.it)("puts the user and the agent in the margin, and wraps the agent inside it", () => {
+    const user = (0, import_react.createElement)(import_SignalMessage.SignalUserMessage, { content: "Fix the auth tests." });
+    (0, import_vitest.expect)((0, import_harness.renderFrame)(user, TEXT_ONLY)).toBe("\n YOU    Fix the auth tests.");
+    const prose = "word ".repeat(30).trim();
+    const agent = (0, import_react.createElement)(import_SignalMessage.SignalAgentMessage, {
+      message: message({ role: "assistant", content: prose }),
+      showReasoning: true
+    });
+    const lines = (0, import_harness.renderFrame)(agent, TEXT_ONLY).split("\n").slice(1);
+    (0, import_vitest.expect)(lines[0]?.startsWith(" AGENT  word")).toBe(true);
+    (0, import_vitest.expect)(lines.length).toBe(3);
+    for (const line of lines.slice(1)) (0, import_vitest.expect)(line.startsWith("        word")).toBe(true);
+  });
+  (0, import_vitest.it)("keeps the margin but drops the label on a continuation", () => {
+    const agent = (0, import_react.createElement)(import_SignalMessage.SignalAgentMessage, {
+      message: message({ role: "assistant", content: "more", isContinuation: true }),
+      showReasoning: true
+    });
+    (0, import_vitest.expect)((0, import_harness.renderFrame)(agent, TEXT_ONLY)).toBe("        more");
+  });
+  (0, import_vitest.it)("draws a tool call as one row, and a failure with its reason", () => {
+    const ok = (0, import_react.createElement)(import_SignalMessage.SignalToolMessage, {
+      message: message({
+        content: "Bash(make lint)",
+        toolName: "bash_exec",
+        toolArgs: "make lint",
+        toolStatus: "finished",
+        toolDisplayData: {
+          type: "shell",
+          command: "make lint",
+          exitCode: 0,
+          duration: 4200
+        }
+      })
+    });
+    const okFrame = (0, import_harness.renderFrame)(ok, TEXT_ONLY);
+    (0, import_vitest.expect)(okFrame.split("\n")).toHaveLength(1);
+    (0, import_vitest.expect)(okFrame).toMatch(/^ {8}▪ RUN {5}make lint +4\.2s$/);
+    const failed = (0, import_react.createElement)(import_SignalMessage.SignalToolMessage, {
+      message: message({
+        content: "Read(a.ts)",
+        toolName: "read_file",
+        toolArgs: "a.ts",
+        toolStatus: "finished",
+        isError: true,
+        toolResult: "ENOENT: a.ts"
+      })
+    });
+    const lines = (0, import_harness.renderFrame)(failed, TEXT_ONLY).split("\n");
+    (0, import_vitest.expect)(lines[0]).toMatch(/READ {4}a\.ts +FAIL$/);
+    (0, import_vitest.expect)(lines[1]).toBe("        \u250A ENOENT: a.ts");
+  });
+  (0, import_vitest.it)("keeps a diff inside the terminal, under the margin", () => {
+    const row = (0, import_react.createElement)(import_SignalMessage.SignalToolMessage, {
+      message: message({
+        content: "Edit(a.ts)",
+        toolName: "edit_file",
+        toolArgs: "a.ts",
+        toolStatus: "finished",
+        toolDisplayData: {
+          type: "diff",
+          unified: `@@ -1 +1 @@
++${"x ".repeat(200)}`,
+          filename: "a.ts",
+          additions: 1,
+          deletions: 0
+        }
+      })
+    });
+    const lines = (0, import_harness.renderFrame)(row, { columns: 80, terminal: "no-color" }).split("\n");
+    (0, import_vitest.expect)(lines.join("").match(/x/g)).toHaveLength(200);
+    for (const line of lines) (0, import_vitest.expect)(line.trimEnd().length).toBeLessThanOrEqual(80);
+  });
+  (0, import_vitest.it)("draws an error as a fault block with what to try next", () => {
+    const fault = (0, import_react.createElement)(import_SignalMessage.SignalNote, {
+      message: message({
+        role: "system",
+        systemKind: "fault",
+        content: "Error: Rate limited\n\n\u{1F4A1} Switch model"
+      })
+    });
+    const lines = (0, import_harness.renderFrame)(fault, TEXT_ONLY).split("\n").slice(1);
+    (0, import_vitest.expect)(lines[0]).toBe("      \u258C FAULT Rate limited");
+    (0, import_vitest.expect)(lines[1]).toBe("      \u258C next Switch model");
+  });
+  (0, import_vitest.it)("marks where the user stopped the run, and keeps other notes quiet", () => {
+    const stopped = (0, import_react.createElement)(import_SignalMessage.SignalNote, {
+      message: message({ role: "system", systemKind: "stopped", content: "x" })
+    });
+    (0, import_vitest.expect)((0, import_harness.renderFrame)(stopped, TEXT_ONLY)).toMatch(/■ STOPPED by you at .* type what to do/);
+    const note = (0, import_react.createElement)(import_SignalMessage.SignalNote, {
+      message: message({ role: "system", content: "Model switched" })
+    });
+    (0, import_vitest.expect)((0, import_harness.renderFrame)(note, TEXT_ONLY)).toBe("        \xB7 Model switched");
+  });
+});

package/dist/components/chat/SignalMessage.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SignalMessage.test.d.ts.map

package/dist/components/chat/SignalMessage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignalMessage.test.d.ts","sourceRoot":"","sources":["../../../src/components/chat/SignalMessage.test.ts"],"names":[],"mappings":""}

package/dist/components/chat/SignalMessage.test.js

@@ -0,0 +1,116 @@
+import { createElement } from "react";
+import { describe, expect, it } from "vitest";
+import { renderFrame } from "../../signal/harness.js";
+import {
+  SignalAgentMessage,
+  SignalNote,
+  SignalToolMessage,
+  SignalUserMessage
+} from "./SignalMessage.js";
+function message(overrides) {
+  return {
+    id: "m",
+    role: "tool",
+    content: "",
+    timestamp: /* @__PURE__ */ new Date(0),
+    ...overrides
+  };
+}
+const TEXT_ONLY = { columns: 72, terminal: "no-color" };
+describe("Signal transcript", () => {
+  it("puts the user and the agent in the margin, and wraps the agent inside it", () => {
+    const user = createElement(SignalUserMessage, { content: "Fix the auth tests." });
+    expect(renderFrame(user, TEXT_ONLY)).toBe("\n YOU    Fix the auth tests.");
+    const prose = "word ".repeat(30).trim();
+    const agent = createElement(SignalAgentMessage, {
+      message: message({ role: "assistant", content: prose }),
+      showReasoning: true
+    });
+    const lines = renderFrame(agent, TEXT_ONLY).split("\n").slice(1);
+    expect(lines[0]?.startsWith(" AGENT  word")).toBe(true);
+    expect(lines.length).toBe(3);
+    for (const line of lines.slice(1)) expect(line.startsWith("        word")).toBe(true);
+  });
+  it("keeps the margin but drops the label on a continuation", () => {
+    const agent = createElement(SignalAgentMessage, {
+      message: message({ role: "assistant", content: "more", isContinuation: true }),
+      showReasoning: true
+    });
+    expect(renderFrame(agent, TEXT_ONLY)).toBe("        more");
+  });
+  it("draws a tool call as one row, and a failure with its reason", () => {
+    const ok = createElement(SignalToolMessage, {
+      message: message({
+        content: "Bash(make lint)",
+        toolName: "bash_exec",
+        toolArgs: "make lint",
+        toolStatus: "finished",
+        toolDisplayData: {
+          type: "shell",
+          command: "make lint",
+          exitCode: 0,
+          duration: 4200
+        }
+      })
+    });
+    const okFrame = renderFrame(ok, TEXT_ONLY);
+    expect(okFrame.split("\n")).toHaveLength(1);
+    expect(okFrame).toMatch(/^ {8}▪ RUN {5}make lint +4\.2s$/);
+    const failed = createElement(SignalToolMessage, {
+      message: message({
+        content: "Read(a.ts)",
+        toolName: "read_file",
+        toolArgs: "a.ts",
+        toolStatus: "finished",
+        isError: true,
+        toolResult: "ENOENT: a.ts"
+      })
+    });
+    const lines = renderFrame(failed, TEXT_ONLY).split("\n");
+    expect(lines[0]).toMatch(/READ {4}a\.ts +FAIL$/);
+    expect(lines[1]).toBe("        \u250A ENOENT: a.ts");
+  });
+  it("keeps a diff inside the terminal, under the margin", () => {
+    const row = createElement(SignalToolMessage, {
+      message: message({
+        content: "Edit(a.ts)",
+        toolName: "edit_file",
+        toolArgs: "a.ts",
+        toolStatus: "finished",
+        toolDisplayData: {
+          type: "diff",
+          unified: `@@ -1 +1 @@
++${"x ".repeat(200)}`,
+          filename: "a.ts",
+          additions: 1,
+          deletions: 0
+        }
+      })
+    });
+    const lines = renderFrame(row, { columns: 80, terminal: "no-color" }).split("\n");
+    expect(lines.join("").match(/x/g)).toHaveLength(200);
+    for (const line of lines) expect(line.trimEnd().length).toBeLessThanOrEqual(80);
+  });
+  it("draws an error as a fault block with what to try next", () => {
+    const fault = createElement(SignalNote, {
+      message: message({
+        role: "system",
+        systemKind: "fault",
+        content: "Error: Rate limited\n\n\u{1F4A1} Switch model"
+      })
+    });
+    const lines = renderFrame(fault, TEXT_ONLY).split("\n").slice(1);
+    expect(lines[0]).toBe("      \u258C FAULT Rate limited");
+    expect(lines[1]).toBe("      \u258C next Switch model");
+  });
+  it("marks where the user stopped the run, and keeps other notes quiet", () => {
+    const stopped = createElement(SignalNote, {
+      message: message({ role: "system", systemKind: "stopped", content: "x" })
+    });
+    expect(renderFrame(stopped, TEXT_ONLY)).toMatch(/■ STOPPED by you at .* type what to do/);
+    const note = createElement(SignalNote, {
+      message: message({ role: "system", content: "Model switched" })
+    });
+    expect(renderFrame(note, TEXT_ONLY)).toBe("        \xB7 Model switched");
+  });
+});

package/dist/components/chat/ToolIcon.cjs

@@ -25,31 +25,32 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
 var import_useAnimationTick = require("../../hooks/useAnimationTick.js");
 var import_spinnerFrames = require("../../constants/spinnerFrames.js");
+var import_signal = require("../../signal/index.js");
 function ToolIcon({ status, isError }) {
   const tick = (0, import_useAnimationTick.useAnimationTick)({ enabled: status === "running", intervalMs: 80 });
   const frame = tick % import_spinnerFrames.BRAILLE_SPINNER_FRAMES.length;
   if (status === "pending") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "\u25CF " });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "\u25CF " });
   }
   if (status === "pending_approval") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "yellowBright", bold: true, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("amber"), bold: true, children: [
       "\u25CF",
       " "
     ] });
   }
   if (status === "finished") {
     if (isError) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "red", bold: true, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("red"), bold: true, children: [
         "\u25CF",
         " "
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", bold: true, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("add"), bold: true, children: [
       "\u25CF",
       " "
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", bold: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("add"), bold: true, children: [
     import_spinnerFrames.BRAILLE_SPINNER_FRAMES[frame],
     " "
   ] });

package/dist/components/chat/ToolIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolIcon.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ToolIcon.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,UAAU,aAAa;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,aAAa,2CAyC1D"}
+{"version":3,"file":"ToolIcon.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ToolIcon.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAKvD,UAAU,aAAa;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,aAAa,2CAyC1D"}

package/dist/components/chat/ToolIcon.js

@@ -2,31 +2,32 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Text } from "ink";
 import { useAnimationTick } from "../../hooks/useAnimationTick.js";
 import { BRAILLE_SPINNER_FRAMES } from "../../constants/spinnerFrames.js";
+import { tone } from "../../signal/index.js";
 function ToolIcon({ status, isError }) {
   const tick = useAnimationTick({ enabled: status === "running", intervalMs: 80 });
   const frame = tick % BRAILLE_SPINNER_FRAMES.length;
   if (status === "pending") {
-    return /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u25CF " });
+    return /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "\u25CF " });
   }
   if (status === "pending_approval") {
-    return /* @__PURE__ */ jsxs(Text, { color: "yellowBright", bold: true, children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("amber"), bold: true, children: [
       "\u25CF",
       " "
     ] });
   }
   if (status === "finished") {
     if (isError) {
-      return /* @__PURE__ */ jsxs(Text, { color: "red", bold: true, children: [
+      return /* @__PURE__ */ jsxs(Text, { color: tone("red"), bold: true, children: [
         "\u25CF",
         " "
       ] });
     }
-    return /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("add"), bold: true, children: [
       "\u25CF",
       " "
     ] });
   }
-  return /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
+  return /* @__PURE__ */ jsxs(Text, { color: tone("add"), bold: true, children: [
     BRAILLE_SPINNER_FRAMES[frame],
     " "
   ] });

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

@@ -24,11 +24,12 @@ module.exports = __toCommonJS(ConfigBox_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 ConfigBox({ data }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "Runtime Configuration", titleColor: "cyan", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "Runtime Configuration", titleColor: (0, import_signal.tone)("teal"), children: [
     data.configFilePath && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Agent config: " }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "blue", children: data.configFilePath })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Agent config: " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("fg"), children: data.configFilePath })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledSection, { title: "LLM", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Provider", value: data.provider }),
@@ -41,13 +42,13 @@ function ConfigBox({ data }) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Max Sessions", value: data.maxSessions }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Session TTL", value: data.sessionTTL })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "MCP Servers", children: data.mcpServers.length > 0 ? data.mcpServers.map((server) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: server }) }, server)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "No MCP servers configured" }) }),
-    data.promptsCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "Prompts", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "MCP Servers", children: data.mcpServers.length > 0 ? data.mcpServers.map((server) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: server }) }, server)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "No MCP servers configured" }) }),
+    data.promptsCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "Prompts", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       data.promptsCount,
       " prompt(s) configured"
     ] }) }),
-    data.hooksEnabled.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "Hooks", children: data.hooksEnabled.map((hook) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", children: hook }) }, hook)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", italic: true, children: "Note: Some fields (logs, database paths) are auto-populated by the CLI." }) })
+    data.hooksEnabled.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "Hooks", children: data.hooksEnabled.map((hook) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("add"), children: hook }) }, hook)) }),
+    /* @__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"), italic: true, children: "Note: Some fields (logs, database paths) are auto-populated by the CLI." }) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/ConfigBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,UAAU,cAAc;IACpB,IAAI,EAAE,gBAAgB,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,cAAc,2CAmEjD"}
+{"version":3,"file":"ConfigBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/ConfigBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAIhE,UAAU,cAAc;IACpB,IAAI,EAAE,gBAAgB,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,cAAc,2CAmEjD"}

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

@@ -1,11 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { StyledBox, StyledSection, StyledRow } from "./StyledBox.js";
+import { tone } from "../../../signal/index.js";
 function ConfigBox({ data }) {
-  return /* @__PURE__ */ jsxs(StyledBox, { title: "Runtime Configuration", titleColor: "cyan", children: [
+  return /* @__PURE__ */ jsxs(StyledBox, { title: "Runtime Configuration", titleColor: tone("teal"), children: [
     data.configFilePath && /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Agent config: " }),
-      /* @__PURE__ */ jsx(Text, { color: "blue", children: data.configFilePath })
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Agent config: " }),
+      /* @__PURE__ */ jsx(Text, { color: tone("fg"), children: data.configFilePath })
     ] }),
     /* @__PURE__ */ jsxs(StyledSection, { title: "LLM", children: [
       /* @__PURE__ */ jsx(StyledRow, { label: "Provider", value: data.provider }),
@@ -18,13 +19,13 @@ function ConfigBox({ data }) {
       /* @__PURE__ */ jsx(StyledRow, { label: "Max Sessions", value: data.maxSessions }),
       /* @__PURE__ */ jsx(StyledRow, { label: "Session TTL", value: data.sessionTTL })
     ] }),
-    /* @__PURE__ */ jsx(StyledSection, { title: "MCP Servers", children: data.mcpServers.length > 0 ? data.mcpServers.map((server) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: server }) }, server)) : /* @__PURE__ */ jsx(Text, { color: "gray", children: "No MCP servers configured" }) }),
-    data.promptsCount > 0 && /* @__PURE__ */ jsx(StyledSection, { title: "Prompts", children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    /* @__PURE__ */ jsx(StyledSection, { title: "MCP Servers", children: data.mcpServers.length > 0 ? data.mcpServers.map((server) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: server }) }, server)) : /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "No MCP servers configured" }) }),
+    data.promptsCount > 0 && /* @__PURE__ */ jsx(StyledSection, { title: "Prompts", children: /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       data.promptsCount,
       " prompt(s) configured"
     ] }) }),
-    data.hooksEnabled.length > 0 && /* @__PURE__ */ jsx(StyledSection, { title: "Hooks", children: data.hooksEnabled.map((hook) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "green", children: hook }) }, hook)) }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", italic: true, children: "Note: Some fields (logs, database paths) are auto-populated by the CLI." }) })
+    data.hooksEnabled.length > 0 && /* @__PURE__ */ jsx(StyledSection, { title: "Hooks", children: data.hooksEnabled.map((hook) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: tone("add"), children: hook }) }, hook)) }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), italic: true, children: "Note: Some fields (logs, database paths) are auto-populated by the CLI." }) })
   ] });
 }
 export {

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

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(HelpBox_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 HelpBox({ data }) {
   const categories = data.commands.reduce(
     (acc, cmd) => {
@@ -37,13 +38,13 @@ function HelpBox({ data }) {
     {}
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledBox, { title: "Available Commands", children: Object.entries(categories).map(([category, commands]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: "gray", children: category }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: (0, import_signal.tone)("dim"), children: category }),
     commands.map((cmd) => /* @__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.jsxs)(import_ink.Text, { color: "cyan", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 16, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: [
         "/",
         cmd.name
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: cmd.description })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: cmd.description })
     ] }, cmd.name))
   ] }, category)) });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"HelpBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/HelpBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,UAAU,YAAY;IAClB,IAAI,EAAE,cAAc,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,YAAY,2CAiC7C"}
+{"version":3,"file":"HelpBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/HelpBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI9D,UAAU,YAAY;IAClB,IAAI,EAAE,cAAc,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,YAAY,2CAiC7C"}

package/dist/components/chat/styled-boxes/HelpBox.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 HelpBox({ data }) {
   const categories = data.commands.reduce(
     (acc, cmd) => {
@@ -14,13 +15,13 @@ function HelpBox({ data }) {
     {}
   );
   return /* @__PURE__ */ jsx(StyledBox, { title: "Available Commands", children: Object.entries(categories).map(([category, commands]) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, color: "gray", children: category }),
+    /* @__PURE__ */ jsx(Text, { bold: true, color: tone("dim"), children: category }),
     commands.map((cmd) => /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
-      /* @__PURE__ */ jsx(Box, { width: 16, children: /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+      /* @__PURE__ */ jsx(Box, { width: 16, children: /* @__PURE__ */ jsxs(Text, { color: tone("teal"), children: [
         "/",
         cmd.name
       ] }) }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: cmd.description })
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: cmd.description })
     ] }, cmd.name))
   ] }, category)) });
 }

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

@@ -24,14 +24,22 @@ module.exports = __toCommonJS(LogConfigBox_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 LogConfigBox({ data }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "Logging Configuration", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Current level", value: data.currentLevel, valueColor: "green" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Current level",
+          value: data.currentLevel,
+          valueColor: (0, import_signal.tone)("add")
+        }
+      ),
       data.logFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Log file", value: data.logFile }) : null
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Available levels (least to most verbose):" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Available levels (least to most verbose):" }),
       data.availableLevels.map((level) => {
         const isCurrent = level === data.currentLevel;
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -45,7 +53,7 @@ function LogConfigBox({ data }) {
         );
       })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Use /log <level> to change level" }) })
+    /* @__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: "Use /log <level> to change level" }) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"file":"LogConfigBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/LogConfigBox.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,2CA4BvD"}
+{"version":3,"file":"LogConfigBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/LogConfigBox.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,2CAgCvD"}

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"}