@dexto/tui 1.14.6 → 1.15.0-beta.1

package/dist/components/overlays/LoginOverlay.js

@@ -8,17 +8,13 @@ import {
   useState
 } from "react";
 import { Box, Text } from "ink";
-import {
-  loadAuth,
-  performDeviceCodeLogin,
-  persistDeviceApiKeyLoginResult
-} from "../../host/index.js";
+import { currentSignIn, signIn } from "../../host/index.js";
+import { tone } from "../../signal/index.js";
 const LoginOverlay = forwardRef(function LoginOverlay2({ isVisible, onDone }, ref) {
   const [step, setStep] = useState("checking");
   const [existingUser, setExistingUser] = useState(null);
-  const [authUrl, setAuthUrl] = useState(null);
-  const [devicePrompt, setDevicePrompt] = useState(null);
-  const [status, setStatus] = useState("Preparing login...");
+  const [signInNote, setSignInNote] = useState(null);
+  const [status, setStatus] = useState("Preparing sign-in...");
   const [error, setError] = useState(null);
   const abortControllerRef = useRef(null);
   const isActiveRef = useRef(false);
@@ -30,47 +26,24 @@ const LoginOverlay = forwardRef(function LoginOverlay2({ isVisible, onDone }, re
     abortControllerRef.current?.abort(new Error("Authentication cancelled"));
     abortControllerRef.current = null;
   }, []);
-  const runDeviceLogin = useCallback(
-    async (abortController) => {
-      setStep("starting");
-      safeSetStatus("Starting device code login...");
-      setAuthUrl(null);
-      setDevicePrompt(null);
-      return performDeviceCodeLogin({
-        signal: abortController.signal,
-        onPrompt: (prompt) => {
-          if (!isActiveRef.current || abortController.signal.aborted) {
-            return;
-          }
-          setDevicePrompt(prompt);
-          setAuthUrl(prompt.verificationUrlComplete ?? prompt.verificationUrl);
-          setStep("waiting");
-          safeSetStatus("Open the URL below and approve login.");
-        }
-      });
-    },
-    [safeSetStatus]
-  );
   const startLogin = useCallback(async () => {
     cancelInFlight();
     setError(null);
-    setAuthUrl(null);
-    setDevicePrompt(null);
+    setSignInNote(null);
+    setStep("signing-in");
+    safeSetStatus("Signing in...");
     const abortController = new AbortController();
     abortControllerRef.current = abortController;
     try {
-      const result = await runDeviceLogin(abortController);
-      if (!result || !isActiveRef.current || abortController.signal.aborted) return;
-      setStep("finalizing");
-      safeSetStatus("Finalizing login...");
-      const persisted = await persistDeviceApiKeyLoginResult(result);
-      if (!isActiveRef.current || abortController.signal.aborted) return;
-      onDone({
-        outcome: "success",
-        email: persisted.email,
-        keyId: persisted.keyId,
-        hasDextoApiKey: persisted.hasDextoApiKey
+      const summary = await signIn({
+        signal: abortController.signal,
+        onNote: (text) => {
+          if (!isActiveRef.current || abortController.signal.aborted) return;
+          setSignInNote(text);
+        }
       });
+      if (!isActiveRef.current || abortController.signal.aborted) return;
+      onDone({ outcome: "success", summary });
     } catch (err) {
       if (abortController.signal.aborted) {
         return;
@@ -78,28 +51,27 @@ const LoginOverlay = forwardRef(function LoginOverlay2({ isVisible, onDone }, re
       setStep("error");
       const errorMessage = err instanceof Error ? err.message : String(err);
       setError(errorMessage);
-      safeSetStatus("Login failed");
+      safeSetStatus("Sign-in failed");
     } finally {
       abortControllerRef.current = null;
     }
-  }, [cancelInFlight, onDone, runDeviceLogin, safeSetStatus]);
+  }, [cancelInFlight, onDone, safeSetStatus]);
   useEffect(() => {
     if (!isVisible) return;
     isActiveRef.current = true;
     setStep("checking");
     setExistingUser(null);
-    setAuthUrl(null);
-    setDevicePrompt(null);
-    setStatus("Preparing login...");
+    setSignInNote(null);
+    setStatus("Preparing sign-in...");
     setError(null);
     void (async () => {
       try {
-        const auth = await loadAuth();
+        const signedInAs = await currentSignIn();
         if (!isActiveRef.current) return;
-        if (auth) {
-          setExistingUser(auth.email || auth.userId || "user");
+        if (signedInAs !== null) {
+          setExistingUser(signedInAs);
           setStep("already-authenticated");
-          setStatus("You are already logged in");
+          setStatus("You are already signed in");
           return;
         }
         await startLogin();
@@ -139,42 +111,31 @@ const LoginOverlay = forwardRef(function LoginOverlay2({ isVisible, onDone }, re
     [cancelInFlight, isVisible, onDone, startLogin, step]
   );
   if (!isVisible) return null;
-  const hint = step === "already-authenticated" ? "Enter to login again \u2022 Esc to close" : step === "error" ? "Enter to retry \u2022 Esc to close" : "Esc to cancel";
+  const hint = step === "already-authenticated" ? "Enter to sign in again \u2022 Esc to close" : step === "error" ? "Enter to retry \u2022 Esc to close" : "Esc to cancel";
   return /* @__PURE__ */ jsxs(
     Box,
     {
       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: "Login to Dexto" }) }),
-        existingUser && step === "already-authenticated" && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-          "\u2705 Already logged in as: ",
+        /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("teal"), children: "Sign in to Dexto" }) }),
+        existingUser && step === "already-authenticated" && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: tone("add"), children: [
+          "Signed in as ",
           existingUser
         ] }) }),
         /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Status: " }),
+          /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Status: " }),
           /* @__PURE__ */ jsx(Text, { children: status })
         ] }),
