@dexto/tui 1.6.2

package/dist/components/overlays/custom-model-wizard/shared/ApiKeyStep.js

@@ -0,0 +1,33 @@
+import { jsxs } from "react/jsx-runtime";
+import { Text } from "ink";
+import { getProviderKeyStatus } from "@dexto/agent-management";
+function ApiKeyStep({ provider }) {
+  const keyStatus = getProviderKeyStatus(provider);
+  if (keyStatus.hasApiKey) {
+    return /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+      "\u2713 ",
+      keyStatus.envVar,
+      " already set, press Enter to skip"
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Text, { color: "yellowBright", children: [
+    "No ",
+    keyStatus.envVar,
+    " configured"
+  ] });
+}
+function getProviderEnvVar(provider) {
+  const keyStatus = getProviderKeyStatus(provider);
+  return keyStatus.envVar;
+}
+function hasApiKeyConfigured(provider) {
+  const keyStatus = getProviderKeyStatus(provider);
+  return keyStatus.hasApiKey;
+}
+var ApiKeyStep_default = ApiKeyStep;
+export {
+  ApiKeyStep,
+  ApiKeyStep_default as default,
+  getProviderEnvVar,
+  hasApiKeyConfigured
+};

package/dist/components/overlays/custom-model-wizard/shared/ProviderSelector.cjs

@@ -0,0 +1,64 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ProviderSelector_exports = {};
+__export(ProviderSelector_exports, {
+  ProviderSelector: () => ProviderSelector,
+  default: () => ProviderSelector_default
+});
+module.exports = __toCommonJS(ProviderSelector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_provider_config = require("../provider-config.js");
+function ProviderSelector({
+  selectedIndex,
+  isEditing
+}) {
+  const providers = (0, import_provider_config.getAvailableProviders)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_ink.Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "green",
+      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: isEditing ? "Edit Custom Model" : "Add Custom Model" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, children: "Select Provider:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginTop: 1, children: providers.map((provider, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_ink.Text,
+          {
+            color: index === selectedIndex ? "cyan" : "gray",
+            bold: index === selectedIndex,
+            children: [
+              index === selectedIndex ? "\u276F " : "  ",
+              (0, import_provider_config.getProviderLabel)(provider)
+            ]
+          }
+        ) }, provider)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
+      ]
+    }
+  );
+}
+var ProviderSelector_default = ProviderSelector;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProviderSelector
+});

package/dist/components/overlays/custom-model-wizard/shared/ProviderSelector.d.ts

@@ -0,0 +1,17 @@
+/**
+ * ProviderSelector Component
+ * Renders the provider selection screen with navigation.
+ */
+import React from 'react';
+interface ProviderSelectorProps {
+    /** Currently highlighted provider index */
+    selectedIndex: number;
+    /** Whether we're editing an existing model */
+    isEditing: boolean;
+}
+/**
+ * Renders a list of available providers with the current selection highlighted.
+ */
+export declare function ProviderSelector({ selectedIndex, isEditing, }: ProviderSelectorProps): React.ReactElement;
+export default ProviderSelector;
+//# sourceMappingURL=ProviderSelector.d.ts.map

package/dist/components/overlays/custom-model-wizard/shared/ProviderSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/ProviderSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,qBAAqB;IAC3B,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,aAAa,EACb,SAAS,GACZ,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAsC5C;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/overlays/custom-model-wizard/shared/ProviderSelector.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { getProviderLabel, getAvailableProviders } from "../provider-config.js";
+function ProviderSelector({
+  selectedIndex,
+  isEditing
+}) {
+  const providers = getAvailableProviders();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "green",
+      paddingX: 1,
+      marginTop: 1,
+      children: [
+        /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: isEditing ? "Edit Custom Model" : "Add Custom Model" }) }),
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "Select Provider:" }),
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: providers.map((provider, index) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
+          Text,
+          {
+            color: index === selectedIndex ? "cyan" : "gray",
+            bold: index === selectedIndex,
+            children: [
+              index === selectedIndex ? "\u276F " : "  ",
+              getProviderLabel(provider)
+            ]
+          }
+        ) }, provider)) }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
+      ]
+    }
+  );
+}
+var ProviderSelector_default = ProviderSelector;
+export {
+  ProviderSelector,
+  ProviderSelector_default as default
+};

