@dexto/tui 1.14.6 → 1.15.0-beta.1

package/dist/components/overlays/MarketplaceBrowser.cjs

@@ -27,6 +27,7 @@ var import_ink = require("ink");
 var import_agent_management = require("@dexto/agent-management");
 var import_core = require("@dexto/core");
 var import_BaseSelector = require("../base/BaseSelector.js");
+var import_signal = require("../../signal/index.js");
 function getSourceIcon(type) {
   switch (type) {
     case "github":
@@ -178,44 +179,44 @@ const MarketplaceBrowser = (0, import_react.forwardRef)(
       if (item.type === "back") {
         const label = view === "scope-select" ? "Back to plugins" : view === "plugins" ? "Back to marketplaces" : "Back to menu";
         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: label })
+          /* @__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: label })
         ] });
       }
       if (item.type === "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 ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), children: isSelected ? "\u25B8 " : "  " }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
               item.icon,
               " "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: item.label })
+            /* @__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 })
           ] }),
-          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: item.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: item.description }) })
         ] });
       }
       if (item.type === "add-new") {
         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: isSelected ? "green" : "gray", children: "+ " }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "green" : "gray", children: "Add custom marketplace" })
+          /* @__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)("add") : (0, import_signal.tone)("dim"), children: "+ " }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("add") : (0, import_signal.tone)("dim"), children: "Add custom marketplace" })
         ] });
       }
       if (item.type === "default-marketplace") {
         const icon = getSourceIcon(item.sourceType);
         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 ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), children: isSelected ? "\u25B8 " : "  " }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
               icon,
               " "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: item.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellow", children: " (not installed)" })
+            /* @__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.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amberDim"), children: " (not installed)" })
           ] }),
-          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: item.sourceValue }) })
+          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: item.sourceValue }) })
         ] });
       }
       if (item.type === "marketplace") {
@@ -223,34 +224,34 @@ const MarketplaceBrowser = (0, import_react.forwardRef)(
         const icon = getSourceIcon(m.source.type);
         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 ? (0, import_signal.tone)("teal") : (0, import_signal.tone)("dim"), children: isSelected ? "\u25B8 " : "  " }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
               icon,
               " "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: m.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)("hi"), bold: isSelected, children: m.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: [
               " ",
               "(",
               item.pluginCount,
               " plugins)"
             ] })
           ] }),
-          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: m.source.value }) })
+          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: m.source.value }) })
         ] });
       }
       const p = item.plugin;
-      const statusBadge = item.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", children: " \u2713" }) : null;
+      const statusBadge = item.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("add"), children: " \u2713" }) : null;
       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: p.name }),
-          p.version && /* @__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: p.name }),
+          p.version && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: [
             "@",
             p.version
           ] }),
-          p.category && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "magenta", dimColor: true, children: [
+          p.category && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("faint"), dimColor: true, children: [
             " ",
             "[",
             p.category,
@@ -258,8 +259,8 @@ const MarketplaceBrowser = (0, import_react.forwardRef)(
           ] }),
           statusBadge
         ] }),
-        isSelected && p.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: p.description }) }),
-        isSelected && item.isInstalled && /* @__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: "Already installed" }) })
+        isSelected && p.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: p.description }) }),
+        isSelected && item.isInstalled && /* @__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: "Already installed" }) })
       ] });
     };
     const handleSelect = async (item) => {
@@ -354,7 +355,7 @@ const MarketplaceBrowser = (0, import_react.forwardRef)(
         onClose,
         formatItem,
         title: getTitle(),
-        borderColor: "green",
+        borderColor: (0, import_signal.tone)("add"),
         emptyMessage: getEmptyMessage(),
         loadingMessage: isInstalling ? "Installing..." : "Loading..."
       }

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceBrowser.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/MarketplaceBrowser.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,EAQH,KAAK,iBAAiB,EACzB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,wBAAwB,GAC9B;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,GAC3B;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,MAAM,EAAE,iBAAiB,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACrE;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,UAAU,uBAAuB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACrC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA0ED,QAAA,MAAM,kBAAkB,0GAsbvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"MarketplaceBrowser.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/MarketplaceBrowser.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,EAQH,KAAK,iBAAiB,EACzB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,MAAM,MAAM,wBAAwB,GAC9B;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,GAC3B;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,MAAM,EAAE,iBAAiB,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACrE;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,UAAU,uBAAuB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACrC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA0ED,QAAA,MAAM,kBAAkB,0GA8bvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/overlays/MarketplaceBrowser.js

@@ -18,6 +18,7 @@ import {
 } from "@dexto/agent-management";
 import { logger } from "@dexto/core";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 function getSourceIcon(type) {
   switch (type) {
     case "github":
@@ -169,44 +170,44 @@ const MarketplaceBrowser = forwardRef(
       if (item.type === "back") {
         const label = view === "scope-select" ? "Back to plugins" : view === "plugins" ? "Back to marketplaces" : "Back to menu";
         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: label })
+          /* @__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: label })
         ] });
       }
       if (item.type === "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 ? tone("teal") : tone("dim"), children: isSelected ? "\u25B8 " : "  " }),
             /* @__PURE__ */ jsxs(Text, { children: [
               item.icon,
               " "
             ] }),
-            /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: item.label })
+            /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("hi"), bold: isSelected, children: item.label })
           ] }),
