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

package/dist/components/renderers/DiffRenderer.cjs

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"), 1);
 var import_ink = require("ink");
 var import_messageFormatting = require("../../utils/messageFormatting.js");
 var import_diff_shared = require("./diff-shared.js");
+var import_signal = require("../../signal/index.js");
 function DiffRenderer({ data, maxLines = Infinity }) {
   const { unified, filename, additions, deletions } = data;
   const hunks = (0, import_diff_shared.parseUnifiedDiff)(unified);
@@ -55,13 +56,13 @@ function DiffRenderer({ data, maxLines = Infinity }) {
   let linesRendered = 0;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "  \u23BF " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "  \u23BF " }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: (0, import_messageFormatting.makeRelativePath)(filename) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("add"), children: [
         " +",
         additions
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "red", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("red"), children: [
         " -",
         deletions
       ] })
@@ -131,7 +132,7 @@ function DiffRenderer({ data, maxLines = Infinity }) {
           })
         ] }, hunkIndex);
       }),
-      shouldTruncate && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      shouldTruncate && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
         "... +",
         totalLines - maxLines,
         " lines"

package/dist/components/renderers/DiffRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DiffRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/DiffRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAWnD,UAAU,iBAAiB;IACvB,yCAAyC;IACzC,IAAI,EAAE,eAAe,CAAC;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAmB,EAAE,EAAE,iBAAiB,2CAkH5E"}
+{"version":3,"file":"DiffRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/DiffRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAYnD,UAAU,iBAAiB;IACvB,yCAAyC;IACzC,IAAI,EAAE,eAAe,CAAC;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAmB,EAAE,EAAE,iBAAiB,2CAoH5E"}

package/dist/components/renderers/DiffRenderer.js

@@ -10,6 +10,7 @@ import {
   DiffLine,
   HunkSeparator
 } from "./diff-shared.js";
+import { tone } from "../../signal/index.js";
 function DiffRenderer({ data, maxLines = Infinity }) {
   const { unified, filename, additions, deletions } = data;
   const hunks = parseUnifiedDiff(unified);
@@ -29,13 +30,13 @@ function DiffRenderer({ data, maxLines = Infinity }) {
   let linesRendered = 0;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "  \u23BF " }),
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "  \u23BF " }),
       /* @__PURE__ */ jsx(Text, { children: makeRelativePath(filename) }),
-      /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+      /* @__PURE__ */ jsxs(Text, { color: tone("add"), children: [
         " +",
         additions
       ] }),
-      /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+      /* @__PURE__ */ jsxs(Text, { color: tone("red"), children: [
         " -",
         deletions
       ] })
@@ -105,7 +106,7 @@ function DiffRenderer({ data, maxLines = Infinity }) {
           })
         ] }, hunkIndex);
       }),
-      shouldTruncate && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      shouldTruncate && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
         "... +",
         totalLines - maxLines,
         " lines"

package/dist/components/renderers/FilePreviewRenderer.cjs

@@ -37,6 +37,7 @@ var import_react = __toESM(require("react"), 1);
 var import_ink = require("ink");
 var import_messageFormatting = require("../../utils/messageFormatting.js");
 var import_diff_shared = require("./diff-shared.js");
+var import_signal = require("../../signal/index.js");
 function DiffPreview({ data, header }) {
   const { unified, filename } = data;
   const hunks = (0, import_diff_shared.parseUnifiedDiff)(unified);
@@ -50,8 +51,8 @@ function DiffPreview({ data, header }) {
   const allLinePairs = hunks.map((hunk) => (0, import_diff_shared.findLinePairs)(hunk.lines));
   const headerText = header ?? data.title ?? "Update file";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", bold: true, children: headerText }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), bold: true, children: headerText }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: (0, import_signal.tone)("dim"), paddingX: 1, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: (0, import_messageFormatting.makeRelativePath)(filename) }) }),
       hunks.map((hunk, hunkIndex) => {
         const linePairs = allLinePairs[hunkIndex];
@@ -113,24 +114,33 @@ function CreateFilePreview({ data, header }) {
   const headerText = header ?? data.title ?? "Create file";
   if (!content) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", bold: true, children: headerText }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: (0, import_messageFormatting.makeRelativePath)(path) }),
-        lineCount && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
-          lineCount,
-          " lines"
-        ] })
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), bold: true, children: headerText }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_ink.Box,
+        {
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: (0, import_signal.tone)("dim"),
+          paddingX: 1,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: (0, import_messageFormatting.makeRelativePath)(path) }),
+            lineCount && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
+              lineCount,
+              " lines"
+            ] })
+          ]
+        }
+      )
     ] });
   }
   const lines = content.split("\n");
   const lineNumWidth = (0, import_diff_shared.getLineNumWidth)(lines.length);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", bold: true, children: headerText }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), bold: true, children: headerText }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: (0, import_signal.tone)("dim"), paddingX: 1, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: (0, import_messageFormatting.makeRelativePath)(path) }) }),
       lines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: (0, import_diff_shared.formatLineNum)(index + 1, lineNumWidth) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: (0, import_diff_shared.formatLineNum)(index + 1, lineNumWidth) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
           "   ",
           line