package/dist/components/overlays/custom-model-wizard/shared/SetupInfoBanner.cjs

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SetupInfoBanner_exports = {};
+__export(SetupInfoBanner_exports, {
+  SetupInfoBanner: () => SetupInfoBanner,
+  default: () => SetupInfoBanner_default
+});
+module.exports = __toCommonJS(SetupInfoBanner_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+function SetupInfoBanner({
+  title,
+  description,
+  docsUrl
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "blue", children: [
+      "\u2139 ",
+      title
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: description }),
+    docsUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "Setup guide: ",
+      docsUrl
+    ] })
+  ] });
+}
+var SetupInfoBanner_default = SetupInfoBanner;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SetupInfoBanner
+});

package/dist/components/overlays/custom-model-wizard/shared/SetupInfoBanner.d.ts

@@ -0,0 +1,20 @@
+/**
+ * SetupInfoBanner Component
+ * Displays setup information for providers that need special configuration.
+ */
+import React from 'react';
+interface SetupInfoBannerProps {
+    /** Banner title */
+    title: string;
+    /** Description text */
+    description: string;
+    /** Optional documentation URL */
+    docsUrl?: string | undefined;
+}
+/**
+ * Displays a setup info banner with title, description, and optional docs link.
+ * Used for providers like Bedrock that require special configuration.
+ */
+export declare function SetupInfoBanner({ title, description, docsUrl, }: SetupInfoBannerProps): React.ReactElement;
+export default SetupInfoBanner;
+//# sourceMappingURL=SetupInfoBanner.d.ts.map

package/dist/components/overlays/custom-model-wizard/shared/SetupInfoBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetupInfoBanner.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/SetupInfoBanner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,oBAAoB;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,OAAO,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAQ3C;AAED,eAAe,eAAe,CAAC"}

package/dist/components/overlays/custom-model-wizard/shared/SetupInfoBanner.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+function SetupInfoBanner({
+  title,
+  description,
+  docsUrl
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
+      "\u2139 ",
+      title
+    ] }),
+    /* @__PURE__ */ jsx(Text, { color: "gray", children: description }),
+    docsUrl && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "Setup guide: ",
+      docsUrl
+    ] })
+  ] });
+}
+var SetupInfoBanner_default = SetupInfoBanner;
+export {
+  SetupInfoBanner,
+  SetupInfoBanner_default as default
+};

package/dist/components/overlays/custom-model-wizard/shared/WizardStepInput.cjs

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WizardStepInput_exports = {};
+__export(WizardStepInput_exports, {
+  WizardStepInput: () => WizardStepInput,
+  default: () => WizardStepInput_default
+});
+module.exports = __toCommonJS(WizardStepInput_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+function WizardStepInput({
+  step,
+  currentInput,
+  error,
+  isValidating,
+  isSaving,
+  additionalContent
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { bold: true, children: [
+        step.label,
+        ":"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: step.placeholder }),
+      additionalContent
+    ] }),
+    /* @__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, { children: currentInput }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", 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 }) }),
+    isValidating && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", children: "Validating model..." }) }),
+    isSaving && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", children: "Saving..." }) })
+  ] });
+}
+var WizardStepInput_default = WizardStepInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WizardStepInput
+});

package/dist/components/overlays/custom-model-wizard/shared/WizardStepInput.d.ts

@@ -0,0 +1,30 @@
+/**
+ * WizardStepInput Component
+ * Renders a single wizard step with label, placeholder, input, and error display.
+ */
+import React from 'react';
+import type { WizardStep } from '../types.js';
+interface WizardStepInputProps {
+    /** Current step configuration */
+    step: WizardStep;
+    /** Current input value */
+    currentInput: string;
+    /** Error message (if any) */
+    error: string | null;
+    /** Whether validation is in progress */
+    isValidating: boolean;
+    /** Whether saving is in progress */
+    isSaving: boolean;
+    /** Optional additional content to render after placeholder (e.g., API key status) */
+    additionalContent?: React.ReactNode;
+}
+/**
+ * Renders a wizard step with:
+ * - Step label and placeholder text
+ * - Text input field with cursor
+ * - Error message (if any)
+ * - Validation/saving indicators
+ */
+export declare function WizardStepInput({ step, currentInput, error, isValidating, isSaving, additionalContent, }: WizardStepInputProps): React.ReactElement;
+export default WizardStepInput;
+//# sourceMappingURL=WizardStepInput.d.ts.map

package/dist/components/overlays/custom-model-wizard/shared/WizardStepInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStepInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/WizardStepInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,oBAAoB;IAC1B,iCAAiC;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,0BAA0B;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,wCAAwC;IACxC,YAAY,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,iBAAiB,GACpB,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAuC3C;AAED,eAAe,eAAe,CAAC"}