-          isSelected && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: item.description }) })
+          isSelected && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: item.description }) })
         ] });
       }
       if (item.type === "add-new") {
         return /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
-          /* @__PURE__ */ jsx(Text, { color: isSelected ? "green" : "gray", children: "+ " }),
-          /* @__PURE__ */ jsx(Text, { color: isSelected ? "green" : "gray", children: "Add custom marketplace" })
+          /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("dim"), children: isSelected ? "\u25B8 " : "  " }),
+          /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("add") : tone("dim"), children: "+ " }),
+          /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("add") : tone("dim"), children: "Add custom marketplace" })
         ] });
       }
       if (item.type === "default-marketplace") {
         const icon = getSourceIcon(item.sourceType);
         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 ? tone("teal") : tone("dim"), children: isSelected ? "\u25B8 " : "  " }),
             /* @__PURE__ */ jsxs(Text, { children: [
               icon,
               " "
             ] }),
-            /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: item.name }),
-            /* @__PURE__ */ jsx(Text, { color: "yellow", children: " (not installed)" })
+            /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("hi"), bold: isSelected, children: item.name }),
+            /* @__PURE__ */ jsx(Text, { color: tone("amberDim"), children: " (not installed)" })
           ] }),
-          isSelected && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: item.sourceValue }) })
+          isSelected && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: item.sourceValue }) })
         ] });
       }
       if (item.type === "marketplace") {
@@ -214,34 +215,34 @@ const MarketplaceBrowser = forwardRef(
         const icon = getSourceIcon(m.source.type);
         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 ? tone("teal") : tone("dim"), children: isSelected ? "\u25B8 " : "  " }),
             /* @__PURE__ */ jsxs(Text, { children: [
               icon,
               " "
             ] }),
-            /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: m.name }),
-            /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+            /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("hi"), bold: isSelected, children: m.name }),
+            /* @__PURE__ */ jsxs(Text, { color: tone("dim"), dimColor: true, children: [
               " ",
               "(",
               item.pluginCount,
               " plugins)"
             ] })
           ] }),
-          isSelected && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: m.source.value }) })
+          isSelected && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: m.source.value }) })
         ] });
       }
       const p = item.plugin;
-      const statusBadge = item.isInstalled ? /* @__PURE__ */ jsx(Text, { color: "green", children: " \u2713" }) : null;
+      const statusBadge = item.isInstalled ? /* @__PURE__ */ jsx(Text, { color: tone("add"), children: " \u2713" }) : null;
       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: p.name }),
-          p.version && /* @__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: p.name }),
+          p.version && /* @__PURE__ */ jsxs(Text, { color: tone("dim"), dimColor: true, children: [
             "@",
             p.version
           ] }),