package/dist/components/renderers/FilePreviewRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/FilePreviewRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAgBpE,UAAU,gBAAgB;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAiG7D;AAMD,UAAU,sBAAsB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CAqDzE"}
+{"version":3,"file":"FilePreviewRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/FilePreviewRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAiBpE,UAAU,gBAAgB;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAiG7D;AAMD,UAAU,sBAAsB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CA0DzE"}

package/dist/components/renderers/FilePreviewRenderer.js

@@ -11,6 +11,7 @@ import {
   DiffLine,
   HunkSeparator
 } from "./diff-shared.js";
+import { tone } from "../../signal/index.js";
 function DiffPreview({ data, header }) {
   const { unified, filename } = data;
   const hunks = parseUnifiedDiff(unified);
@@ -24,8 +25,8 @@ function DiffPreview({ data, header }) {
   const allLinePairs = hunks.map((hunk) => findLinePairs(hunk.lines));
   const headerText = header ?? data.title ?? "Update file";
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: headerText }) }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: tone("teal"), bold: true, children: headerText }) }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: tone("dim"), paddingX: 1, children: [
       /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { children: makeRelativePath(filename) }) }),
       hunks.map((hunk, hunkIndex) => {
         const linePairs = allLinePairs[hunkIndex];
@@ -87,24 +88,33 @@ function CreateFilePreview({ data, header }) {
   const headerText = header ?? data.title ?? "Create file";
   if (!content) {
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: headerText }) }),
-      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
-        /* @__PURE__ */ jsx(Text, { children: makeRelativePath(path) }),
-        lineCount && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-          lineCount,
-          " lines"
-        ] })
-      ] })
+      /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: tone("teal"), bold: true, children: headerText }) }),
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: tone("dim"),
+          paddingX: 1,
+          children: [
+            /* @__PURE__ */ jsx(Text, { children: makeRelativePath(path) }),
+            lineCount && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
+              lineCount,
+              " lines"
+            ] })
+          ]
+        }
+      )
     ] });
   }
   const lines = content.split("\n");
   const lineNumWidth = getLineNumWidth(lines.length);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: headerText }) }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: tone("teal"), bold: true, children: headerText }) }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: tone("dim"), paddingX: 1, children: [
       /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { children: makeRelativePath(path) }) }),
       lines.map((line, index) => /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: formatLineNum(index + 1, lineNumWidth) }),
+        /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: formatLineNum(index + 1, lineNumWidth) }),
         /* @__PURE__ */ jsxs(Text, { children: [
           "   ",
           line

package/dist/components/renderers/FileRenderer.cjs

@@ -25,12 +25,13 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
 var import_messageFormatting = require("../../utils/messageFormatting.js");
 var import_diff_shared = require("./diff-shared.js");
+var import_signal = require("../../signal/index.js");
 function FileRenderer({ data, maxLines = 20 }) {
   const { operation, lineCount, path, content } = data;
   const relativePath = (0, import_messageFormatting.makeRelativePath)(path);
   if (operation === "read") {
     const lineText = lineCount !== void 0 ? `${lineCount} lines` : "file";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "  \u23BF ",
       "Read ",
       lineText,
@@ -47,19 +48,19 @@ function FileRenderer({ data, maxLines = 20 }) {
       const lineNumWidth = (0, import_diff_shared.getLineNumWidth)(lines.length);
       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "  \u23BF " }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "  \u23BF " }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: relativePath }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", children: " (created)" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("add"), children: " (created)" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", paddingLeft: 2, children: [
           displayLines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: (0, import_diff_shared.formatLineNum)(index + 1, lineNumWidth) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: (0, import_diff_shared.formatLineNum)(index + 1, lineNumWidth) }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { wrap: "wrap", children: [
               "   ",
               line
             ] })
           ] }, index)),