package/dist/components/overlays/custom-model-wizard/shared/WizardStepInput.js

@@ -0,0 +1,34 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+function WizardStepInput({
+  step,
+  currentInput,
+  error,
+  isValidating,
+  isSaving,
+  additionalContent
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs(Text, { bold: true, children: [
+        step.label,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: step.placeholder }),
+      additionalContent
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+      /* @__PURE__ */ jsx(Text, { children: currentInput }),
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+    ] }),
+    error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) }),
+    isValidating && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "Validating model..." }) }),
+    isSaving && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "Saving..." }) })
+  ] });
+}
+var WizardStepInput_default = WizardStepInput;
+export {
+  WizardStepInput,
+  WizardStepInput_default as default
+};

package/dist/components/overlays/custom-model-wizard/shared/index.cjs

@@ -0,0 +1,41 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var shared_exports = {};
+__export(shared_exports, {
+  ApiKeyStep: () => import_ApiKeyStep.ApiKeyStep,
+  ProviderSelector: () => import_ProviderSelector.ProviderSelector,
+  SetupInfoBanner: () => import_SetupInfoBanner.SetupInfoBanner,
+  WizardStepInput: () => import_WizardStepInput.WizardStepInput,
+  getProviderEnvVar: () => import_ApiKeyStep.getProviderEnvVar,
+  hasApiKeyConfigured: () => import_ApiKeyStep.hasApiKeyConfigured
+});
+module.exports = __toCommonJS(shared_exports);
+var import_ApiKeyStep = require("./ApiKeyStep.js");
+var import_SetupInfoBanner = require("./SetupInfoBanner.js");
+var import_WizardStepInput = require("./WizardStepInput.js");
+var import_ProviderSelector = require("./ProviderSelector.js");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ApiKeyStep,
+  ProviderSelector,
+  SetupInfoBanner,
+  WizardStepInput,
+  getProviderEnvVar,
+  hasApiKeyConfigured
+});

package/dist/components/overlays/custom-model-wizard/shared/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Shared components for the CustomModelWizard.
+ */
+export { ApiKeyStep, getProviderEnvVar, hasApiKeyConfigured } from './ApiKeyStep.js';
+export { SetupInfoBanner } from './SetupInfoBanner.js';
+export { WizardStepInput } from './WizardStepInput.js';
+export { ProviderSelector } from './ProviderSelector.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/overlays/custom-model-wizard/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/custom-model-wizard/shared/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/overlays/custom-model-wizard/shared/index.js

@@ -0,0 +1,12 @@
+import { ApiKeyStep, getProviderEnvVar, hasApiKeyConfigured } from "./ApiKeyStep.js";
+import { SetupInfoBanner } from "./SetupInfoBanner.js";
+import { WizardStepInput } from "./WizardStepInput.js";
+import { ProviderSelector } from "./ProviderSelector.js";
+export {
+  ApiKeyStep,
+  ProviderSelector,
+  SetupInfoBanner,
+  WizardStepInput,
+  getProviderEnvVar,
+  hasApiKeyConfigured
+};

package/dist/components/overlays/custom-model-wizard/types.cjs

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+__export(types_exports, {
+  validators: () => validators
+});
+module.exports = __toCommonJS(types_exports);
+const validators = {
+  required: (label) => (v) => v.trim() ? null : `${label} is required`,
+  url: (v) => {
+    if (!v.trim()) return "URL is required";
+    try {
+      const url = new URL(v);
+      if (!["http:", "https:"].includes(url.protocol)) {
+        return "URL must use http:// or https://";
+      }
+      return null;
+    } catch {
+      return "Invalid URL format";
+    }
+  },
+  positiveNumber: (v) => {
+    if (!v.trim()) return null;
+    const num = parseInt(v, 10);
+    if (isNaN(num) || num <= 0) return "Must be a positive number";
+    return null;
+  },
+  slashFormat: (v) => {
+    if (!v.trim()) return "Model ID is required";
+    if (!v.includes("/")) return "Must use format: provider/model-name";
+    return null;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  validators
+});

