@dexto/tui 1.8.0 → 1.8.2

package/dist/components/Footer.cjs

@@ -35,6 +35,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_node_path = __toESM(require("node:path"), 1);
 var import_ink = require("ink");
+var import_llm = require("@dexto/llm");
 var import_core = require("@dexto/core");
 var import_llm_provider_display = require("../utils/llm-provider-display.js");
 var import_chatgpt_rate_limit = require("../utils/chatgpt-rate-limit.js");
@@ -52,13 +53,13 @@ function Footer({
   chatgptRateLimitStatus
 }) {
   const displayPath = cwd ? import_node_path.default.basename(cwd) || cwd : "";
-  const displayModelName = (0, import_core.getModelDisplayName)(modelName);
+  const displayModelName = (0, import_llm.getModelDisplayName)(modelName);
   const [contextLeft, setContextLeft] = (0, import_react.useState)(null);
   const [, setLlmTick] = (0, import_react.useState)(0);
   const llmConfig = sessionId ? agent.getCurrentLLMConfig(sessionId) : null;
   const provider = llmConfig?.provider ?? null;
   const providerLabel = provider ? (0, import_llm_provider_display.getLLMProviderDisplayName)(provider, llmConfig?.baseURL) : null;
-  const reasoningProfile = provider && llmConfig ? (0, import_core.getReasoningProfile)(provider, llmConfig.model) : null;
+  const reasoningProfile = provider && llmConfig ? (0, import_llm.getReasoningProfile)(provider, llmConfig.model) : null;
   const reasoningVariant = llmConfig?.reasoning?.variant ?? reasoningProfile?.defaultVariant ?? void 0;
   const showReasoningVariant = reasoningProfile?.capable === true && typeof reasoningVariant === "string";
   const isChatGPTLogin = provider === "openai-compatible" && (0, import_core.parseCodexBaseURL)(llmConfig?.baseURL)?.authMode === "chatgpt";

package/dist/components/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/components/Footer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,EAIH,KAAK,sBAAsB,EAC9B,MAAM,aAAa,CAAC;AAMrB,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjF,UAAU,WAAW;IACjB,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;CAC1D;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACnB,KAAK,EACL,SAAS,EACT,SAAS,EACT,GAAG,EACH,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,sBAAsB,GACzB,EAAE,WAAW,2CA8Kb"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/components/Footer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAM7E,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjF,UAAU,WAAW;IACjB,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;CAC1D;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACnB,KAAK,EACL,SAAS,EACT,SAAS,EACT,GAAG,EACH,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,sBAAsB,GACzB,EAAE,WAAW,2CA8Kb"}

package/dist/components/Footer.js

@@ -2,11 +2,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import path from "node:path";
 import { Box, Text } from "ink";
