@dexto/tui 1.14.6 → 1.15.0-beta.1

package/dist/components/overlays/SearchOverlay.js

@@ -8,6 +8,7 @@ import {
   useCallback
 } from "react";
 import { Box, Text } from "ink";
+import { tone } from "../../signal/index.js";
 const MAX_VISIBLE_RESULTS = 6;
 const SEARCH_DEBOUNCE_MS = 300;
 const SearchOverlay = forwardRef(function SearchOverlay2({ isVisible, onClose, onSelectResult, agent }, ref) {
@@ -152,10 +153,10 @@ const SearchOverlay = forwardRef(function SearchOverlay2({ isVisible, onClose, o
     scrollOffset.current,
     scrollOffset.current + MAX_VISIBLE_RESULTS
   );
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: tone("teal"), paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Search Messages" }),
-      state.total > 0 && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: tone("teal"), children: "Search Messages" }),
+      state.total > 0 && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
         " ",
         "(",
         state.total,
@@ -165,17 +166,17 @@ const SearchOverlay = forwardRef(function SearchOverlay2({ isVisible, onClose, o
       ] })
     ] }),
     /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+      /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "> " }),
       /* @__PURE__ */ jsx(Text, { children: state.query }),
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+      /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "_" })
     ] }),
-    state.isLoading && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "Searching..." }) }),
-    state.error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: state.error }) }),
+    state.isLoading && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("amber"), children: "Searching..." }) }),
+    state.error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("red"), children: state.error }) }),
     !state.isLoading && state.results.length > 0 && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
       visibleResults.map((result, idx) => {
         const actualIndex = scrollOffset.current + idx;
         const isSelected = actualIndex === state.selectedIndex;
-        const roleColor = result.message.role === "user" ? "blue" : result.message.role === "assistant" ? "green" : "yellowBright";
+        const roleColor = result.message.role === "user" ? tone("fg") : result.message.role === "assistant" ? tone("add") : tone("amber");
         return /* @__PURE__ */ jsxs(
           Box,
           {
@@ -183,8 +184,8 @@ const SearchOverlay = forwardRef(function SearchOverlay2({ isVisible, onClose, o
             paddingLeft: isSelected ? 0 : 2,
             children: [
               /* @__PURE__ */ jsxs(Box, { children: [
-                isSelected && /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "> " }),
-                /* @__PURE__ */ jsx(Text, { color: "gray", children: result.sessionId.slice(0, 8) }),
+                isSelected && /* @__PURE__ */ jsx(Text, { color: tone("teal"), bold: true, children: "> " }),
+                /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: result.sessionId.slice(0, 8) }),
                 /* @__PURE__ */ jsx(Text, { children: " " }),
                 /* @__PURE__ */ jsxs(Text, { color: roleColor, bold: isSelected, children: [
                   "[",
@@ -192,7 +193,7 @@ const SearchOverlay = forwardRef(function SearchOverlay2({ isVisible, onClose, o
                   "]"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx(Box, { paddingLeft: isSelected ? 2 : 0, children: /* @__PURE__ */ jsxs(Text, { color: isSelected ? "white" : "gray", children: [
+              /* @__PURE__ */ jsx(Box, { paddingLeft: isSelected ? 2 : 0, children: /* @__PURE__ */ jsxs(Text, { color: isSelected ? tone("hi") : tone("dim"), children: [
                 "  ",
                 truncateContext(result.context, 60)
               ] }) })
@@ -201,7 +202,7 @@ const SearchOverlay = forwardRef(function SearchOverlay2({ isVisible, onClose, o
           `${result.sessionId}-${result.messageIndex}`
         );
       }),
-      state.results.length > MAX_VISIBLE_RESULTS && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      state.results.length > MAX_VISIBLE_RESULTS && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
         "Showing ",
         scrollOffset.current + 1,
         "-",
@@ -215,12 +216,12 @@ const SearchOverlay = forwardRef(function SearchOverlay2({ isVisible, onClose, o
         state.hasMore ? "+" : ""
       ] }) })
     ] }),
-    !state.isLoading && state.query && state.results.length === 0 && !state.error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    !state.isLoading && state.query && state.results.length === 0 && !state.error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
       'No results found for "',
       state.query,
       '"'
     ] }) }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc close" }) })
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc close" }) })
   ] });
 });
 function truncateContext(context, maxLength) {

package/dist/components/overlays/SessionRenameOverlay.cjs

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(SessionRenameOverlay_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ink = require("ink");
+var import_signal = require("../../signal/index.js");
 const SessionRenameOverlay = (0, import_react.forwardRef)(
   function SessionRenameOverlay2({ isVisible, currentTitle, onRename, onClose }, ref) {
     const [title, setTitle] = (0, import_react.useState)(currentTitle || "");
@@ -76,23 +77,23 @@ const SessionRenameOverlay = (0, import_react.forwardRef)(
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "cyan",
+        borderColor: (0, import_signal.tone)("teal"),
         paddingX: 1,
         marginTop: 1,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: "cyan", children: "Rename Session" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: (0, import_signal.tone)("teal"), children: "Rename Session" }) }),
           currentTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginBottom: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Current: " }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "white", children: currentTitle })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Current: " }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("hi"), children: currentTitle })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, children: "Enter new title:" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: "> " }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: "> " }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: "_" })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("teal"), children: "_" })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "red", children: error }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Enter to save \u2022 Esc to cancel" }) })
