@dexto/tui 1.14.6 → 1.15.0-beta.1

package/dist/components/overlays/PermissionsSelector.cjs

@@ -26,6 +26,7 @@ var import_react = require("react");
 var import_ink = require("ink");
 var import_approvalScope = require("../../utils/approvalScope.js");
 var import_BaseSelector = require("../base/BaseSelector.js");
+var import_signal = require("../../signal/index.js");
 const PermissionsSelector = (0, import_react.forwardRef)(
   function PermissionsSelector2({ agent, sessionId, ui, setUi, onClose }, ref) {
     const selectorRef = (0, import_react.useRef)(null);
@@ -102,13 +103,13 @@ const PermissionsSelector = (0, import_react.forwardRef)(
       }
     }
     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: [
         "Agent policy:",
         " ",
         agent.getEffectiveConfig(sessionId ?? void 0).permissions.mode
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Mode applies to this TUI session. Remembered grants also apply when this conversation resumes." }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "red", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Mode applies to this TUI session. Remembered grants also apply when this conversation resumes." }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("red"), children: error }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_BaseSelector.BaseSelector,
         {
@@ -123,13 +124,13 @@ const PermissionsSelector = (0, import_react.forwardRef)(
           },
           onClose,
           title: "Session permissions",
-          formatItem: (option, selected) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: selected ? "cyan" : "white", children: [
+          formatItem: (option, selected) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: selected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("hi"), children: [
             option.kind === "mode" && option.value === mode ? "\u25CF " : "  ",
             option.label
           ] })
         }
       ),
-      grants.length === 0 && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "No remembered user grants." })
+      grants.length === 0 && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "No remembered user grants." })
     ] });
   }
 );

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionsSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PermissionsSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAS/D,UAAU,wBAAwB;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,yBAAyB;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED,eAAO,MAAM,mBAAmB,gIAyH/B,CAAC"}
+{"version":3,"file":"PermissionsSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PermissionsSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAU/D,UAAU,wBAAwB;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,yBAAyB;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED,eAAO,MAAM,mBAAmB,gIAyH/B,CAAC"}

package/dist/components/overlays/PermissionsSelector.js

@@ -3,6 +3,7 @@ import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "re
 import { Box, Text } from "ink";
 import { formatApprovalScope } from "../../utils/approvalScope.js";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 const PermissionsSelector = forwardRef(
   function PermissionsSelector2({ agent, sessionId, ui, setUi, onClose }, ref) {
     const selectorRef = useRef(null);
@@ -79,13 +80,13 @@ const PermissionsSelector = forwardRef(
       }
     }
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
         "Agent policy:",
         " ",
         agent.getEffectiveConfig(sessionId ?? void 0).permissions.mode
       ] }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Mode applies to this TUI session. Remembered grants also apply when this conversation resumes." }),
-      error && /* @__PURE__ */ jsx(Text, { color: "red", children: error }),
+      /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Mode applies to this TUI session. Remembered grants also apply when this conversation resumes." }),
+      error && /* @__PURE__ */ jsx(Text, { color: tone("red"), children: error }),
       /* @__PURE__ */ jsx(
         BaseSelector,
         {
@@ -100,13 +101,13 @@ const PermissionsSelector = forwardRef(
           },
           onClose,
           title: "Session permissions",
-          formatItem: (option, selected) => /* @__PURE__ */ jsxs(Text, { color: selected ? "cyan" : "white", children: [
+          formatItem: (option, selected) => /* @__PURE__ */ jsxs(Text, { color: selected ? tone("teal") : tone("hi"), children: [
             option.kind === "mode" && option.value === mode ? "\u25CF " : "  ",
             option.label
           ] })
         }
       ),
-      grants.length === 0 && !isLoading && /* @__PURE__ */ jsx(Text, { color: "gray", children: "No remembered user grants." })
+      grants.length === 0 && !isLoading && /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "No remembered user grants." })
     ] });
   }
 );