-          truncatedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+          truncatedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
             "... +",
             truncatedCount,
             " lines"
@@ -68,7 +69,7 @@ function FileRenderer({ data, maxLines = 20 }) {
       ] });
     }
     const lineText = lineCount !== void 0 ? `${lineCount} lines` : "content";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "  \u23BF ",
       verb,
       " ",
@@ -78,13 +79,13 @@ function FileRenderer({ data, maxLines = 20 }) {
     ] });
   }
   if (operation === "delete") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "  \u23BF ",
       "Deleted ",
       relativePath
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
     "  \u23BF ",
     operation
   ] });

package/dist/components/renderers/FileRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/FileRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD,UAAU,iBAAiB;IACvB,yCAAyC;IACzC,IAAI,EAAE,eAAe,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAa,EAAE,EAAE,iBAAiB,2CA2EtE"}
+{"version":3,"file":"FileRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/FileRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAKnD,UAAU,iBAAiB;IACvB,yCAAyC;IACzC,IAAI,EAAE,eAAe,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAa,EAAE,EAAE,iBAAiB,2CA6EtE"}

package/dist/components/renderers/FileRenderer.js

@@ -2,12 +2,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { makeRelativePath } from "../../utils/messageFormatting.js";
 import { formatLineNum, getLineNumWidth } from "./diff-shared.js";
+import { tone } from "../../signal/index.js";
 function FileRenderer({ data, maxLines = 20 }) {
   const { operation, lineCount, path, content } = data;
   const relativePath = makeRelativePath(path);
   if (operation === "read") {
     const lineText = lineCount !== void 0 ? `${lineCount} lines` : "file";
-    return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  \u23BF ",
       "Read ",
       lineText,
@@ -24,19 +25,19 @@ function FileRenderer({ data, maxLines = 20 }) {
       const lineNumWidth = getLineNumWidth(lines.length);
       return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "  \u23BF " }),
+          /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "  \u23BF " }),
           /* @__PURE__ */ jsx(Text, { children: relativePath }),
-          /* @__PURE__ */ jsx(Text, { color: "green", children: " (created)" })
+          /* @__PURE__ */ jsx(Text, { color: tone("add"), children: " (created)" })
         ] }),
         /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [
           displayLines.map((line, index) => /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: formatLineNum(index + 1, lineNumWidth) }),
+            /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: formatLineNum(index + 1, lineNumWidth) }),
             /* @__PURE__ */ jsxs(Text, { wrap: "wrap", children: [
               "   ",
               line
             ] })
           ] }, index)),
-          truncatedCount > 0 && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          truncatedCount > 0 && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
             "... +",
             truncatedCount,
             " lines"
@@ -45,7 +46,7 @@ function FileRenderer({ data, maxLines = 20 }) {
       ] });
     }
     const lineText = lineCount !== void 0 ? `${lineCount} lines` : "content";
-    return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  \u23BF ",
       verb,
       " ",
@@ -55,13 +56,13 @@ function FileRenderer({ data, maxLines = 20 }) {
     ] });
   }
   if (operation === "delete") {
-    return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  \u23BF ",
       "Deleted ",
       relativePath
     ] });
   }
-  return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+  return /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
     "  \u23BF ",
     operation
   ] });

package/dist/components/renderers/GenericRenderer.cjs