+          error && /* @__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)("red"), children: error }) }),
+          /* @__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: "Enter to save \u2022 Esc to cancel" }) })
         ]
       }
     );

package/dist/components/overlays/SessionRenameOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionRenameOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SessionRenameOverlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAE/D,MAAM,WAAW,yBAAyB;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,QAAA,MAAM,oBAAoB,8GAkHzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"SessionRenameOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SessionRenameOverlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,WAAW,yBAAyB;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,QAAA,MAAM,oBAAoB,8GAkHzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/overlays/SessionRenameOverlay.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, forwardRef, useImperativeHandle, useCallback } from "react";
 import { Box, Text } from "ink";
+import { tone } from "../../signal/index.js";
 const SessionRenameOverlay = forwardRef(
   function SessionRenameOverlay2({ isVisible, currentTitle, onRename, onClose }, ref) {
     const [title, setTitle] = useState(currentTitle || "");
@@ -53,23 +54,23 @@ const SessionRenameOverlay = forwardRef(
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "cyan",
+        borderColor: tone("teal"),
         paddingX: 1,
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Rename Session" }) }),
+          /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("teal"), children: "Rename Session" }) }),
           currentTitle && /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: "Current: " }),
-            /* @__PURE__ */ jsx(Text, { color: "white", children: currentTitle })
+            /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Current: " }),
+            /* @__PURE__ */ jsx(Text, { color: tone("hi"), children: currentTitle })
           ] }),
           /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(Text, { bold: true, children: "Enter new title:" }) }),
           /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+            /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "> " }),
             /* @__PURE__ */ jsx(Text, { children: title }),
-            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+            /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "_" })
           ] }),
-          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) }),
-          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Enter to save \u2022 Esc to cancel" }) })
+          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("red"), children: error }) }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Enter to save \u2022 Esc to cancel" }) })
         ]
       }
     );

package/dist/components/overlays/SessionSelectorRefactored.cjs

@@ -26,6 +26,7 @@ var import_react = require("react");
 var import_ink = require("ink");
 var import_core = require("@dexto/core");
 var import_BaseSelector = require("../base/BaseSelector.js");
+var import_signal = require("../../signal/index.js");
 const SessionSelector = (0, import_react.forwardRef)(
   function SessionSelector2({ isVisible, onSelectSession, onClose, agent, currentSessionId }, ref) {
     const baseSelectorRef = (0, import_react.useRef)(null);
@@ -124,8 +125,8 @@ const SessionSelector = (0, import_react.forwardRef)(
       return parts.join(" \u2022 ");
     };
     const formatItem = (session, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: formatSession(session) }),
-      session.isCurrent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), bold: isSelected, children: formatSession(session) }),
+      session.isCurrent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), bold: isSelected, children: [
         " ",
         "\u2190 Current"
       ] })
@@ -146,7 +147,7 @@ const SessionSelector = (0, import_react.forwardRef)(
         onClose,
         formatItem,
         title: "Select Session",
-        borderColor: "cyan",
+        borderColor: (0, import_signal.tone)("teal"),
         loadingMessage: "Loading sessions...",
         emptyMessage: "No sessions found"
       }

package/dist/components/overlays/SessionSelectorRefactored.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionSelectorRefactored.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SessionSelectorRefactored.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,eAAe,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAQD;;;;GAIG;AACH,QAAA,MAAM,eAAe,oGAmKpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SessionSelectorRefactored.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SessionSelectorRefactored.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,eAAe,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAQD;;;;GAIG;AACH,QAAA,MAAM,eAAe,oGAmKpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/overlays/SessionSelectorRefactored.js