-        devicePrompt && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Open this URL on any device:" }),
-          /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: devicePrompt.verificationUrlComplete ?? devicePrompt.verificationUrl }),
-          /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-            "Code: ",
-            devicePrompt.userCode
-          ] })
-        ] }),
-        authUrl && !devicePrompt && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "If your browser didn't open, use this URL:" }),
-          /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: authUrl })
-        ] }),
-        error && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+        signInNote && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { children: signInNote }) }),
+        error && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: tone("red"), children: [
           "Error: ",
           error
         ] }) }),
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: hint }) })
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: hint }) })
       ]
     }
   );

package/dist/components/overlays/LogoutOverlay.cjs

@@ -25,25 +25,18 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ink = require("ink");
 var import_host = require("../../host/index.js");
+var import_signal = require("../../signal/index.js");
 const LogoutOverlay = (0, import_react.forwardRef)(function LogoutOverlay2({ isVisible, onDone }, ref) {
   const [step, setStep] = (0, import_react.useState)("checking");
   const [userLabel, setUserLabel] = (0, import_react.useState)(null);
   const [usingDextoCredits, setUsingDextoCredits] = (0, import_react.useState)(false);
   const [error, setError] = (0, import_react.useState)(null);
-  const provisionedApiKeyRef = (0, import_react.useRef)(null);
   const performLogout = (0, import_react.useCallback)(async () => {
     setError(null);
     setStep("logging-out");
     try {
-      const auth = await (0, import_host.loadAuth)();
-      if (auth?.dextoApiKey && auth.dextoApiKeySource === "provisioned") {
-        provisionedApiKeyRef.current = auth.dextoApiKey;
-      }
-      await (0, import_host.removeAuth)();
-      if (provisionedApiKeyRef.current) {
-        await (0, import_host.removeDextoApiKeyFromEnv)({ expectedValue: provisionedApiKeyRef.current });
-      }
-      onDone({ outcome: "success", wasUsingDextoCredits: usingDextoCredits });
+      const summary = await (0, import_host.signOut)();
+      onDone({ outcome: "success", summary, wasUsingDextoCredits: usingDextoCredits });
     } catch (err) {
       setStep("error");
       setError(err instanceof Error ? err.message : String(err));
@@ -52,24 +45,23 @@ const LogoutOverlay = (0, import_react.forwardRef)(function LogoutOverlay2({ isV
   (0, import_react.useEffect)(() => {
     if (!isVisible) return;
     let cancelled = false;
-    provisionedApiKeyRef.current = null;
     setStep("checking");
     setUserLabel(null);
     setUsingDextoCredits(false);
     setError(null);
     void (async () => {
       try {
-        const auth = await (0, import_host.loadAuth)();
+        const signedInAs = await (0, import_host.currentSignIn)();
         if (cancelled) return;
-        if (!auth) {
+        if (signedInAs === null) {
           setStep("not-authenticated");
           return;
         }
-        setUserLabel(auth.email || auth.userId || "user");
+        setUserLabel(signedInAs);
       } catch {
         if (!cancelled) {
           setStep("error");
-          setError("Failed to load authentication state");
+          setError("Failed to read the sign-in");
         }
         return;
       }
@@ -112,25 +104,25 @@ const LogoutOverlay = (0, import_react.forwardRef)(function LogoutOverlay2({ isV
     {
       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: "Logout" }) }),
-        step === "not-authenticated" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellow", children: "\u2139\uFE0F Not currently logged in" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Account: " }),
+        /* @__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: "Logout" }) }),
+        step === "not-authenticated" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amberDim"), children: "Not signed in" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginBottom: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Account: " }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: userLabel ?? "..." })
         ] }),
         usingDextoCredits && step !== "not-authenticated" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellow", children: "\u26A0\uFE0F You are configured to use Dexto Nova credits (provider: Dexto Nova)." }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", dimColor: true, children: "After logout, you will need to run `/login` to authenticate again, or `dexto setup` to configure a different provider." })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("amberDim"), children: "\u26A0\uFE0F You are configured to use Dexto models, which run on this sign-in." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: "After logout, you will need to run `/login` to authenticate again, or `dexto setup` to configure a different provider." })
         ] }),
-        step === "logging-out" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Logging out..." }) }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "red", children: [
+        step === "logging-out" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Logging out..." }) }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: (0, import_signal.tone)("red"), children: [
           "Error: ",
           error
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", dimColor: true, children: hint }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: hint }) })
       ]
     }
   );

package/dist/components/overlays/LogoutOverlay.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { Key } from '../../hooks/useInputOrchestrator.js';
 export type LogoutOverlayOutcome = {
     outcome: 'success';
+    summary: string;
     wasUsingDextoCredits: boolean;
 } | {
     outcome: 'cancelled';

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

@@ -1 +1 @@
-{"version":3,"file":"LogoutOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/LogoutOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAQ/D,MAAM,MAAM,oBAAoB,GAC1B;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,oBAAoB,EAAE,OAAO,CAAA;CAAE,GACrD;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GACxB;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAID,QAAA,MAAM,aAAa,gGAwKjB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"LogoutOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/LogoutOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAI/D,MAAM,MAAM,oBAAoB,GAC1B;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,oBAAoB,EAAE,OAAO,CAAA;CAAE,GACtE;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GACxB;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE5B,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAID,QAAA,MAAM,aAAa,gGA4JjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/components/overlays/LogoutOverlay.js

@@ -1,38 +1,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  useState
-} from "react";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from "react";
 import { Box, Text } from "ink";
-import {
-  loadAuth,
-  removeAuth,
-  removeDextoApiKeyFromEnv,
-  isUsingDextoCredits
-} from "../../host/index.js";
+import { currentSignIn, isUsingDextoCredits, signOut } from "../../host/index.js";
+import { tone } from "../../signal/index.js";
 const LogoutOverlay = forwardRef(function LogoutOverlay2({ isVisible, onDone }, ref) {
   const [step, setStep] = useState("checking");
   const [userLabel, setUserLabel] = useState(null);
   const [usingDextoCredits, setUsingDextoCredits] = useState(false);
   const [error, setError] = useState(null);
-  const provisionedApiKeyRef = useRef(null);
   const performLogout = useCallback(async () => {
     setError(null);
     setStep("logging-out");
     try {
-      const auth = await loadAuth();
-      if (auth?.dextoApiKey && auth.dextoApiKeySource === "provisioned") {
-        provisionedApiKeyRef.current = auth.dextoApiKey;
-      }
-      await removeAuth();
-      if (provisionedApiKeyRef.current) {
-        await removeDextoApiKeyFromEnv({ expectedValue: provisionedApiKeyRef.current });
-      }
-      onDone({ outcome: "success", wasUsingDextoCredits: usingDextoCredits });
+      const summary = await signOut();
+      onDone({ outcome: "success", summary, wasUsingDextoCredits: usingDextoCredits });
     } catch (err) {
       setStep("error");
       setError(err instanceof Error ? err.message : String(err));
@@ -41,24 +22,23 @@ const LogoutOverlay = forwardRef(function LogoutOverlay2({ isVisible, onDone },
   useEffect(() => {
     if (!isVisible) return;
     let cancelled = false;
-    provisionedApiKeyRef.current = null;
     setStep("checking");
     setUserLabel(null);
     setUsingDextoCredits(false);
     setError(null);
     void (async () => {
       try {
-        const auth = await loadAuth();
+        const signedInAs = await currentSignIn();
         if (cancelled) return;
-        if (!auth) {
+        if (signedInAs === null) {
           setStep("not-authenticated");
           return;
         }
-        setUserLabel(auth.email || auth.userId || "user");
+        setUserLabel(signedInAs);
       } catch {
         if (!cancelled) {
           setStep("error");
-          setError("Failed to load authentication state");
+          setError("Failed to read the sign-in");
         }
         return;
       }
@@ -101,25 +81,25 @@ const LogoutOverlay = forwardRef(function LogoutOverlay2({ isVisible, onDone },
     {
       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: "Logout" }) }),
-        step === "not-authenticated" ? /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u2139\uFE0F Not currently logged in" }) }) : /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Account: " }),
+        /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("teal"), children: "Logout" }) }),
+        step === "not-authenticated" ? /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("amberDim"), children: "Not signed in" }) }) : /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Account: " }),
           /* @__PURE__ */ jsx(Text, { children: userLabel ?? "..." })
         ] }),
         usingDextoCredits && step !== "not-authenticated" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u26A0\uFE0F You are configured to use Dexto Nova credits (provider: Dexto Nova)." }),
-          /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "After logout, you will need to run `/login` to authenticate again, or `dexto setup` to configure a different provider." })
+          /* @__PURE__ */ jsx(Text, { color: tone("amberDim"), children: "\u26A0\uFE0F You are configured to use Dexto models, which run on this sign-in." }),
+          /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: "After logout, you will need to run `/login` to authenticate again, or `dexto setup` to configure a different provider." })
         ] }),
-        step === "logging-out" && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Logging out..." }) }),
-        error && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+        step === "logging-out" && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Logging out..." }) }),
+        error && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: tone("red"), children: [
           "Error: ",
           error
         ] }) }),
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: hint }) })
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: hint }) })
       ]
     }
   );