-import {
-  getModelDisplayName,
-  getReasoningProfile,
-  parseCodexBaseURL
-} from "@dexto/core";
+import { getModelDisplayName, getReasoningProfile } from "@dexto/llm";
+import { parseCodexBaseURL } from "@dexto/core";
 import { getLLMProviderDisplayName } from "../utils/llm-provider-display.js";
 import {
   getChatGPTRateLimitHint,

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

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import type { Key } from '../../hooks/useInputOrchestrator.js';
-import type { LLMProvider } from '@dexto/core';
+import type { LLMProvider } from '@dexto/llm';
 export interface ApiKeyInputProps {
     isVisible: boolean;
     provider: LLMProvider;

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

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyInput.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/ApiKeyInput.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,WAAW,EAAE,MAAM,aAAa,CAAC;AAS/C,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,4FA+Jf,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ApiKeyInput.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/ApiKeyInput.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,WAAW,EAAE,MAAM,YAAY,CAAC;AAS9C,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW,4FA+Jf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/components/overlays/ConnectOverlay.cjs

@@ -0,0 +1,423 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ConnectOverlay_exports = {};
+__export(ConnectOverlay_exports, {
+  default: () => ConnectOverlay_default
+});
+module.exports = __toCommonJS(ConnectOverlay_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+var import_open = __toESM(require("open"), 1);
+var import_BaseSelector = require("../base/BaseSelector.js");
+var import_agent_management = require("@dexto/agent-management");
+var import_llm = require("@dexto/llm");
+var import_host = require("../../host/index.js");
+function methodHint(method, profile, defaultProfileId) {
+  const parts = [
+    profile ? profile.id === defaultProfileId ? "Connected (default)" : "Connected" : void 0,
+    method.hint
+  ].filter((part) => Boolean(part));
+  return parts.length ? parts.join(" - ") : void 0;
+}
+function maskSecret(secret) {
+  if (secret.length <= 8) {
+    return "*".repeat(secret.length);
+  }
+  return `${secret.slice(0, 4)}${"*".repeat(Math.min(secret.length - 8, 24))}${secret.slice(-4)}`;
+}
+function toLlmProvider(providerId) {
+  const provider = import_llm.LLM_PROVIDERS.find((candidate) => candidate === providerId);
+  if (!provider) {
+    throw new Error(`API-key auth is not implemented for provider: ${providerId}`);
+  }
+  return provider;
+}
+const ConnectOverlay = (0, import_react.forwardRef)(
+  function ConnectOverlay2({ isVisible, onDone }, ref) {
+    const selectorRef = (0, import_react.useRef)(null);
+    const loginCancelRef = (0, import_react.useRef)(null);
+    const [step, setStep] = (0, import_react.useState)("provider");
+    const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+    const [provider, setProvider] = (0, import_react.useState)(null);
+    const [method, setMethod] = (0, import_react.useState)(null);
+    const [profiles, setProfiles] = (0, import_react.useState)([]);
+    const [defaultProfileId, setDefaultProfileId] = (0, import_react.useState)(null);
+    const [apiKey, setApiKey] = (0, import_react.useState)("");
+    const [status, setStatus] = (0, import_react.useState)("Choose a provider to connect.");
+    const [error, setError] = (0, import_react.useState)(null);
+    const currentProfileId = provider && method ? (0, import_agent_management.getModelAuthProfileId)(provider.providerId, method.id) : null;
+    const existingProfile = currentProfileId ? profiles.find((profile) => profile.id === currentProfileId) ?? null : null;
+    const close = (0, import_react.useCallback)(
+      (outcome) => {
+        void loginCancelRef.current?.();
+        loginCancelRef.current = null;
+        onDone(outcome);
+      },
+      [onDone]
+    );
+    const handleActionError = (0, import_react.useCallback)((err) => {
+      setError(err instanceof Error ? err.message : String(err));
+      setStep("error");
+    }, []);
+    (0, import_react.useEffect)(() => {
+      if (!isVisible) {
+        return;
+      }
+      setStep("provider");
+      setSelectedIndex(0);
+      setProvider(null);
+      setMethod(null);
+      setProfiles([]);
+      setDefaultProfileId(null);
+      setApiKey("");
+      setStatus("Choose a provider to connect.");
+      setError(null);
+    }, [isVisible]);
+    const providerOptions = (0, import_react.useMemo)(
+      () => (0, import_agent_management.getProviderAuthDefinitions)().map((item) => ({
+        value: item.providerId,
+        label: item.label,
+        hint: `${item.methods.length} method${item.methods.length === 1 ? "" : "s"}`
+      })),
+      []
+    );
+    const methodOptions = (0, import_react.useMemo)(() => {
+      if (!provider) {
+        return [];
+      }
+      return provider.methods.map((item) => {
+        const profile = profiles.find(
+          (candidate) => candidate.id === (0, import_agent_management.getModelAuthProfileId)(provider.providerId, item.id)
+        );
+        return {
+          value: item.id,
+          label: item.label,
+          hint: methodHint(item, profile, defaultProfileId)
+        };
+      });
+    }, [defaultProfileId, profiles, provider]);
+    const existingActionOptions = (0, import_react.useMemo)(() => {
+      if (!existingProfile) {
+        return [];
+      }
+      return [
+        {
+          value: "use",
+          label: existingProfile.id === defaultProfileId ? "Keep as default" : "Use existing",
+          hint: existingProfile.id === defaultProfileId ? "No changes" : "Set this method as provider default"
+        },
+        { value: "replace", label: "Replace credentials", hint: "Reconnect this method" },
+        {
+          value: "delete",
+          label: "Delete credentials",
+          ...existingProfile.id === defaultProfileId ? { hint: "Also clears default" } : {}
+        }
+      ];
+    }, [defaultProfileId, existingProfile]);
+    const activeItems = step === "provider" ? providerOptions : step === "method" ? methodOptions : step === "existing-action" ? existingActionOptions : [];
+    const loadProvider = (0, import_react.useCallback)(async (nextProvider) => {
+      setProvider(nextProvider);
+      setMethod(null);
+      setStatus(`Loading saved ${nextProvider.label} profiles...`);
+      const [savedProfiles, savedDefaultProfileId] = await Promise.all([
+        (0, import_agent_management.listSavedModelAuthProfiles)(nextProvider.providerId),
+        (0, import_agent_management.getDefaultModelAuthProfileIdForProvider)(nextProvider.providerId)
+      ]);
+      setProfiles(savedProfiles);
+      setDefaultProfileId(savedDefaultProfileId);
+      setSelectedIndex(0);
+      setStatus(`Choose how to connect ${nextProvider.label}.`);
+      setStep("method");
+    }, []);
+    const saveApiKey = (0, import_react.useCallback)(async () => {
+      if (!provider || !method) {
+        close({ outcome: "cancelled" });
+        return;
+      }
+      const trimmed = apiKey.trim();
+      if (!trimmed) {
+        setError("API key is required");
+        return;
+      }
+      const llmProvider = toLlmProvider(provider.providerId);
+      if (!(0, import_host.isValidApiKeyFormat)(trimmed, llmProvider)) {
+        setError(`${provider.label} API key format is invalid`);
+        return;
+      }
+      setError(null);
+      try {
+        setStatus(`Saving ${provider.label} API key...`);
+        await (0, import_agent_management.saveProviderApiKey)(llmProvider, trimmed, process.cwd());
+        await (0, import_host.applyLayeredEnvironmentLoading)();
+        await (0, import_agent_management.saveApiKeyModelAuthProfile)(llmProvider);
+        await (0, import_agent_management.markModelAuthProviderConnected)(provider.providerId);
+        close({
+          outcome: "success",
+          providerId: provider.providerId,
+          message: `Connected ${provider.label} (${method.label})`
+        });
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      }
+    }, [apiKey, close, method, provider]);
+    const connectOAuth = (0, import_react.useCallback)(
+      async (nextProvider, nextMethod) => {
+        setStep("oauth-progress");
+        setStatus(`Starting ${nextMethod.label}...`);
+        let timeout = null;
+        try {
+          const login = await (0, import_agent_management.startModelAuthBrowserLogin)({
+            providerId: nextProvider.providerId,
+            methodId: nextMethod.id
+          });
+          loginCancelRef.current = login.cancel;
+          setStatus(`Opening browser for ${nextMethod.label}...`);
+          await (0, import_open.default)(login.authUrl).catch(() => void 0);
+          setStatus("Waiting for browser authorization...");
+          await Promise.race([
+            login.waitForProfile(),
+            new Promise((_, reject) => {
+              timeout = setTimeout(
+                () => reject(new Error(`${nextMethod.label} timed out`)),
+                5 * 60 * 1e3
+              );
+            })
+          ]);
+          await (0, import_agent_management.markModelAuthProviderConnected)(nextProvider.providerId);
+          close({
+            outcome: "success",
+            providerId: nextProvider.providerId,
+            message: `Connected ${nextProvider.label} (${nextMethod.label})`
+          });
+        } catch (err) {
+          setError(err instanceof Error ? err.message : String(err));
+          setStep("error");
+        } finally {
+          if (timeout) {
+            clearTimeout(timeout);
+          }
+          await loginCancelRef.current?.();
+          loginCancelRef.current = null;
+        }
+      },
+      [close]
+    );
+    const startConnect = (0, import_react.useCallback)(async () => {
+      if (!provider || !method) {
+        close({ outcome: "cancelled" });
+        return;
+      }
+      if (method.kind === "api_key") {
+        setApiKey("");
+        setError(null);
+        setStatus(`Enter your ${provider.label} API key.`);
+        setStep("api-key");
+        return;
+      }
+      if (method.kind === "oauth") {
+        await connectOAuth(provider, method);
+      }
+    }, [close, connectOAuth, method, provider]);
+    const handleSelect = (0, import_react.useCallback)(
+      async (option) => {
+        if (step === "provider") {
+          const nextProvider = (0, import_agent_management.getProviderAuthDefinitions)().find(
+            (candidate) => candidate.providerId === option.value
+          );
+          if (nextProvider) {
+            await loadProvider(nextProvider);
+          }
+          return;
+        }
+        if (step === "method" && provider) {
+          const nextMethod = provider.methods.find(
+            (candidate) => candidate.id === option.value
+          );
+          if (nextMethod) {
+            setMethod(nextMethod);
+            const profileId = (0, import_agent_management.getModelAuthProfileId)(provider.providerId, nextMethod.id);
+            if (profiles.some((item) => item.id === profileId)) {
+              setStatus(`Manage ${provider.label} ${nextMethod.label}.`);
+              setStep("existing-action");
+              setSelectedIndex(0);
+              return;
+            }
+            if (nextMethod.kind === "api_key") {
+              setApiKey("");
+              setError(null);
+              setStatus(`Enter your ${provider.label} API key.`);
+              setStep("api-key");
+              return;
+            }
+            if (nextMethod.kind === "oauth") {
+              await connectOAuth(provider, nextMethod);
+            }
+          }
+          return;
+        }
+        if (step === "existing-action" && provider && method && currentProfileId) {
+          if (option.value === "use") {
+            await (0, import_agent_management.setDefaultModelAuthProfile)({
+              providerId: provider.providerId,
+              profileId: currentProfileId
+            });
+            close({
+              outcome: "success",
+              providerId: provider.providerId,
+              message: `Using ${provider.label} ${method.label}`
+            });
+            return;
+          }
+          if (option.value === "replace") {
+            await startConnect();
+            return;
+          }
+          if (option.value === "delete") {
+            setStatus(`Press Enter to delete ${provider.label} ${method.label}.`);
+            setStep("delete-confirm");
+          }
+        }
+      },
+      [
+        close,
+        connectOAuth,
+        currentProfileId,
+        loadProvider,
+        method,
+        profiles,
+        provider,
+        startConnect,
+        step
+      ]
+    );
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          if (!isVisible) return false;
+          if (step === "api-key") {
+            if (key.escape) {
+              close({ outcome: "cancelled" });
+              return true;
+            }
+            if (key.return) {
+              void saveApiKey().catch(handleActionError);
+              return true;
+            }
+            if (key.backspace || key.delete) {
+              setApiKey((prev) => prev.slice(0, -1));
+              setError(null);
+              return true;
+            }
+            if (input && !key.ctrl && !key.meta) {
+              setApiKey((prev) => prev + input);
+              setError(null);
+              return true;
+            }
+            return true;
+          }
+          if (step === "delete-confirm") {
+            if (key.escape) {
+              close({ outcome: "cancelled" });
+              return true;
+            }
+            if (key.return && provider && method && currentProfileId) {
+              void (0, import_agent_management.deleteModelAuthProfile)(currentProfileId).then(
+                () => close({
+                  outcome: "success",
+                  providerId: provider.providerId,
+                  message: `Deleted ${provider.label} ${method.label}`
+                })
+              ).catch(handleActionError);
+              return true;
+            }
+            return true;
+          }
+          if (step === "oauth-progress") {
+            if (key.escape) {
+              close({ outcome: "cancelled" });
+            }
+            return true;
+          }
+          if (step === "error") {
+            if (key.escape || key.return) {
+              close({ outcome: "closed" });
+            }
+            return true;
+          }
+          return selectorRef.current?.handleInput(input, key) ?? false;
+        }
+      }),
+      [
+        close,
+        currentProfileId,
+        handleActionError,
+        isVisible,
+        method,
+        provider,
+        saveApiKey,
+        step
+      ]
+    );
+    if (!isVisible) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 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: "Connect Model Provider" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: error ? "red" : "gray", children: error ?? status }),
+      step === "api-key" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: maskSecret(apiKey) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Enter save \u2022 Esc cancel" })
+      ] }) : step === "delete-confirm" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "red", children: "This removes saved credentials for this method." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Enter delete \u2022 Esc cancel" })
+      ] }) : step === "oauth-progress" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Esc cancel" }) }) : step === "error" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Enter close \u2022 Esc close" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_BaseSelector.BaseSelector,
+        {
+          ref: selectorRef,
+          items: activeItems,
+          isVisible: true,
+          selectedIndex,
+          onSelectIndex: setSelectedIndex,
+          onSelect: (item) => void handleSelect(item).catch(handleActionError),
+          onClose: () => close({ outcome: "cancelled" }),
+          title: step === "provider" ? "Providers" : step === "method" ? `${provider?.label ?? "Provider"} methods` : "Existing profile",
+          formatItem: (item, selected) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { ...selected ? { color: "cyan" } : {}, children: [
+            selected ? "\u203A " : "  ",
+            item.label,
+            item.hint ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+              " \u2014 ",
+              item.hint
+            ] }) : null
+          ] })
+        }
+      ) })
+    ] });
+  }
+);
+var ConnectOverlay_default = ConnectOverlay;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+export type ConnectOverlayOutcome = {
+    outcome: 'success';
+    providerId: string;
+    message: string;
+} | {
+    outcome: 'cancelled';
+} | {
+    outcome: 'closed';
+};
+export interface ConnectOverlayProps {
+    isVisible: boolean;
+    onDone: (outcome: ConnectOverlayOutcome) => void;
+}
+export interface ConnectOverlayHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+declare const ConnectOverlay: React.ForwardRefExoticComponent<ConnectOverlayProps & React.RefAttributes<ConnectOverlayHandle>>;
+export default ConnectOverlay;
+//# sourceMappingURL=ConnectOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/ConnectOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAmC/D,MAAM,MAAM,qBAAqB,GAC3B;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAC3D;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GACxB;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE5B,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACpD;AAED,MAAM,WAAW,oBAAoB;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAiCD,QAAA,MAAM,cAAc,kGAsbnB,CAAC;AAEF,eAAe,cAAc,CAAC"}