@@ -3,6 +3,7 @@ import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "re
 import { Text } from "ink";
 import { logger } from "@dexto/core";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 const SessionSelector = forwardRef(
   function SessionSelector2({ isVisible, onSelectSession, onClose, agent, currentSessionId }, ref) {
     const baseSelectorRef = useRef(null);
@@ -101,8 +102,8 @@ const SessionSelector = forwardRef(
       return parts.join(" \u2022 ");
     };
     const formatItem = (session, isSelected) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: formatSession(session) }),
-      session.isCurrent && /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: [
+      /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("dim"), bold: isSelected, children: formatSession(session) }),
+      session.isCurrent && /* @__PURE__ */ jsxs(Text, { color: isSelected ? tone("teal") : tone("dim"), bold: isSelected, children: [
         " ",
         "\u2190 Current"
       ] })
@@ -123,7 +124,7 @@ const SessionSelector = forwardRef(
         onClose,
         formatItem,
         title: "Select Session",
-        borderColor: "cyan",
+        borderColor: tone("teal"),
         loadingMessage: "Loading sessions...",
         emptyMessage: "No sessions found"
       }

package/dist/components/overlays/SessionSubcommandSelector.cjs

@@ -25,6 +25,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ink = require("ink");
 var import_BaseSelector = require("../base/BaseSelector.js");
+var import_signal = require("../../signal/index.js");
 const SESSION_OPTIONS = [
   { action: "list", label: "list", description: "List all sessions", icon: "\u{1F4CB}" },
   { action: "switch", label: "switch", description: "Switch to another session", icon: "\u{1F504}" },
@@ -54,8 +55,8 @@ const SessionSubcommandSelector = (0, import_react.forwardRef)(function SessionS
       option.icon,
       " "
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: option.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "white" : "gray", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), bold: isSelected, children: option.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("hi") : (0, import_signal.tone)("dim"), children: [
       " - ",
       option.description
     ] })
@@ -76,7 +77,7 @@ const SessionSubcommandSelector = (0, import_react.forwardRef)(function SessionS
       onClose,
       formatItem,
       title: "Session Management",
-      borderColor: "blue",
+      borderColor: (0, import_signal.tone)("fg"),
       emptyMessage: "No options available"
     }
   );

package/dist/components/overlays/SessionSubcommandSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionSubcommandSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SessionSubcommandSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,UAAU,8BAA8B;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,+BAA+B;IAC5C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAgBD;;GAEG;AACH,QAAA,MAAM,yBAAyB,wHA2D7B,CAAC;AAEH,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"SessionSubcommandSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SessionSubcommandSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErE,UAAU,8BAA8B;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,+BAA+B;IAC5C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAgBD;;GAEG;AACH,QAAA,MAAM,yBAAyB,wHA2D7B,CAAC;AAEH,eAAe,yBAAyB,CAAC"}

package/dist/components/overlays/SessionSubcommandSelector.js

@@ -2,6 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "react";
 import { Text } from "ink";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 const SESSION_OPTIONS = [
   { action: "list", label: "list", description: "List all sessions", icon: "\u{1F4CB}" },
   { action: "switch", label: "switch", description: "Switch to another session", icon: "\u{1F504}" },
@@ -31,8 +32,8 @@ const SessionSubcommandSelector = forwardRef(function SessionSubcommandSelector2
       option.icon,
       " "
     ] }),
-    /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: option.label }),
-    /* @__PURE__ */ jsxs(Text, { color: isSelected ? "white" : "gray", children: [
+    /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("dim"), bold: isSelected, children: option.label }),
+    /* @__PURE__ */ jsxs(Text, { color: isSelected ? tone("hi") : tone("dim"), children: [
       " - ",
       option.description
     ] })
@@ -53,7 +54,7 @@ const SessionSubcommandSelector = forwardRef(function SessionSubcommandSelector2
       onClose,
       formatItem,
       title: "Session Management",
-      borderColor: "blue",
+      borderColor: tone("fg"),
       emptyMessage: "No options available"
     }
   );

package/dist/components/overlays/SoundsSelector.cjs

@@ -41,6 +41,7 @@ var import_BaseSelector = require("../base/BaseSelector.js");
 var import_soundNotification = require("../../utils/soundNotification.js");
 var import_contexts = require("../../contexts/index.js");
 var import_agent_management = require("@dexto/agent-management");