package/dist/components/overlays/MarketplaceAddPrompt.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_core = require("@dexto/core");
+var import_signal = require("../../signal/index.js");
 const MarketplaceAddPrompt = (0, import_react.forwardRef)(
   function MarketplaceAddPrompt2({ isVisible, onComplete, onClose }, ref) {
     const [input, setInput] = (0, import_react.useState)("");
@@ -92,25 +93,25 @@ const MarketplaceAddPrompt = (0, import_react.forwardRef)(
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "green",
+        borderColor: (0, import_signal.tone)("add"),
         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: "green", children: "Add Marketplace" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Enter marketplace source:" }) }),
+          /* @__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)("add"), children: "Add Marketplace" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), children: "Enter marketplace source:" }) }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginBottom: 1, flexDirection: "column", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", dimColor: true, children: "- GitHub: owner/repo (e.g., anthropics/claude-plugins-official)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", dimColor: true, children: "- Git URL: https://github.com/user/repo.git" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", dimColor: true, children: "- Local: /path/to/marketplace or ~/marketplace" })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: "- GitHub: owner/repo (e.g., anthropics/claude-plugins-official)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: "- Git URL: https://github.com/user/repo.git" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: (0, import_signal.tone)("dim"), dimColor: true, children: "- Local: /path/to/marketplace or ~/marketplace" })
           ] }),
           /* @__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: input }),
-            /* @__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 }) }),
-          isAdding && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellow", children: "Adding marketplace..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", dimColor: true, children: "Press Enter to add, Escape 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 }) }),
+          isAdding && /* @__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)("amberDim"), children: "Adding marketplace..." }) }),
+          /* @__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"), dimColor: true, children: "Press Enter to add, Escape to cancel" }) })
         ]
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceAddPrompt.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/MarketplaceAddPrompt.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAIjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAE/D,UAAU,yBAAyB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,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,8GAsIzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"MarketplaceAddPrompt.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/MarketplaceAddPrompt.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAIjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,UAAU,yBAAyB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,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,8GAsIzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/overlays/MarketplaceAddPrompt.js

@@ -3,6 +3,7 @@ import { useState, useEffect, forwardRef, useImperativeHandle, useCallback } fro
 import { Box, Text } from "ink";
 import { addMarketplace } from "@dexto/agent-management";
 import { logger } from "@dexto/core";
+import { tone } from "../../signal/index.js";
 const MarketplaceAddPrompt = forwardRef(
   function MarketplaceAddPrompt2({ isVisible, onComplete, onClose }, ref) {
     const [input, setInput] = useState("");
@@ -69,25 +70,25 @@ const MarketplaceAddPrompt = forwardRef(
       {
         flexDirection: "column",
         borderStyle: "round",
-        borderColor: "green",
+        borderColor: tone("add"),
         paddingX: 1,
         marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "Add Marketplace" }) }),
-          /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Enter marketplace source:" }) }),
+          /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: tone("add"), children: "Add Marketplace" }) }),
+          /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), children: "Enter marketplace source:" }) }),
           /* @__PURE__ */ jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [
-            /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "- GitHub: owner/repo (e.g., anthropics/claude-plugins-official)" }),
-            /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "- Git URL: https://github.com/user/repo.git" }),
-            /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "- Local: /path/to/marketplace or ~/marketplace" })
+            /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: "- GitHub: owner/repo (e.g., anthropics/claude-plugins-official)" }),
+            /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: "- Git URL: https://github.com/user/repo.git" }),
+            /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: "- Local: /path/to/marketplace or ~/marketplace" })
           ] }),
           /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+            /* @__PURE__ */ jsx(Text, { color: tone("teal"), children: "> " }),
             /* @__PURE__ */ jsx(Text, { children: input }),
-            /* @__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 }) }),
-          isAdding && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Adding marketplace..." }) }),
-          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Press Enter to add, Escape to cancel" }) })
+          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("red"), children: error }) }),
+          isAdding && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("amberDim"), children: "Adding marketplace..." }) }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: tone("dim"), dimColor: true, children: "Press Enter to add, Escape to cancel" }) })
         ]
       }
     );