-          p.category && /* @__PURE__ */ jsxs(Text, { color: "magenta", dimColor: true, children: [
+          p.category && /* @__PURE__ */ jsxs(Text, { color: tone("faint"), dimColor: true, children: [
             " ",
             "[",
             p.category,
@@ -249,8 +250,8 @@ const MarketplaceBrowser = forwardRef(
           ] }),
           statusBadge
         ] }),
-        isSelected && p.description && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: p.description }) }),
-        isSelected && item.isInstalled && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Already installed" }) })
+        isSelected && p.description && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: p.description }) }),
+        isSelected && item.isInstalled && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: "Already installed" }) })
       ] });
     };
     const handleSelect = async (item) => {
@@ -345,7 +346,7 @@ const MarketplaceBrowser = forwardRef(
         onClose,
         formatItem,
         title: getTitle(),
-        borderColor: "green",
+        borderColor: tone("add"),
         emptyMessage: getEmptyMessage(),
         loadingMessage: isInstalling ? "Installing..." : "Loading..."
       }

package/dist/components/overlays/McpAddChoice.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: "registry",
@@ -70,8 +71,8 @@ const McpAddChoice = (0, import_react.forwardRef)(function McpAddChoice2({ isVis
       item.icon,
       " "
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: item.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: item.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? (0, import_signal.tone)("hi") : (0, import_signal.tone)("dim"), children: [
       " - ",
       item.description
     ] })
@@ -92,7 +93,7 @@ const McpAddChoice = (0, import_react.forwardRef)(function McpAddChoice2({ isVis
       onClose,
       formatItem,
       title: "Add MCP Server",
-      borderColor: "green",
+      borderColor: (0, import_signal.tone)("add"),
       emptyMessage: "No options available"
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"McpAddChoice.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/McpAddChoice.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D,UAAU,iBAAiB;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAkCD;;GAEG;AACH,QAAA,MAAM,YAAY,8FAyDhB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"McpAddChoice.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/McpAddChoice.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D,UAAU,iBAAiB;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAkCD;;GAEG;AACH,QAAA,MAAM,YAAY,8FAyDhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/components/overlays/McpAddChoice.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: "registry",
@@ -47,8 +48,8 @@ const McpAddChoice = forwardRef(function McpAddChoice2({ isVisible, onSelect, on
       item.icon,
       " "
     ] }),
-    /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: item.label }),
-    /* @__PURE__ */ jsxs(Text, { color: isSelected ? "white" : "gray", children: [
+    /* @__PURE__ */ jsx(Text, { color: isSelected ? tone("teal") : tone("dim"), bold: isSelected, children: item.label }),
+    /* @__PURE__ */ jsxs(Text, { color: isSelected ? tone("hi") : tone("dim"), children: [
       " - ",
       item.description
     ] })
@@ -69,7 +70,7 @@ const McpAddChoice = forwardRef(function McpAddChoice2({ isVisible, onSelect, on
       onClose,
       formatItem,
       title: "Add MCP Server",
-      borderColor: "green",
+      borderColor: tone("add"),
       emptyMessage: "No options available"
     }
   );

package/dist/components/overlays/McpAddSelector.cjs

@@ -26,6 +26,7 @@ var import_react = require("react");
 var import_ink = require("ink");
 var import_registry = require("@dexto/registry");
 var import_BaseSelector = require("../base/BaseSelector.js");
+var import_signal = require("../../signal/index.js");
 const McpAddSelector = (0, import_react.forwardRef)(
   function McpAddSelector2({ isVisible, onSelect, onClose }, ref) {
     const baseSelectorRef = (0, import_react.useRef)(null);
@@ -79,8 +80,8 @@ const McpAddSelector = (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.slice(0, 40),
@@ -103,7 +104,7 @@ const McpAddSelector = (0, import_react.forwardRef)(
         onClose,
         formatItem,
         title: "Add MCP Server (Presets)",
-        borderColor: "green",
+        borderColor: (0, import_signal.tone)("add"),
         loadingMessage: "Loading server presets...",
         emptyMessage: "No server presets available"
       }

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

@@ -1 +1 @@
-{"version":3,"file":"McpAddSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/McpAddSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3E,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAE1E,UAAU,mBAAmB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,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,kGAqGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"McpAddSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/McpAddSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3E,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAE1E,UAAU,mBAAmB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,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,kGAqGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/overlays/McpAddSelector.js

@@ -3,6 +3,7 @@ import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "re
 import { Text } from "ink";
 import { serverRegistry } from "@dexto/registry";
 import { BaseSelector } from "../base/BaseSelector.js";
+import { tone } from "../../signal/index.js";
 const McpAddSelector = forwardRef(
   function McpAddSelector2({ isVisible, onSelect, onClose }, ref) {
     const baseSelectorRef = useRef(null);
@@ -56,8 +57,8 @@ const McpAddSelector = 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.slice(0, 40),
@@ -80,7 +81,7 @@ const McpAddSelector = forwardRef(
         onClose,
         formatItem,
         title: "Add MCP Server (Presets)",
-        borderColor: "green",
+        borderColor: tone("add"),
         loadingMessage: "Loading server presets...",
         emptyMessage: "No server presets available"
       }

package/dist/components/overlays/McpCustomTypeSelector.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 SERVER_TYPE_OPTIONS = [
   {
     type: "stdio",
@@ -68,8 +69,8 @@ const McpCustomTypeSelector = (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
       ] })
@@ -90,7 +91,7 @@ const McpCustomTypeSelector = (0, import_react.forwardRef)(
         onClose,
         formatItem,
         title: "Select Server Type",
-        borderColor: "yellowBright",
+        borderColor: (0, import_signal.tone)("amber"),
         emptyMessage: "No options available"
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"McpCustomTypeSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/McpCustomTypeSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,UAAU,0BAA0B;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,2BAA2B;IACxC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA8BD;;GAEG;AACH,QAAA,MAAM,qBAAqB,gHAqD1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"McpCustomTypeSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/McpCustomTypeSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,UAAU,0BAA0B;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,2BAA2B;IACxC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA8BD;;GAEG;AACH,QAAA,MAAM,qBAAqB,gHAqD1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/overlays/McpCustomTypeSelector.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 SERVER_TYPE_OPTIONS = [
   {
     type: "stdio",
@@ -45,8 +46,8 @@ const McpCustomTypeSelector = 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
       ] })
@@ -67,7 +68,7 @@ const McpCustomTypeSelector = forwardRef(
         onClose,
         formatItem,
         title: "Select Server Type",
-        borderColor: "yellowBright",
+        borderColor: tone("amber"),
         emptyMessage: "No options available"
       }
     );

package/dist/components/overlays/McpCustomWizard.cjs

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(McpCustomWizard_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 STDIO_STEPS = [
   {
     field: "name",
@@ -214,17 +215,17 @@ const McpCustomWizard = (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 Custom ",
               serverTypeLabel,
               " Server"
             ] }),
-            /* @__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,
@@ -238,15 +239,15 @@ const McpCustomWizard = (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, 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: "_" })
           ] }),
-          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/McpCustomWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpCustomWizard.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/McpCustomWizard.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,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC5B,UAAU,EAAE,aAAa,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhB,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AA8FD,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,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":"McpCustomWizard.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/McpCustomWizard.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,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,MAAM,WAAW,eAAe;IAC5B,UAAU,EAAE,aAAa,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhB,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AA8FD,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,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/McpCustomWizard.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 STDIO_STEPS = [
   {
     field: "name",
@@ -191,17 +192,17 @@ const McpCustomWizard = 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 Custom ",
               serverTypeLabel,
               " Server"
             ] }),
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            /* @__PURE__ */ jsxs(Text, { color: tone("dim"), children: [
               " ",
               "(Step ",
               currentStep + 1,
@@ -215,15 +216,15 @@ const McpCustomWizard = 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, 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: "_" })
           ] }),
-          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"
           ] }) })