+var import_signal = require("../../signal/index.js");
 const import_meta = {};
 const BUILTIN_SOUNDS = [
   {
@@ -532,11 +533,18 @@ const SoundsSelector = (0, import_react.forwardRef)(
       (item, isSelected) => {
         if (item.type === "enabled") {
           return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { wrap: "truncate-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), bold: isSelected, children: [
               "sounds:",
               " "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: config.enabled ? "green" : "gray", bold: isSelected, children: config.enabled ? "On" : "Off" })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_ink.Text,
+              {
+                color: config.enabled ? (0, import_signal.tone)("add") : (0, import_signal.tone)("dim"),
+                bold: isSelected,
+                children: config.enabled ? "On" : "Off"
+              }
+            )
           ] });
         }
         if (item.type === "pick") {
@@ -546,7 +554,7 @@ const SoundsSelector = (0, import_react.forwardRef)(
           return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             import_ink.Text,
             {
-              color: isSelected ? "cyan" : "gray",
+              color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"),
               bold: isSelected,
               wrap: "truncate-end",
               children: [
@@ -560,11 +568,11 @@ const SoundsSelector = (0, import_react.forwardRef)(
         if (item.type === "off" || item.type === "default" || item.type === "builtin" || item.type === "file") {
           return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "row", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexGrow: 1, flexDirection: "row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", children: item.isCurrent ? "* " : "  " }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("add"), children: item.isCurrent ? "* " : "  " }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_ink.Text,
                 {
-                  color: isSelected ? "cyan" : "gray",
+                  color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"),
                   bold: isSelected,
                   wrap: "truncate-end",
                   children: item.label
@@ -621,11 +629,11 @@ const SoundsSelector = (0, import_react.forwardRef)(
           formatItem,
           title,
           instructionsOverride: viewMode === "main" ? "\u2191\u2193 navigate \u2022 Enter toggle/select \u2022 Esc close" : `\u2191\u2193 navigate \u2022 \u2190/\u2192 Listen/Select \u2022 Enter ${pickAction === "listen" ? "preview" : "select"} \u2022 Esc back`,
-          borderColor: "magenta",
+          borderColor: (0, import_signal.tone)("faint"),
           emptyMessage: "No options available"
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "red", wrap: "wrap", children: error }) })
+      error && /* @__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)("red"), wrap: "wrap", children: error }) })
     ] });
   }
 );

package/dist/components/overlays/SoundsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SoundsSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SoundsSelector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAkB/D,UAAU,mBAAmB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAuMD,QAAA,MAAM,cAAc,kGAsiBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SoundsSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/SoundsSelector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAmB/D,UAAU,mBAAmB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAuMD,QAAA,MAAM,cAAc,kGAyiBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/overlays/SoundsSelector.js

@@ -26,6 +26,7 @@ import {
   loadGlobalPreferences,
   updateGlobalPreferences
 } from "@dexto/agent-management";
+import { tone } from "../../signal/index.js";
 const BUILTIN_SOUNDS = [
   {
     id: "coin",
@@ -516,11 +517,18 @@ const SoundsSelector = forwardRef(
       (item, isSelected) => {
         if (item.type === "enabled") {
           return /* @__PURE__ */ jsxs(Text, { wrap: "truncate-end", children: [
-            /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: [
+            /* @__PURE__ */ jsxs(Text, { color: isSelected ? tone("teal") : tone("dim"), bold: isSelected, children: [
               "sounds:",
               " "
             ] }),
-            /* @__PURE__ */ jsx(Text, { color: config.enabled ? "green" : "gray", bold: isSelected, children: config.enabled ? "On" : "Off" })
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                color: config.enabled ? tone("add") : tone("dim"),
+                bold: isSelected,
+                children: config.enabled ? "On" : "Off"
+              }
+            )
           ] });
         }
         if (item.type === "pick") {
@@ -530,7 +538,7 @@ const SoundsSelector = forwardRef(
           return /* @__PURE__ */ jsxs(
             Text,
             {
-              color: isSelected ? "cyan" : "gray",
+              color: isSelected ? tone("teal") : tone("dim"),
               bold: isSelected,
               wrap: "truncate-end",
               children: [
@@ -544,11 +552,11 @@ const SoundsSelector = forwardRef(
         if (item.type === "off" || item.type === "default" || item.type === "builtin" || item.type === "file") {
           return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
             /* @__PURE__ */ jsxs(Box, { flexGrow: 1, flexDirection: "row", children: [
-              /* @__PURE__ */ jsx(Text, { color: "green", children: item.isCurrent ? "* " : "  " }),
+              /* @__PURE__ */ jsx(Text, { color: tone("add"), children: item.isCurrent ? "* " : "  " }),
               /* @__PURE__ */ jsx(
                 Text,
                 {
-                  color: isSelected ? "cyan" : "gray",
+                  color: isSelected ? tone("teal") : tone("dim"),
                   bold: isSelected,
                   wrap: "truncate-end",
                   children: item.label
@@ -605,11 +613,11 @@ const SoundsSelector = forwardRef(
           formatItem,
           title,
           instructionsOverride: viewMode === "main" ? "\u2191\u2193 navigate \u2022 Enter toggle/select \u2022 Esc close" : `\u2191\u2193 navigate \u2022 \u2190/\u2192 Listen/Select \u2022 Enter ${pickAction === "listen" ? "preview" : "select"} \u2022 Esc back`,
-          borderColor: "magenta",
+          borderColor: tone("faint"),
           emptyMessage: "No options available"
         }
       ),
-      error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", wrap: "wrap", children: error }) })
+      error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("red"), wrap: "wrap", children: error }) })
     ] });
   }
 );

package/dist/components/overlays/StreamSelector.cjs

@@ -26,6 +26,7 @@ var import_react = require("react");
 var import_ink = require("ink");
 var import_BaseSelector = require("../base/BaseSelector.js");
 var import_streaming_state = require("../../state/streaming-state.js");
+var import_signal = require("../../signal/index.js");
 const StreamSelector = (0, import_react.forwardRef)(
   function StreamSelector2({ isVisible, onSelect, onClose }, ref) {
     const baseSelectorRef = (0, import_react.useRef)(null);
@@ -67,12 +68,12 @@ const StreamSelector = (0, import_react.forwardRef)(
         option.icon,
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: option.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "white" : "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), bold: isSelected, children: option.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("hi") : (0, import_signal.tone)("dim"), children: [
         " - ",
         option.description
       ] }),
-      option.isCurrent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", bold: true, children: [
+      option.isCurrent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("add"), bold: true, children: [
         " ",
         "\u2713"
       ] })