package/dist/components/overlays/PluginActions.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 PluginActions = (0, import_react.forwardRef)(function PluginActions2({ isVisible, plugin, onAction, onClose }, ref) {
   const baseSelectorRef = (0, import_react.useRef)(null);
   const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
@@ -50,29 +51,29 @@ const PluginActions = (0, import_react.forwardRef)(function PluginActions2({ isV
         type: "back",
         label: "Back to list",
         icon: "\u2190",
-        color: "gray"
+        color: (0, import_signal.tone)("dim")
       },
       {
         id: "uninstall",
         type: "uninstall",
         label: "Uninstall",
         icon: "\u{1F5D1}",
-        color: "red"
+        color: (0, import_signal.tone)("red")
       }
     ];
   }, [plugin]);
   const formatItem = (item, isSelected) => {
     const isBack = item.type === "back";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isBack ? "gray" : isSelected ? item.color : "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), children: isSelected ? "\u25B8 " : "  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isBack ? (0, import_signal.tone)("dim") : isSelected ? item.color : (0, import_signal.tone)("dim"), children: [
         item.icon,
         " "
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_ink.Text,
         {
-          color: isBack ? isSelected ? "white" : "gray" : isSelected ? item.color : "white",
+          color: isBack ? isSelected ? (0, import_signal.tone)("hi") : (0, import_signal.tone)("dim") : isSelected ? item.color : (0, import_signal.tone)("hi"),
           bold: isSelected && !isBack,
           children: item.label
         }
@@ -100,7 +101,7 @@ const PluginActions = (0, import_react.forwardRef)(function PluginActions2({ isV
       onClose,
       formatItem,
       title,
-      borderColor: "magenta",
+      borderColor: (0, import_signal.tone)("faint"),
       emptyMessage: "No actions available"
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"PluginActions.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PluginActions.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC;CACxB;AAED,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAUD;;GAEG;AACH,QAAA,MAAM,aAAa,gGA+FjB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PluginActions.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PluginActions.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC;CACxB;AAED,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAUD;;GAEG;AACH,QAAA,MAAM,aAAa,gGAyGjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/components/overlays/PluginActions.js

@@ -9,6 +9,7 @@ import {
 } from "react";
 import { Box, Text } from "ink";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 const PluginActions = forwardRef(function PluginActions2({ isVisible, plugin, onAction, onClose }, ref) {
   const baseSelectorRef = useRef(null);
   const [selectedIndex, setSelectedIndex] = useState(0);
@@ -34,29 +35,29 @@ const PluginActions = forwardRef(function PluginActions2({ isVisible, plugin, on
         type: "back",
         label: "Back to list",
         icon: "\u2190",
-        color: "gray"
+        color: tone("dim")
       },
       {
         id: "uninstall",
         type: "uninstall",
         label: "Uninstall",
         icon: "\u{1F5D1}",
-        color: "red"
+        color: tone("red")
       }
     ];
   }, [plugin]);
   const formatItem = (item, isSelected) => {
     const isBack = item.type === "back";
     return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
-      /* @__PURE__ */ jsxs(Text, { color: isBack ? "gray" : isSelected ? item.color : "gray", children: [
+      /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("dim"), children: isSelected ? "\u25B8 " : "  " }),
+      /* @__PURE__ */ jsxs(Text, { color: isBack ? tone("dim") : isSelected ? item.color : tone("dim"), children: [
         item.icon,
         " "
       ] }),
       /* @__PURE__ */ jsx(
         Text,
         {
-          color: isBack ? isSelected ? "white" : "gray" : isSelected ? item.color : "white",
+          color: isBack ? isSelected ? tone("hi") : tone("dim") : isSelected ? item.color : tone("hi"),
           bold: isSelected && !isBack,
           children: item.label
         }
@@ -84,7 +85,7 @@ const PluginActions = forwardRef(function PluginActions2({ isVisible, plugin, on
       onClose,
       formatItem,
       title,
-      borderColor: "magenta",
+      borderColor: tone("faint"),
       emptyMessage: "No actions available"
     }
   );

package/dist/components/overlays/PluginList.cjs

@@ -26,6 +26,7 @@ var import_react = require("react");
 var import_ink = require("ink");
 var import_agent_management = require("@dexto/agent-management");
 var import_BaseSelector = require("../base/BaseSelector.js");
+var import_signal = require("../../signal/index.js");
 const PluginList = (0, import_react.forwardRef)(function PluginList2({ isVisible, onPluginSelect, onClose }, ref) {
   const baseSelectorRef = (0, import_react.useRef)(null);
   (0, import_react.useImperativeHandle)(
@@ -62,9 +63,9 @@ const PluginList = (0, import_react.forwardRef)(function PluginList2({ isVisible
   const formatItem = (item, isSelected) => {
     if (item.type === "back") {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "\u2190 " }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "white" : "gray", children: "Back to menu" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "\u2190 " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("hi") : (0, import_signal.tone)("dim"), children: "Back to menu" })
       ] });
     }
     const plugin = item.plugin;
@@ -72,17 +73,17 @@ const PluginList = (0, import_react.forwardRef)(function PluginList2({ isVisible
     const scopeBadge = plugin.scope ? ` [${plugin.scope}]` : "";
     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: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "white" : "gray", children: "\u{1F4E6} " }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: plugin.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", dimColor: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("hi") : (0, import_signal.tone)("dim"), children: "\u{1F4E6} " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("hi"), bold: isSelected, children: plugin.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: [
           "@",
           version
         ] }),
-        scopeBadge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellow", dimColor: true, children: scopeBadge })
+        scopeBadge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amberDim"), dimColor: true, children: scopeBadge })
       ] }),
-      isSelected && plugin.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: plugin.description }) }),
-      isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", dimColor: true, children: plugin.path }) })
+      isSelected && plugin.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: plugin.description }) }),
+      isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: plugin.path }) })
     ] });
   };
   const handleSelect = (item) => {
@@ -107,7 +108,7 @@ const PluginList = (0, import_react.forwardRef)(function PluginList2({ isVisible
       onClose,
       formatItem,
       title,
-      borderColor: "cyan",
+      borderColor: (0, import_signal.tone)("teal"),
       emptyMessage: "No plugins installed. Browse the marketplace to find plugins."
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PluginList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,UAAU,eAAe;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAaD;;GAEG;AACH,QAAA,MAAM,UAAU,0FA0Hd,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PluginList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,UAAU,eAAe;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAaD;;GAEG;AACH,QAAA,MAAM,UAAU,0FA8Hd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/components/overlays/PluginList.js

@@ -10,6 +10,7 @@ import {
 import { Box, Text } from "ink";
 import { listInstalledPlugins } from "@dexto/agent-management";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 const PluginList = forwardRef(function PluginList2({ isVisible, onPluginSelect, onClose }, ref) {
   const baseSelectorRef = useRef(null);
   useImperativeHandle(
@@ -46,9 +47,9 @@ const PluginList = forwardRef(function PluginList2({ isVisible, onPluginSelect,
   const formatItem = (item, isSelected) => {
     if (item.type === "back") {
       return /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2190 " }),
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "white" : "gray", children: "Back to menu" })
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("dim"), children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "\u2190 " }),
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("hi") : tone("dim"), children: "Back to menu" })
       ] });
     }
     const plugin = item.plugin;
@@ -56,17 +57,17 @@ const PluginList = forwardRef(function PluginList2({ isVisible, onPluginSelect,
     const scopeBadge = plugin.scope ? ` [${plugin.scope}]` : "";
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "white" : "gray", children: "\u{1F4E6} " }),
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: plugin.name }),
-        /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("dim"), children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("hi") : tone("dim"), children: "\u{1F4E6} " }),
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("hi"), bold: isSelected, children: plugin.name }),
+        /* @__PURE__ */ jsxs(Text, { color: tone("dim"), dimColor: true, children: [
           "@",
           version
         ] }),