@@ -23,6 +23,7 @@ __export(GenericRenderer_exports, {
 module.exports = __toCommonJS(GenericRenderer_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
+var import_signal = require("../../signal/index.js");
 function GenericRenderer({ content, maxLines = 15 }) {
   const text = content.filter((part) => part.type === "text").map((part) => part.text).join("\n");
   if (!text) {
@@ -33,23 +34,23 @@ function GenericRenderer({ content, maxLines = 15 }) {
   const truncated = lines.length > maxLines;
   if (lines.length === 1 && lines[0]) {
     const line = lines[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "  \u23BF ",
       line.slice(0, 80),
       line.length > 80 ? "..." : ""
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", 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: [
       "  \u23BF ",
       displayLines.length,
       " lines"
     ] }),
-    displayLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", wrap: "truncate", children: [
+    displayLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), wrap: "truncate", children: [
       "  \u23BF ",
       line
     ] }, i)),
-    truncated && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    truncated && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "  \u23BF ",
       "... ",
       lines.length - maxLines,

package/dist/components/renderers/GenericRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenericRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/GenericRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,UAAU,oBAAoB;IAC1B,6CAA6C;IAC7C,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAa,EAAE,EAAE,oBAAoB,kDA8C/E"}
+{"version":3,"file":"GenericRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/GenericRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,UAAU,oBAAoB;IAC1B,6CAA6C;IAC7C,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAa,EAAE,EAAE,oBAAoB,kDA8C/E"}

package/dist/components/renderers/GenericRenderer.js

@@ -1,5 +1,6 @@
 import { jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
+import { tone } from "../../signal/index.js";
 function GenericRenderer({ content, maxLines = 15 }) {
   const text = content.filter((part) => part.type === "text").map((part) => part.text).join("\n");
   if (!text) {
@@ -10,23 +11,23 @@ function GenericRenderer({ content, maxLines = 15 }) {
   const truncated = lines.length > maxLines;
   if (lines.length === 1 && lines[0]) {
     const line = lines[0];
-    return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    return /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  \u23BF ",
       line.slice(0, 80),
       line.length > 80 ? "..." : ""
     ] });
   }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  \u23BF ",
       displayLines.length,
       " lines"
     ] }),
-    displayLines.map((line, i) => /* @__PURE__ */ jsxs(Text, { color: "gray", wrap: "truncate", children: [
+    displayLines.map((line, i) => /* @__PURE__ */ jsxs(Text, { color: tone("dim"), wrap: "truncate", children: [
       "  \u23BF ",
       line
     ] }, i)),
-    truncated && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    truncated && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  \u23BF ",
       "... ",
       lines.length - maxLines,

package/dist/components/renderers/SearchRenderer.cjs

@@ -34,6 +34,7 @@ module.exports = __toCommonJS(SearchRenderer_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_path = __toESM(require("path"), 1);
 var import_ink = require("ink");
+var import_signal = require("../../signal/index.js");
 function toRelativePath(absolutePath) {
   const cwd = process.cwd();
   const relative = import_path.default.relative(cwd, absolutePath);
@@ -48,7 +49,7 @@ function SearchRenderer({ data, maxMatches = 5 }) {
   const displayMatches = matches.slice(0, maxMatches);
   const truncated = dataTruncated || matches.length > maxMatches;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", 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: [
       "  \u23BF ",
       totalMatches,
       " match",
@@ -58,12 +59,12 @@ function SearchRenderer({ data, maxMatches = 5 }) {
       '"',
       truncated && " (truncated)"
     ] }),
-    displayMatches.map((match, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", wrap: "truncate", children: [
+    displayMatches.map((match, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), wrap: "truncate", children: [
       "  \u23BF ",
       toRelativePath(match.file),
       match.line > 0 && `:${match.line}`
     ] }, i)),
-    matches.length > maxMatches && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    matches.length > maxMatches && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "  \u23BF ",
       "... ",
       matches.length - maxMatches,

package/dist/components/renderers/SearchRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/SearchRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAerD,UAAU,mBAAmB;IACzB,2CAA2C;IAC3C,IAAI,EAAE,iBAAiB,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,UAAc,EAAE,EAAE,mBAAmB,2CA8B3E"}
+{"version":3,"file":"SearchRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/SearchRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAgBrD,UAAU,mBAAmB;IACzB,2CAA2C;IAC3C,IAAI,EAAE,iBAAiB,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,UAAc,EAAE,EAAE,mBAAmB,2CA8B3E"}

package/dist/components/renderers/SearchRenderer.js

@@ -1,6 +1,7 @@
 import { jsxs } from "react/jsx-runtime";
 import path from "path";
 import { Box, Text } from "ink";
+import { tone } from "../../signal/index.js";
 function toRelativePath(absolutePath) {
   const cwd = process.cwd();
   const relative = path.relative(cwd, absolutePath);
@@ -15,7 +16,7 @@ function SearchRenderer({ data, maxMatches = 5 }) {
   const displayMatches = matches.slice(0, maxMatches);
   const truncated = dataTruncated || matches.length > maxMatches;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  \u23BF ",
       totalMatches,
       " match",
@@ -25,12 +26,12 @@ function SearchRenderer({ data, maxMatches = 5 }) {
       '"',
       truncated && " (truncated)"
     ] }),
-    displayMatches.map((match, i) => /* @__PURE__ */ jsxs(Text, { color: "gray", wrap: "truncate", children: [
+    displayMatches.map((match, i) => /* @__PURE__ */ jsxs(Text, { color: tone("dim"), wrap: "truncate", children: [
       "  \u23BF ",
       toRelativePath(match.file),
       match.line > 0 && `:${match.line}`
     ] }, i)),
-    matches.length > maxMatches && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    matches.length > maxMatches && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "  \u23BF ",
       "... ",
       matches.length - maxMatches,

package/dist/components/renderers/ShellRenderer.cjs

@@ -23,32 +23,33 @@ __export(ShellRenderer_exports, {
 module.exports = __toCommonJS(ShellRenderer_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ink = require("ink");
+var import_signal = require("../../signal/index.js");
 function ShellRenderer({ data, maxLines = 5 }) {
   const output = data.stdout && data.stdout.length > 0 ? data.stdout : data.stderr || "";
   const outputLines = output.split("\n").filter((line) => line.length > 0);
   const displayLines = outputLines.slice(0, maxLines);
   const truncatedCount = outputLines.length - displayLines.length;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
-    data.isBackground && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    data.isBackground && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "    ",
       "(background)"
     ] }),
-    outputLines.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    outputLines.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
       "    ",
       "(No output)"
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      displayLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", wrap: "truncate", children: [
+      displayLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), wrap: "truncate", children: [
         "    ",
         line
       ] }, i)),
-      truncatedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      truncatedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
         "    ",
         "+",
         truncatedCount,
         " lines"
       ] })
     ] }),