@@ -95,7 +96,7 @@ const StreamSelector = (0, import_react.forwardRef)(
         onClose,
         formatItem,
         title: "Streaming Mode",
-        borderColor: "cyan",
+        borderColor: (0, import_signal.tone)("teal"),
         emptyMessage: "No options available"
       }
     );

package/dist/components/overlays/StreamSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StreamSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/StreamSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,UAAU,mBAAmB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAUD;;GAEG;AACH,QAAA,MAAM,cAAc,kGAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"StreamSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/StreamSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAK/D,UAAU,mBAAmB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAUD;;GAEG;AACH,QAAA,MAAM,cAAc,kGAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/overlays/StreamSelector.js

@@ -3,6 +3,7 @@ import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "re
 import { Text } from "ink";
 import { BaseSelector } from "../base/BaseSelector.js";
 import { isStreamingEnabled, setStreamingEnabled } from "../../state/streaming-state.js";
+import { tone } from "../../signal/index.js";
 const StreamSelector = forwardRef(
   function StreamSelector2({ isVisible, onSelect, onClose }, ref) {
     const baseSelectorRef = useRef(null);
@@ -44,12 +45,12 @@ const StreamSelector = forwardRef(
         option.icon,
         " "
       ] }),
-      /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: option.label }),
-      /* @__PURE__ */ jsxs(Text, { color: isSelected ? "white" : "gray", children: [
+      /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("dim"), bold: isSelected, children: option.label }),
+      /* @__PURE__ */ jsxs(Text, { color: isSelected ? tone("hi") : tone("dim"), children: [
         " - ",
         option.description
       ] }),
-      option.isCurrent && /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
+      option.isCurrent && /* @__PURE__ */ jsxs(Text, { color: tone("add"), bold: true, children: [
         " ",
         "\u2713"
       ] })
@@ -72,7 +73,7 @@ const StreamSelector = forwardRef(
         onClose,
         formatItem,
         title: "Streaming Mode",
-        borderColor: "cyan",
+        borderColor: tone("teal"),
         emptyMessage: "No options available"
       }
     );