-        scopeBadge && /* @__PURE__ */ jsx(Text, { color: "yellow", dimColor: true, children: scopeBadge })
+        scopeBadge && /* @__PURE__ */ jsx(Text, { color: tone("amberDim"), dimColor: true, children: scopeBadge })
       ] }),
-      isSelected && plugin.description && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: plugin.description }) }),
-      isSelected && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: plugin.path }) })
+      isSelected && plugin.description && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: plugin.description }) }),
+      isSelected && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: plugin.path }) })
     ] });
   };
   const handleSelect = (item) => {
@@ -91,7 +92,7 @@ const PluginList = forwardRef(function PluginList2({ isVisible, onPluginSelect,
       onClose,
       formatItem,
       title,
-      borderColor: "cyan",
+      borderColor: tone("teal"),
       emptyMessage: "No plugins installed. Browse the marketplace to find plugins."
     }
   );

package/dist/components/overlays/PluginManager.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 PLUGIN_OPTIONS = [
   {
     action: "list",
@@ -65,13 +66,20 @@ const PluginManager = (0, import_react.forwardRef)(function PluginManager2({ isV
   const formatItem = (option, isSelected) => {
     const isBack = option.action === "back";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isBack ? "gray" : 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"), children: isSelected ? "\u25B8 " : "  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isBack ? (0, import_signal.tone)("dim") : isSelected ? (0, import_signal.tone)("hi") : (0, import_signal.tone)("dim"), children: [
         option.icon,
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isBack ? "gray" : isSelected ? "cyan" : "white", bold: isSelected, children: option.label }),
-      option.hint && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", dimColor: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ink.Text,
+        {
+          color: isBack ? (0, import_signal.tone)("dim") : isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("hi"),
+          bold: isSelected,
+          children: option.label
+        }
+      ),
+      option.hint && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: [
         " ",
         "\u2014 ",
         option.hint
@@ -98,7 +106,7 @@ const PluginManager = (0, import_react.forwardRef)(function PluginManager2({ isV
       onClose,
       formatItem,
       title: "Plugins",
-      borderColor: "magenta",
+      borderColor: (0, import_signal.tone)("faint"),
       emptyMessage: "No options available"
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"PluginManager.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PluginManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,aAAa,GAAG,MAAM,CAAC;AAE3D,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA8BD;;GAEG;AACH,QAAA,MAAM,aAAa,gGAwEjB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PluginManager.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PluginManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,aAAa,GAAG,MAAM,CAAC;AAE3D,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA8BD;;GAEG;AACH,QAAA,MAAM,aAAa,gGA+EjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/components/overlays/PluginManager.js

@@ -2,6 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "react";
 import { Box, Text } from "ink";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 const PLUGIN_OPTIONS = [
   {
     action: "list",
@@ -42,13 +43,20 @@ const PluginManager = forwardRef(function PluginManager2({ isVisible, onAction,
   const formatItem = (option, isSelected) => {
     const isBack = option.action === "back";
     return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
-      /* @__PURE__ */ jsxs(Text, { color: isBack ? "gray" : isSelected ? "white" : "gray", children: [
+      /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("dim"), children: isSelected ? "\u25B8 " : "  " }),
+      /* @__PURE__ */ jsxs(Text, { color: isBack ? tone("dim") : isSelected ? tone("hi") : tone("dim"), children: [
         option.icon,
         " "
       ] }),
-      /* @__PURE__ */ jsx(Text, { color: isBack ? "gray" : isSelected ? "cyan" : "white", bold: isSelected, children: option.label }),
-      option.hint && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          color: isBack ? tone("dim") : isSelected ? tone("teal") : tone("hi"),
+          bold: isSelected,
+          children: option.label
+        }
+      ),
+      option.hint && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), dimColor: true, children: [
         " ",
         "\u2014 ",
         option.hint
@@ -75,7 +83,7 @@ const PluginManager = forwardRef(function PluginManager2({ isVisible, onAction,
       onClose,
       formatItem,
       title: "Plugins",
-      borderColor: "magenta",
+      borderColor: tone("faint"),
       emptyMessage: "No options available"
     }
   );

package/dist/components/overlays/PromptAddChoice.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 CHOICES = [
   {
     id: "agent",
@@ -60,9 +61,9 @@ const PromptAddChoice = (0, import_react.forwardRef)(
     );
     const formatItem = (item, isSelected) => {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: item.label }),
-        item.recommended && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "green" : "gray", children: " (Recommended)" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("hi"), bold: isSelected, children: item.label }),
+        item.recommended && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("add") : (0, import_signal.tone)("dim"), children: " (Recommended)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: [
           " \xB7 ",
           item.description
         ] })
@@ -83,7 +84,7 @@ const PromptAddChoice = (0, import_react.forwardRef)(
         onClose,
         formatItem,
         title: "Add Prompt",
-        borderColor: "yellowBright",
+        borderColor: (0, import_signal.tone)("amber"),
         emptyMessage: "No options available"
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"PromptAddChoice.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PromptAddChoice.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG,MAAM,CAAC;AAE5D,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA0BD;;GAEG;AACH,QAAA,MAAM,eAAe,oGA2DpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PromptAddChoice.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PromptAddChoice.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG,MAAM,CAAC;AAE5D,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA0BD;;GAEG;AACH,QAAA,MAAM,eAAe,oGA2DpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/overlays/PromptAddChoice.js

@@ -2,6 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "react";
 import { Box, Text } from "ink";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 const CHOICES = [
   {
     id: "agent",
@@ -37,9 +38,9 @@ const PromptAddChoice = forwardRef(
     );
     const formatItem = (item, isSelected) => {
       return /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: item.label }),
-        item.recommended && /* @__PURE__ */ jsx(Text, { color: isSelected ? "green" : "gray", children: " (Recommended)" }),
-        /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("hi"), bold: isSelected, children: item.label }),
+        item.recommended && /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("add") : tone("dim"), children: " (Recommended)" }),
+        /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
           " \xB7 ",
           item.description
         ] })
@@ -60,7 +61,7 @@ const PromptAddChoice = forwardRef(
         onClose,
         formatItem,
         title: "Add Prompt",
-        borderColor: "yellowBright",
+        borderColor: tone("amber"),
         emptyMessage: "No options available"
       }
     );

package/dist/components/overlays/PromptAddWizard.cjs

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(PromptAddWizard_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 PROMPT_NAME_REGEX = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
 const WIZARD_STEPS = [
   {
@@ -168,17 +169,17 @@ const PromptAddWizard = (0, import_react.forwardRef)(
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "yellowBright",
+        borderColor: (0, import_signal.tone)("amber"),
         paddingX: 1,
         marginTop: 1,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginBottom: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { bold: true, color: "yellowBright", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { bold: true, color: (0, import_signal.tone)("amber"), children: [
               "Add ",
               scopeLabel,
               " Prompt"
             ] }),
-            /* @__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: [
               " ",
               "(Step ",
               currentStep + 1,
@@ -192,18 +193,18 @@ const PromptAddWizard = (0, import_react.forwardRef)(
               currentStepConfig.label,
               ":"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: currentStepConfig.placeholder })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: currentStepConfig.placeholder })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, flexDirection: "column", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { 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: currentInput }),
-              /* @__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: "_" })
             ] }),
-            currentStepConfig.multiline && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", italic: true, children: "(Shift+Enter for newline)" })
+            currentStepConfig.multiline && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), italic: true, children: "(Shift+Enter for newline)" })
           ] }),
-          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.jsxs)(import_ink.Text, { color: "gray", 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)("red"), children: error }) }),
+          /* @__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: [
             "Enter to continue \u2022 Esc to ",
             currentStep > 0 ? "go back" : "cancel"
           ] }) })

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

@@ -1 +1 @@
-{"version":3,"file":"PromptAddWizard.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PromptAddWizard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACnB;AAuDD,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,QAAA,MAAM,eAAe,oGAuLpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PromptAddWizard.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PromptAddWizard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACnB;AAuDD,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,QAAA,MAAM,eAAe,oGAuLpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/overlays/PromptAddWizard.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 PROMPT_NAME_REGEX = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
 const WIZARD_STEPS = [
   {
@@ -145,17 +146,17 @@ const PromptAddWizard = forwardRef(
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "yellowBright",
+        borderColor: tone("amber"),
         paddingX: 1,
         marginTop: 1,
         children: [
           /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-            /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellowBright", children: [
+            /* @__PURE__ */ jsxs(Text, { bold: true, color: tone("amber"), children: [
               "Add ",
               scopeLabel,
               " Prompt"
             ] }),
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
               " ",
               "(Step ",
               currentStep + 1,
@@ -169,18 +170,18 @@ const PromptAddWizard = forwardRef(
               currentStepConfig.label,
               ":"
             ] }),
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: currentStepConfig.placeholder })
+            /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: currentStepConfig.placeholder })
           ] }),
           /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
             /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+              /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "> " }),
               /* @__PURE__ */ jsx(Text, { children: currentInput }),
-              /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+              /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "_" })
             ] }),
-            currentStepConfig.multiline && /* @__PURE__ */ jsx(Text, { color: "gray", italic: true, children: "(Shift+Enter for newline)" })
+            currentStepConfig.multiline && /* @__PURE__ */ jsx(Text, { color: tone("dim"), italic: true, children: "(Shift+Enter for newline)" })
           ] }),
-          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) }),
-          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("red"), children: error }) }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
             "Enter to continue \u2022 Esc to ",
             currentStep > 0 ? "go back" : "cancel"
           ] }) })