-    data.exitCode !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "red", children: [
+    data.exitCode !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("red"), children: [
       "    ",
       "exit code: ",
       data.exitCode

package/dist/components/renderers/ShellRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShellRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/ShellRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,UAAU,kBAAkB;IACxB,0CAA0C;IAC1C,IAAI,EAAE,gBAAgB,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAY,EAAE,EAAE,kBAAkB,2CAqCvE"}
+{"version":3,"file":"ShellRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/ShellRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,UAAU,kBAAkB;IACxB,0CAA0C;IAC1C,IAAI,EAAE,gBAAgB,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAY,EAAE,EAAE,kBAAkB,2CAqCvE"}

package/dist/components/renderers/ShellRenderer.js

@@ -1,31 +1,32 @@
 import { Fragment, jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
+import { tone } from "../../signal/index.js";
 function ShellRenderer({ data, maxLines = 5 }) {
   const output = data.stdout && data.stdout.length > 0 ? data.stdout : data.stderr || "";
   const outputLines = output.split("\n").filter((line) => line.length > 0);
   const displayLines = outputLines.slice(0, maxLines);
   const truncatedCount = outputLines.length - displayLines.length;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    data.isBackground && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    data.isBackground && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "    ",
       "(background)"
     ] }),
-    outputLines.length === 0 ? /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    outputLines.length === 0 ? /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       "    ",
       "(No output)"
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      displayLines.map((line, i) => /* @__PURE__ */ jsxs(Text, { color: "gray", wrap: "truncate", children: [
+      displayLines.map((line, i) => /* @__PURE__ */ jsxs(Text, { color: tone("dim"), wrap: "truncate", children: [
         "    ",
         line
       ] }, i)),
-      truncatedCount > 0 && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      truncatedCount > 0 && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
         "    ",
         "+",
         truncatedCount,
         " lines"
       ] })
     ] }),
-    data.exitCode !== 0 && /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+    data.exitCode !== 0 && /* @__PURE__ */ jsxs(Text, { color: tone("red"), children: [
       "    ",
       "exit code: ",
       data.exitCode