package/dist/components/overlays/custom-model-wizard/types.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Shared types for the CustomModelWizard component architecture.
+ */
+import type { CustomModel, CustomModelProvider } from '@dexto/agent-management';
+import type { Key } from '../../../hooks/useInputOrchestrator.js';
+/**
+ * A single step in the wizard flow.
+ */
+export interface WizardStep {
+    field: string;
+    label: string;
+    placeholder: string;
+    required: boolean;
+    validate?: (value: string) => string | null;
+    /**
+     * Optional condition to determine if this step should be shown.
+     * Takes the current accumulated values and returns true if the step should be shown.
+     * If omitted, the step is always shown.
+     */
+    condition?: (values: Record<string, string>) => boolean;
+}
+/**
+ * Props passed to each provider-specific wizard component.
+ */
+export interface ProviderWizardProps {
+    /** Current accumulated values from all steps */
+    values: Record<string, string>;
+    /** Current step index within the provider's steps */
+    currentStep: number;
+    /** Current text input value */
+    currentInput: string;
+    /** Validation error message (if any) */
+    error: string | null;
+    /** Whether async validation is in progress */
+    isValidating: boolean;
+    /** Whether the model is being saved */
+    isSaving: boolean;
+    /** Whether we're editing an existing model */
+    isEditing: boolean;
+}
+/**
+ * Handle returned by provider components for input handling.
+ */
+export interface ProviderWizardHandle {
+    /** Handle keyboard input. Returns true if handled. */
+    handleInput: (input: string, key: Key) => boolean;
+    /** Get the steps for this provider */
+    getSteps: () => WizardStep[];
+    /** Get current step config */
+    getCurrentStepConfig: () => WizardStep | undefined;
+}
+/**
+ * Configuration for a custom model provider.
+ */
+export interface ProviderConfig {
+    /** Display name shown in provider selector */
+    displayName: string;
+    /** Short description of the provider */
+    description: string;
+    /** Wizard steps for this provider */
+    steps: WizardStep[];
+    /** Build a CustomModel from accumulated values */
+    buildModel: (values: Record<string, string>, provider: CustomModelProvider) => CustomModel;
+    /** Optional async validation for specific fields */
+    asyncValidation?: {
+        field: string;
+        validate: (value: string) => Promise<string | null>;
+    };
+    /** Whether this provider needs a setup info banner */
+    setupInfo?: {
+        title: string;
+        description: string;
+        docsUrl?: string;
+    };
+}
+/**
+ * Common validation functions
+ */
+export declare const validators: {
+    required: (label: string) => (v: string) => string | null;
+    url: (v: string) => "URL is required" | "Invalid URL format" | "URL must use http:// or https://" | null;
+    positiveNumber: (v: string) => "Must be a positive number" | null;
+    slashFormat: (v: string) => "Model ID is required" | "Must use format: provider/model-name" | null;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/overlays/custom-model-wizard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/custom-model-wizard/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;CAC3D;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,gDAAgD;IAChD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,qDAAqD;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,8CAA8C;IAC9C,YAAY,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,sDAAsD;IACtD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;IAClD,sCAAsC;IACtC,QAAQ,EAAE,MAAM,UAAU,EAAE,CAAC;IAC7B,8BAA8B;IAC9B,oBAAoB,EAAE,MAAM,UAAU,GAAG,SAAS,CAAC;CACtD;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,8CAA8C;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,kDAAkD;IAClD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,mBAAmB,KAAK,WAAW,CAAC;IAC3F,oDAAoD;IACpD,eAAe,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;KACvD,CAAC;IACF,sDAAsD;IACtD,SAAS,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACL;AAED;;GAEG;AACH,eAAO,MAAM,UAAU;sBACD,MAAM,MAAM,GAAG,MAAM;aAE9B,MAAM;wBAaK,MAAM;qBAOT,MAAM;CAK1B,CAAC"}

package/dist/components/overlays/custom-model-wizard/types.js

@@ -0,0 +1,29 @@
+const validators = {
+  required: (label) => (v) => v.trim() ? null : `${label} is required`,
+  url: (v) => {
+    if (!v.trim()) return "URL is required";
+    try {
+      const url = new URL(v);
+      if (!["http:", "https:"].includes(url.protocol)) {
+        return "URL must use http:// or https://";
+      }
+      return null;
+    } catch {
+      return "Invalid URL format";
+    }
+  },
+  positiveNumber: (v) => {
+    if (!v.trim()) return null;
+    const num = parseInt(v, 10);
+    if (isNaN(num) || num <= 0) return "Must be a positive number";
+    return null;
+  },
+  slashFormat: (v) => {
+    if (!v.trim()) return "Model ID is required";
+    if (!v.includes("/")) return "Must use format: provider/model-name";
+    return null;
+  }
+};
+export {
+  validators
+};