@solidxai/core-ui 0.1.19 → 0.1.20-beta.1

package/dist/components/common/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/common/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAMnC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/common/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAMnC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/common/Link.js

@@ -22,10 +22,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Link } from "react-router-dom";
+import { preserveModelMenuContext } from "../../helpers/modelViewPersistence";
 // Wrapper for Link to allow easy migration from Next.js to React Router
 export var SolidLink = function (_a) {
     var href = _a.href, children = _a.children, props = __rest(_a, ["href", "children"]);
-    return (_jsx(Link, __assign({ to: href }, props, { children: children })));
+    return (_jsx(Link, __assign({ to: preserveModelMenuContext(href) }, props, { children: children })));
 };
 export default SolidLink;
 //# sourceMappingURL=Link.js.map

package/dist/components/common/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/common/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,wEAAwE;AACxE,MAAM,CAAC,IAAM,SAAS,GAAkB,UAAC,EAA4B;IAA1B,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACjE,OAAO,CACL,KAAC,IAAI,aAAC,EAAE,EAAE,IAAI,IAAM,KAAK,cACtB,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { Link } from \"react-router-dom\";\nimport React from \"react\";\n\n// Wrapper for Link to allow easy migration from Next.js to React Router\nexport const SolidLink: React.FC<any> = ({ href, children, ...props }) => {\n  return (\n    <Link to={href} {...props}>\n      {children}\n    </Link>\n  );\n};\n\nexport default SolidLink;\n"]}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/common/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAE9E,wEAAwE;AACxE,MAAM,CAAC,IAAM,SAAS,GAAkB,UAAC,EAA4B;IAA1B,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACjE,OAAO,CACL,KAAC,IAAI,aAAC,EAAE,EAAE,wBAAwB,CAAC,IAAI,CAAC,IAAM,KAAK,cAChD,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { Link } from \"react-router-dom\";\nimport React from \"react\";\nimport { preserveModelMenuContext } from \"../../helpers/modelViewPersistence\";\n\n// Wrapper for Link to allow easy migration from Next.js to React Router\nexport const SolidLink: React.FC<any> = ({ href, children, ...props }) => {\n  return (\n    <Link to={preserveModelMenuContext(href)} {...props}>\n      {children}\n    </Link>\n  );\n};\n\nexport default SolidLink;\n"]}

package/dist/components/common/Link.tsx

@@ -1,10 +1,11 @@
 import { Link } from "react-router-dom";
 import React from "react";
+import { preserveModelMenuContext } from "../../helpers/modelViewPersistence";
 
 // Wrapper for Link to allow easy migration from Next.js to React Router
 export const SolidLink: React.FC<any> = ({ href, children, ...props }) => {
   return (
-    <Link to={href} {...props}>
+    <Link to={preserveModelMenuContext(href)} {...props}>
       {children}
     </Link>
   );

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.d.ts

@@ -6,6 +6,7 @@ export interface ProviderEntry {
     type: string;
     apiKey: string;
     baseUrl?: string;
+    region?: string;
 }
 export interface ModelEntry {
     providerId: string;

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AiModelConfigTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE;QACN,OAAO,EAAE,UAAU,CAAC;QACpB,IAAI,EAAE,UAAU,CAAC;KAClB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CAC1C;AAmBD,eAAO,MAAM,sBAAsB,cAAe,OAAO,MAAM,EAAE,aAAa,CAAC,KAAG,OAAO,MAAM,EAAE,aAAa,CAG5G,CAAC;AAgLH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,IAAI,CAAC;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,oEAAqE,iBAAiB,4CA+E9G,CAAC;AAIF,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,cAAc,kDAAmD,mBAAmB,4CAoEhG,CAAC"}
+{"version":3,"file":"AiModelConfigTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE;QACN,OAAO,EAAE,UAAU,CAAC;QACpB,IAAI,EAAE,UAAU,CAAC;KAClB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CAC1C;AAyBD,eAAO,MAAM,sBAAsB,cAAe,OAAO,MAAM,EAAE,aAAa,CAAC,KAAG,OAAO,MAAM,EAAE,aAAa,CAG5G,CAAC;AAkQH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,IAAI,CAAC;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,oEAAqE,iBAAiB,4CA+E9G,CAAC;AAIF,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD;AAID,eAAO,MAAM,cAAc,kDAAmD,mBAAmB,4CAkGhG,CAAC"}

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.js

@@ -9,17 +9,31 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState } from "react";
-import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogFooter, SolidDialogHeader, SolidDialogTitle, SolidInput, SolidSelect, SolidSwitch, SolidTextarea, } from "../../../shad-cn-ui";
-import { getAllowedModelIdsForProvider } from "../../../../constants/allowed-ai-models";
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogFooter, SolidDialogHeader, SolidDialogTitle, SolidAutocomplete, SolidInput, SolidSwitch, SolidTextarea, } from "../../../shad-cn-ui";
+import { useModelsDevCatalog, useModelsDevModels } from "../../../../hooks/useModelsDevModels";
 var PROVIDER_TYPE_OPTIONS = [
     { label: "OpenAI", value: "openai" },
     { label: "Anthropic", value: "anthropic" },
     { label: "OpenAI Compatible", value: "openai-compatible" },
     { label: "Anthropic Compatible", value: "anthropic-compatible" },
+    { label: "Amazon Bedrock", value: "bedrock" },
 ];
 var COMPATIBLE_TYPES = ["openai-compatible", "anthropic-compatible"];
+// Native Bedrock (Converse API): authenticated with a Bedrock API key and a region, no base URL.
+var BEDROCK_TYPE = "bedrock";
+var BEDROCK_DEFAULT_NAME = "amazon-bedrock";
+var ADDABLE_TYPES = __spreadArray(__spreadArray([], COMPATIBLE_TYPES, true), [BEDROCK_TYPE], false);
 var BUILT_IN_TYPES = ["openai", "anthropic"];
 var DEFAULT_BUILT_IN_PROVIDERS = {
     openai: { type: "openai", apiKey: "" },
@@ -32,42 +46,78 @@ var cardStyle = {
     padding: "1.25rem",
     background: "var(--solid-card-bg, var(--solid-surface-bg, transparent))",
 };
+function SearchableSettingsSelect(_a) {
+    var _b;
+    var value = _a.value, options = _a.options, placeholder = _a.placeholder, disabled = _a.disabled, onChange = _a.onChange;
+    var _c = useState(""), query = _c[0], setQuery = _c[1];
+    var selectedLabel = (_b = options.find(function (option) { return option.value === value; })) === null || _b === void 0 ? void 0 : _b.label;
+    var selected = React.useMemo(function () { return selectedLabel ? { label: selectedLabel, value: value } : null; }, [selectedLabel, value]);
+    var suggestions = options.filter(function (option) {
+        return "".concat(option.label, " ").concat(option.value).toLowerCase().includes(query.trim().toLowerCase());
+    });
+    return _jsx(SolidAutocomplete, { className: "solid-standard-autocomplete w-full", value: selected, suggestions: suggestions, completeMethod: function (_a) {
+            var next = _a.query;
+            return setQuery(next);
+        }, onChange: function (event) { var _a, _b; return onChange((_b = (_a = event.value) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ""); }, field: "label", placeholder: placeholder, disabled: disabled, dropdown: true, forceSelection: true, portal: true });
+}
 var ProviderModal = function (_a) {
-    var _b, _c, _d, _e;
+    var _b, _c, _d, _e, _f;
     var visible = _a.visible, onHide = _a.onHide, providers = _a.providers, onProvidersChange = _a.onProvidersChange, editKey = _a.editKey;
     var isEdit = !!editKey;
     var existingEntry = isEdit ? providers[editKey] : null;
-    var _f = useState((_b = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.type) !== null && _b !== void 0 ? _b : ""), providerType = _f[0], setProviderType = _f[1];
-    var _g = useState(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : ""), providerName = _g[0], setProviderName = _g[1];
-    var _h = useState((_c = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.baseUrl) !== null && _c !== void 0 ? _c : ""), providerBaseUrl = _h[0], setProviderBaseUrl = _h[1];
-    var _j = useState((_d = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.apiKey) !== null && _d !== void 0 ? _d : ""), providerApiKey = _j[0], setProviderApiKey = _j[1];
+    var _g = useState((_b = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.type) !== null && _b !== void 0 ? _b : ""), providerType = _g[0], setProviderType = _g[1];
+    var _h = useState(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : ""), providerName = _h[0], setProviderName = _h[1];
+    var _j = useState((_c = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.baseUrl) !== null && _c !== void 0 ? _c : ""), providerBaseUrl = _j[0], setProviderBaseUrl = _j[1];
+    var _k = useState((_d = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.apiKey) !== null && _d !== void 0 ? _d : ""), providerApiKey = _k[0], setProviderApiKey = _k[1];
+    var _l = useState((_e = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.region) !== null && _e !== void 0 ? _e : ""), providerRegion = _l[0], setProviderRegion = _l[1];
+    var _m = useModelsDevCatalog(), catalog = _m.catalog, catalogLoading = _m.loading, catalogError = _m.error;
     var isCompatible = COMPATIBLE_TYPES.includes(providerType);
+    var isBedrock = providerType === BEDROCK_TYPE;
+    var catalogProviders = Object.entries(catalog !== null && catalog !== void 0 ? catalog : {})
+        .filter(function (_a) {
+        var id = _a[0];
+        return !providers[id];
+    })
+        .map(function (_a) {
+        var id = _a[0], provider = _a[1];
+        return ({ label: provider.name ? "".concat(provider.name, " (").concat(id, ")") : id, value: id });
+    })
+        .sort(function (a, b) { return a.label.localeCompare(b.label); });
     // Reset state when modal opens with new data
     React.useEffect(function () {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (visible) {
             var entry = editKey ? providers[editKey] : null;
             setProviderType((_a = entry === null || entry === void 0 ? void 0 : entry.type) !== null && _a !== void 0 ? _a : "");
             setProviderName(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : "");
             setProviderBaseUrl((_b = entry === null || entry === void 0 ? void 0 : entry.baseUrl) !== null && _b !== void 0 ? _b : "");
             setProviderApiKey((_c = entry === null || entry === void 0 ? void 0 : entry.apiKey) !== null && _c !== void 0 ? _c : "");
+            setProviderRegion((_d = entry === null || entry === void 0 ? void 0 : entry.region) !== null && _d !== void 0 ? _d : "");
         }
     }, [visible, editKey]);
-    // In add mode, only show compatible types (built-ins are always pre-added)
+    // In add mode, only show addable types (built-ins are always pre-added)
     // In edit mode, show all types but lock the value
     var typeOptions = isEdit
         ? PROVIDER_TYPE_OPTIONS
-        : PROVIDER_TYPE_OPTIONS.filter(function (opt) { return COMPATIBLE_TYPES.includes(opt.value); });
+        : PROVIDER_TYPE_OPTIONS.filter(function (opt) { return ADDABLE_TYPES.includes(opt.value); });
     var handleSave = function () {
         if (!providerType)
             return;
         var key;
         var entry = { type: providerType, apiKey: providerApiKey };
         if (isCompatible) {
-            if (!providerName.trim())
+            if (!isEdit && !catalogProviders.some(function (provider) { return provider.value === providerName; }))
+                return;
+            if (!providerName.trim() || !providerBaseUrl.trim())
+                return;
+            key = providerName.trim();
+            entry.baseUrl = providerBaseUrl.trim();
+        }
+        else if (isBedrock) {
+            if (!providerName.trim() || !providerRegion.trim())
                 return;
             key = providerName.trim();
-            entry.baseUrl = providerBaseUrl;
+            entry.region = providerRegion.trim();
         }
         else {
             key = providerType;
@@ -92,16 +142,27 @@ var ProviderModal = function (_a) {
         onProvidersChange(next);
         onHide();
     };
-    var canSave = providerType && (isCompatible ? providerName.trim() : true);
+    var canSave = !!providerType && (isBedrock
+        ? !!providerName.trim() && !!providerRegion.trim()
+        : !isCompatible || ((isEdit || catalogProviders.some(function (provider) { return provider.value === providerName; })) &&
+            !!providerName.trim() && !!providerBaseUrl.trim()));
     return (_jsxs(SolidDialog, { open: visible, onOpenChange: function (open) { return !open && onHide(); }, style: { width: "500px" }, children: [_jsx(SolidDialogHeader, { children: _jsx(SolidDialogTitle, { children: isEdit
-                        ? "Edit Provider \u2014 ".concat(BUILT_IN_TYPES.includes(editKey) ? (_e = PROVIDER_TYPE_OPTIONS.find(function (o) { return o.value === editKey; })) === null || _e === void 0 ? void 0 : _e.label : editKey)
-                        : "Add Provider" }) }), _jsx(SolidDialogBody, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [!(isEdit && BUILT_IN_TYPES.includes(editKey)) && (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider Type" }), _jsx(SolidSelect, { className: "w-full", value: providerType, options: typeOptions, native: false, onChange: function (e) {
-                                        setProviderType(e.value);
+                        ? "Edit Provider \u2014 ".concat(BUILT_IN_TYPES.includes(editKey) ? (_f = PROVIDER_TYPE_OPTIONS.find(function (o) { return o.value === editKey; })) === null || _f === void 0 ? void 0 : _f.label : editKey)
+                        : "Add Provider" }) }), _jsx(SolidDialogBody, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [!(isEdit && BUILT_IN_TYPES.includes(editKey)) && (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider Type" }), _jsx(SearchableSettingsSelect, { value: providerType, options: typeOptions, onChange: function (next) {
+                                        setProviderType(next);
                                         if (!isEdit) {
-                                            setProviderName("");
+                                            setProviderName(next === BEDROCK_TYPE && !providers[BEDROCK_DEFAULT_NAME] ? BEDROCK_DEFAULT_NAME : "");
                                             setProviderBaseUrl("");
+                                            setProviderRegion("");
                                         }
-                                    }, placeholder: "Select Provider Type", disabled: isEdit })] })), isCompatible && (_jsxs(_Fragment, { children: [!isEdit && (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Name (unique identifier)" }), _jsx(SolidInput, { placeholder: "e.g. openrouter, together-ai", value: providerName, onChange: function (e) { return setProviderName(e.target.value); }, className: "w-full" })] })), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Base URL" }), _jsx(SolidInput, { placeholder: "https://openrouter.ai/api/v1", value: providerBaseUrl, onChange: function (e) { return setProviderBaseUrl(e.target.value); }, className: "w-full" })] })] })), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "API Key" }), _jsx(SolidInput, { type: "password", value: providerApiKey, onChange: function (e) { return setProviderApiKey(e.target.value); }, className: "w-full" })] })] }) }), _jsx(SolidDialogFooter, { children: _jsxs("div", { className: "flex justify-between w-full", children: [_jsx("div", { children: isEdit && !BUILT_IN_TYPES.includes(editKey) && (_jsx(SolidButton, { variant: "ghost", onClick: handleRemove, style: { color: "var(--solid-danger-color, #ef4444)" }, children: "Remove" })) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(SolidButton, { variant: "outline", onClick: onHide, children: "Cancel" }), _jsx(SolidButton, { onClick: handleSave, disabled: !canSave, children: isEdit ? "Save" : "Add" })] })] }) })] }));
+                                    }, placeholder: "Select Provider Type", disabled: isEdit })] })), isCompatible && (_jsxs(_Fragment, { children: [!isEdit && (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider Name" }), _jsx(SearchableSettingsSelect, { options: catalogProviders, placeholder: catalogLoading ? "Loading providers..." : "Select Provider", value: providerName, onChange: function (next) {
+                                                var _a;
+                                                setProviderName(next);
+                                                var provider = catalog === null || catalog === void 0 ? void 0 : catalog[next];
+                                                var matchingAdapter = providerType === "openai-compatible"
+                                                    ? "@ai-sdk/openai-compatible" : "@ai-sdk/anthropic";
+                                                setProviderBaseUrl((provider === null || provider === void 0 ? void 0 : provider.npm) === matchingAdapter ? (_a = provider.api) !== null && _a !== void 0 ? _a : "" : "");
+                                            }, disabled: !providerType || catalogLoading || !!catalogError }), catalogError && _jsx("small", { className: "text-color-secondary", children: "Could not load providers from models.dev." }), !catalogLoading && !catalogError && !!providerType && catalogProviders.length === 0 && (_jsx("small", { className: "text-color-secondary", children: "No additional catalog providers are available." })), _jsx("small", { className: "text-color-secondary text-xs", children: "Check that this provider supports the selected API format." })] })), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Base URL" }), _jsx(SolidInput, { placeholder: "https://api.example.com/v1", value: providerBaseUrl, onChange: function (e) { return setProviderBaseUrl(e.target.value); }, className: "w-full" })] })] })), isBedrock && (_jsxs(_Fragment, { children: [!isEdit && (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider Name" }), _jsx(SolidInput, { placeholder: BEDROCK_DEFAULT_NAME, value: providerName, onChange: function (e) { return setProviderName(e.target.value); }, className: "w-full" })] })), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Region" }), _jsx(SolidInput, { placeholder: "us-west-2", value: providerRegion, onChange: function (e) { return setProviderRegion(e.target.value); }, className: "w-full" }), _jsx("small", { className: "text-color-secondary text-xs", children: "Use a Bedrock API key below. Models are called through the Bedrock Converse API." })] })] })), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "API Key" }), _jsx(SolidInput, { type: "password", value: providerApiKey, onChange: function (e) { return setProviderApiKey(e.target.value); }, className: "w-full" })] })] }) }), _jsx(SolidDialogFooter, { children: _jsxs("div", { className: "flex justify-between w-full", children: [_jsx("div", { children: isEdit && !BUILT_IN_TYPES.includes(editKey) && (_jsx(SolidButton, { variant: "ghost", onClick: handleRemove, style: { color: "var(--solid-danger-color, #ef4444)" }, children: "Remove" })) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(SolidButton, { variant: "outline", onClick: onHide, children: "Cancel" }), _jsx(SolidButton, { onClick: handleSave, disabled: !canSave, children: isEdit ? "Save" : "Add" })] })] }) })] }));
 };
 export var ProvidersTab = function (_a) {
     var providers = _a.providers, onProvidersChange = _a.onProvidersChange, showAddModal = _a.showAddModal, onAddModalClose = _a.onAddModalClose;
@@ -121,24 +182,37 @@ export var ProvidersTab = function (_a) {
         setEditKey(key);
         setModalVisible(true);
     };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "solid-simple-table", children: _jsxs("table", { style: { width: "100%" }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "Name" }), _jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "Type" }), _jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "API Key" }), _jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "Base URL" })] }) }), _jsxs("tbody", { children: [providerEntries.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 4, style: { textAlign: "center", padding: "2rem 1rem", opacity: 0.5 }, children: "No providers configured." }) })), providerEntries.map(function (_a) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "solid-simple-table", children: _jsxs("table", { style: { width: "100%" }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "Name" }), _jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "Type" }), _jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "API Key" }), _jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "Base URL / Region" })] }) }), _jsxs("tbody", { children: [providerEntries.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 4, style: { textAlign: "center", padding: "2rem 1rem", opacity: 0.5 }, children: "No providers configured." }) })), providerEntries.map(function (_a) {
                                     var _b, _c;
                                     var key = _a[0], entry = _a[1];
                                     var typeLabel = (_c = (_b = PROVIDER_TYPE_OPTIONS.find(function (o) { return o.value === entry.type; })) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : entry.type;
                                     var isBuiltIn = BUILT_IN_TYPES.includes(key);
                                     var displayName = isBuiltIn ? typeLabel : key;
                                     var maskedKey = entry.apiKey ? "\u2022".repeat(Math.min(entry.apiKey.length, 8)) : "-";
-                                    return (_jsxs("tr", { onClick: function () { return handleRowClick(key); }, style: { cursor: "pointer" }, className: "solid-table-row-hover", children: [_jsx("td", { style: { padding: "0.75rem 1rem", fontWeight: 500 }, children: displayName }), _jsx("td", { style: { padding: "0.75rem 1rem" }, children: typeLabel }), _jsx("td", { style: { padding: "0.75rem 1rem" }, children: maskedKey }), _jsx("td", { style: { padding: "0.75rem 1rem" }, children: entry.baseUrl || "-" })] }, key));
+                                    return (_jsxs("tr", { onClick: function () { return handleRowClick(key); }, style: { cursor: "pointer" }, className: "solid-table-row-hover", children: [_jsx("td", { style: { padding: "0.75rem 1rem", fontWeight: 500 }, children: displayName }), _jsx("td", { style: { padding: "0.75rem 1rem" }, children: typeLabel }), _jsx("td", { style: { padding: "0.75rem 1rem" }, children: maskedKey }), _jsx("td", { style: { padding: "0.75rem 1rem" }, children: entry.baseUrl || entry.region || "-" })] }, key));
                                 })] })] }) }), _jsx(ProviderModal, { visible: modalVisible, onHide: function () {
                     setModalVisible(false);
                     setEditKey(null);
                     onAddModalClose === null || onAddModalClose === void 0 ? void 0 : onAddModalClose();
                 }, providers: allProviders, onProvidersChange: onProvidersChange, editKey: editKey })] }));
 };
+var OTHER_MODEL_VALUE = "__other__";
 export var ModelConfigTab = function (_a) {
+    var _b;
     var modelEntry = _a.modelEntry, providers = _a.providers, onModelEntryChange = _a.onModelEntryChange;
-    var allowedModelIds = getAllowedModelIdsForProvider(modelEntry.providerId);
-    var modelOptions = allowedModelIds.map(function (modelId) { return ({ label: modelId, value: modelId }); });
+    var providerType = (_b = providers[modelEntry.providerId]) === null || _b === void 0 ? void 0 : _b.type;
+    // Look up models.dev by provider key first (e.g. "groq", "openrouter"), then by built-in type.
+    var _c = useModelsDevModels([
+        modelEntry.providerId,
+        providerType && BUILT_IN_TYPES.includes(providerType) ? providerType : undefined,
+    ]), models = _c.models, loading = _c.loading, error = _c.error;
+    var _d = useState(false), otherSelected = _d[0], setOtherSelected = _d[1];
+    var isKnownModel = models.some(function (m) { return m.id === modelEntry.model; });
+    var showOther = otherSelected || (!loading && !!modelEntry.model && !isKnownModel);
+    var modelOptions = __spreadArray(__spreadArray([], models.map(function (m) { return ({ label: m.name === m.id ? m.id : "".concat(m.name, " (").concat(m.id, ")"), value: m.id }); }), true), [
+        { label: "Other", value: OTHER_MODEL_VALUE },
+    ], false);
+    var selectedModelValue = showOther ? OTHER_MODEL_VALUE : modelEntry.model || "";
     var providerOptions = Object.entries(providers).map(function (_a) {
         var _b, _c;
         var key = _a[0], entry = _a[1];
@@ -146,7 +220,19 @@ export var ModelConfigTab = function (_a) {
         var label = BUILT_IN_TYPES.includes(key) ? typeLabel : "".concat(key, " (").concat(typeLabel, ")");
         return { label: label, value: key };
     });
-    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "solid-ai-model-config-card", style: __assign(__assign({}, cardStyle), { width: "50%" }), children: [_jsx("p", { className: "solid-settings-subheading", children: "Model Config" }), _jsxs("div", { className: "flex flex-col gap-4 mt-4", children: [_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider" }), _jsx(SolidSelect, { className: "w-full", value: modelEntry.providerId, options: providerOptions, native: false, onChange: function (e) { return onModelEntryChange(__assign(__assign({}, modelEntry), { providerId: e.value, model: "" })); }, placeholder: "Select Provider" })] }), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Model" }), _jsx(SolidSelect, { className: "w-full", value: modelEntry.model || "", options: modelOptions, native: false, onChange: function (e) { return onModelEntryChange(__assign(__assign({}, modelEntry), { model: e.value })); }, placeholder: modelOptions.length ? "Select Model" : "No built-in models for this provider", disabled: !modelOptions.length })] })] })] }), _jsxs("div", { className: "solid-ai-model-config-card", style: __assign(__assign({}, cardStyle), { width: "50%" }), children: [_jsx("p", { className: "solid-settings-subheading", children: "Behavior" }), _jsxs("div", { className: "flex flex-col gap-4 mt-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SolidSwitch, { checked: modelEntry.behavior.streaming, onChange: function (val) {
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "solid-ai-model-config-card", style: __assign(__assign({}, cardStyle), { width: "50%" }), children: [_jsx("p", { className: "solid-settings-subheading", children: "Model Config" }), _jsxs("div", { className: "flex flex-col gap-4 mt-4", children: [_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider" }), _jsx(SearchableSettingsSelect, { value: modelEntry.providerId, options: providerOptions, onChange: function (next) {
+                                            setOtherSelected(false);
+                                            onModelEntryChange(__assign(__assign({}, modelEntry), { providerId: next, model: "" }));
+                                        }, placeholder: "Select Provider" })] }), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Model" }), _jsx(SearchableSettingsSelect, { value: selectedModelValue, options: modelOptions, onChange: function (next) {
+                                            if (next === OTHER_MODEL_VALUE) {
+                                                setOtherSelected(true);
+                                                if (isKnownModel)
+                                                    onModelEntryChange(__assign(__assign({}, modelEntry), { model: "" }));
+                                                return;
+                                            }
+                                            setOtherSelected(false);
+                                            onModelEntryChange(__assign(__assign({}, modelEntry), { model: next }));
+                                        }, placeholder: loading ? "Loading models..." : "Select Model", disabled: !modelEntry.providerId || loading }), error && (_jsx("small", { className: "text-color-secondary", children: "Could not load models from models.dev. Choose \"Other\" to enter a model ID." })), showOther && (_jsx(SolidInput, { className: "w-full mt-2", value: modelEntry.model || "", onChange: function (e) { return onModelEntryChange(__assign(__assign({}, modelEntry), { model: e.target.value })); }, placeholder: "Enter model ID, e.g. my-custom-model" }))] })] })] }), _jsxs("div", { className: "solid-ai-model-config-card", style: __assign(__assign({}, cardStyle), { width: "50%" }), children: [_jsx("p", { className: "solid-settings-subheading", children: "Behavior" }), _jsxs("div", { className: "flex flex-col gap-4 mt-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SolidSwitch, { checked: modelEntry.behavior.streaming, onChange: function (val) {
                                             return onModelEntryChange(__assign(__assign({}, modelEntry), { behavior: __assign(__assign({}, modelEntry.behavior), { streaming: val }) }));
                                         } }), _jsx("label", { className: "form-field-label", style: { marginBottom: 0 }, children: "Streaming" })] }), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Custom Params (JSON)" }), _jsx(SolidTextarea, { value: modelEntry.behavior.custom, onChange: function (e) {
                                             return onModelEntryChange(__assign(__assign({}, modelEntry), { behavior: __assign(__assign({}, modelEntry.behavior), { custom: e.target.value }) }));

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiModelConfigTab.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,WAAW,EACX,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AA6BxF,IAAM,qBAAqB,GAAG;IAC5B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC1C,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC1D,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,sBAAsB,EAAE;CACjE,CAAC;AAEF,IAAM,gBAAgB,GAAG,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,CAAC;AAEvE,IAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAE/C,IAAM,0BAA0B,GAAkC;IAChE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IACtC,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE;CAC7C,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,SAAwC,IAAoC,OAAA,uBAC9G,0BAA0B,GAC1B,SAAS,EACZ,EAHiH,CAGjH,CAAC;AAEH,IAAM,SAAS,GAAwB;IACrC,MAAM,EAAE,8CAA8C;IACtD,YAAY,EAAE,QAAQ;IACtB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,4DAA4D;CACzE,CAAC;AAWF,IAAM,aAAa,GAAG,UAAC,EAA8E;;QAA5E,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,iBAAiB,uBAAA,EAAE,OAAO,aAAA;IAC7E,IAAM,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;IACzB,IAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnD,IAAA,KAAkC,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,mCAAI,EAAE,CAAC,EAApE,YAAY,QAAA,EAAE,eAAe,QAAuC,CAAC;IACtE,IAAA,KAAkC,QAAQ,CAAC,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAtG,YAAY,QAAA,EAAE,eAAe,QAAyE,CAAC;IACxG,IAAA,KAAwC,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,mCAAI,EAAE,CAAC,EAA7E,eAAe,QAAA,EAAE,kBAAkB,QAA0C,CAAC;IAC/E,IAAA,KAAsC,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,mCAAI,EAAE,CAAC,EAA1E,cAAc,QAAA,EAAE,iBAAiB,QAAyC,CAAC;IAElF,IAAM,YAAY,GAAG,gBAAgB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE7D,6CAA6C;IAC7C,KAAK,CAAC,SAAS,CAAC;;QACd,IAAI,OAAO,EAAE;YACX,IAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAClD,eAAe,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACnC,eAAe,CAAC,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC7E,kBAAkB,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC;YACzC,iBAAiB,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,EAAE,CAAC,CAAC;SACxC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,2EAA2E;IAC3E,kDAAkD;IAClD,IAAM,WAAW,GAAG,MAAM;QACxB,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAApC,CAAoC,CAAC,CAAC;IAEhF,IAAM,UAAU,GAAG;QACjB,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,GAAW,CAAC;QAChB,IAAM,KAAK,GAAkB,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;QAE5E,IAAI,YAAY,EAAE;YAChB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;gBAAE,OAAO;YACjC,GAAG,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC;YAC1B,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC;SACjC;aAAM;YACL,GAAG,GAAG,YAAY,CAAC;SACpB;QAED,wCAAwC;QACxC,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC,GAAG,CAAC;YAAE,OAAO;QAEtC,IAAM,IAAI,gBAAQ,SAAS,CAAE,CAAC;QAE9B,yEAAyE;QACzE,IAAI,MAAM,IAAI,OAAO,KAAK,GAAG,EAAE;YAC7B,OAAO,IAAI,CAAC,OAAQ,CAAC,CAAC;SACvB;QAED,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAClB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,IAAM,IAAI,gBAAQ,SAAS,CAAE,CAAC;QAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,YAAY,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE5E,OAAO,CACL,MAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,IAAI,MAAM,EAAE,EAAjB,CAAiB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,aAC9F,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,cACd,MAAM;wBACL,CAAC,CAAC,+BAAmB,cAAc,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC,CAAC,CAAC,MAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,OAAO,EAAnB,CAAmB,CAAC,0CAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAE;wBAClI,CAAC,CAAC,cAAc,GACD,GACD,EACpB,KAAC,eAAe,cACd,eAAK,SAAS,EAAC,qBAAqB,aACjC,CAAC,CAAC,MAAM,IAAI,cAAc,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC,IAAI,CACjD,0BACE,gBAAO,SAAS,EAAC,kBAAkB,8BAAsB,EACzD,KAAC,WAAW,IACV,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAC;wCACV,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wCACzB,IAAI,CAAC,MAAM,EAAE;4CACX,eAAe,CAAC,EAAE,CAAC,CAAC;4CACpB,kBAAkB,CAAC,EAAE,CAAC,CAAC;yCACxB;oCACH,CAAC,EACD,WAAW,EAAC,sBAAsB,EAClC,QAAQ,EAAE,MAAM,GAChB,IACE,CACP,EACA,YAAY,IAAI,CACf,8BACG,CAAC,MAAM,IAAI,CACV,0BACE,gBAAO,SAAS,EAAC,kBAAkB,yCAAiC,EACpE,KAAC,UAAU,IACT,WAAW,EAAC,8BAA8B,EAC1C,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA/B,CAA+B,EAChD,SAAS,EAAC,QAAQ,GAClB,IACE,CACP,EACD,0BACE,gBAAO,SAAS,EAAC,kBAAkB,yBAAiB,EACpD,KAAC,UAAU,IACT,WAAW,EAAC,8BAA8B,EAC1C,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,EACnD,SAAS,EAAC,QAAQ,GAClB,IACE,IACL,CACJ,EACD,0BACE,gBAAO,SAAS,EAAC,kBAAkB,wBAAgB,EACnD,KAAC,UAAU,IACT,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAjC,CAAiC,EAClD,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,GACU,EAClB,KAAC,iBAAiB,cAChB,eAAK,SAAS,EAAC,6BAA6B,aAC1C,wBACG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAQ,CAAC,IAAI,CAC/C,KAAC,WAAW,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,oCAAoC,EAAE,uBAE5F,CACf,GACG,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,uBAEhC,EACd,KAAC,WAAW,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,OAAO,YACjD,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GACZ,IACV,IACF,GACY,IACR,CACf,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAkF;QAAhF,SAAS,eAAA,EAAE,iBAAiB,uBAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBAAA;IAClF,IAAA,KAAwB,QAAQ,CAAgB,IAAI,CAAC,EAApD,OAAO,QAAA,EAAE,UAAU,QAAiC,CAAC;IACtD,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAExD,+CAA+C;IAC/C,IAAM,YAAY,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAEvD,sCAAsC;IACtC,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,YAAY,EAAE;YAChB,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAErD,IAAM,cAAc,GAAG,UAAC,GAAW;QACjC,UAAU,CAAC,GAAG,CAAC,CAAC;QAChB,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,oBAAoB,YACjC,iBAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAC7B,0BACE,yBACE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,qBAAW,EACpE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,qBAAW,EACpE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,wBAAc,EACvE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,yBAAe,IACrE,GACC,EACR,4BACG,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAC/B,uBACE,aAAI,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,yCAE7E,GACF,CACN,EACA,eAAe,CAAC,GAAG,CAAC,UAAC,EAAY;;wCAAX,GAAG,QAAA,EAAE,KAAK,QAAA;oCAC/B,IAAM,SAAS,GAAG,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAtB,CAAsB,CAAC,0CAAE,KAAK,mCAAI,KAAK,CAAC,IAAI,CAAC;oCACjG,IAAM,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;oCAC/C,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;oCAChD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;oCAEzF,OAAO,CACL,cAEE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,GAAG,CAAC,EAAnB,CAAmB,EAClC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,SAAS,EAAC,uBAAuB,aAEjC,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,WAAW,GAAM,EAC3E,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,YAAG,SAAS,GAAM,EACxD,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,YAAG,SAAS,GAAM,EACxD,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,YAAG,KAAK,CAAC,OAAO,IAAI,GAAG,GAAM,KAR9D,GAAG,CASL,CACN,CAAC;gCACJ,CAAC,CAAC,IACI,IACF,GACJ,EAEN,KAAC,aAAa,IACZ,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE;oBACN,eAAe,CAAC,KAAK,CAAC,CAAC;oBACvB,UAAU,CAAC,IAAI,CAAC,CAAC;oBACjB,eAAe,aAAf,eAAe,uBAAf,eAAe,EAAI,CAAC;gBACtB,CAAC,EACD,SAAS,EAAE,YAAY,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,OAAO,GAChB,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAkE;QAAhE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,kBAAkB,wBAAA;IACxE,IAAM,eAAe,GAAG,6BAA6B,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAC7E,IAAM,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAApC,CAAoC,CAAC,CAAC;IAC5F,IAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAC,EAAY;;YAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAChE,IAAM,SAAS,GAAG,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAtB,CAAsB,CAAC,0CAAE,KAAK,mCAAI,KAAK,CAAC,IAAI,CAAC;QACjG,IAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAG,GAAG,eAAK,SAAS,MAAG,CAAC;QACjF,OAAO,EAAE,KAAK,OAAA,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,wBAAO,SAAS,KAAE,KAAK,EAAE,KAAK,gBAC7E,YAAG,SAAS,EAAC,2BAA2B,6BAAiB,EACzD,eAAK,SAAS,EAAC,0BAA0B,aACvC,0BACE,gBAAO,SAAS,EAAC,kBAAkB,yBAAiB,EACpD,KAAC,WAAW,IACV,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,kBAAkB,uBAAM,UAAU,KAAE,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,IAAG,EAArE,CAAqE,EACtF,WAAW,EAAC,iBAAiB,GAC7B,IACE,EACN,0BACE,gBAAO,SAAS,EAAC,kBAAkB,sBAAc,EACjD,KAAC,WAAW,IACV,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAC7B,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,kBAAkB,uBAAM,UAAU,KAAE,KAAK,EAAE,CAAC,CAAC,KAAK,IAAG,EAArD,CAAqD,EACtE,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,sCAAsC,EAC1F,QAAQ,EAAE,CAAC,YAAY,CAAC,MAAM,GAC9B,IACE,IACF,IACF,EAEN,eAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,wBAAO,SAAS,KAAE,KAAK,EAAE,KAAK,gBAC7E,YAAG,SAAS,EAAC,2BAA2B,yBAAa,EACrD,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,WAAW,IACV,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,EACtC,QAAQ,EAAE,UAAC,GAAG;4CACZ,OAAA,kBAAkB,uBAAM,UAAU,KAAE,QAAQ,wBAAO,UAAU,CAAC,QAAQ,KAAE,SAAS,EAAE,GAAG,OAAK;wCAA3F,CAA2F,GAE7F,EACF,gBAAO,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,0BAAmB,IAC7E,EACN,0BACE,gBAAO,SAAS,EAAC,kBAAkB,qCAA6B,EAChE,KAAC,aAAa,IACZ,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,EACjC,QAAQ,EAAE,UAAC,CAAC;4CACV,OAAA,kBAAkB,uBAAM,UAAU,KAAE,QAAQ,wBAAO,UAAU,CAAC,QAAQ,KAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,OAAK;wCAAnG,CAAmG,EAErG,WAAW,EAAC,2CAA2C,EACvD,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useState } from \"react\";\nimport {\n  SolidButton,\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogTitle,\n  SolidInput,\n  SolidSelect,\n  SolidSwitch,\n  SolidTextarea,\n} from \"../../../shad-cn-ui\";\nimport { getAllowedModelIdsForProvider } from \"../../../../constants/allowed-ai-models\";\n\n\nexport interface ModelBehavior {\n  streaming: boolean;\n  custom: string;\n}\n\nexport interface ProviderEntry {\n  type: string;\n  apiKey: string;\n  baseUrl?: string;\n}\n\nexport interface ModelEntry {\n  providerId: string;\n  model: string;\n  behavior: ModelBehavior;\n}\n\nexport interface SolidAiConfig {\n  models: {\n    default: ModelEntry;\n    fast: ModelEntry;\n  };\n  providers: Record<string, ProviderEntry>;\n}\n\n\nconst PROVIDER_TYPE_OPTIONS = [\n  { label: \"OpenAI\", value: \"openai\" },\n  { label: \"Anthropic\", value: \"anthropic\" },\n  { label: \"OpenAI Compatible\", value: \"openai-compatible\" },\n  { label: \"Anthropic Compatible\", value: \"anthropic-compatible\" },\n];\n\nconst COMPATIBLE_TYPES = [\"openai-compatible\", \"anthropic-compatible\"];\n\nconst BUILT_IN_TYPES = [\"openai\", \"anthropic\"];\n\nconst DEFAULT_BUILT_IN_PROVIDERS: Record<string, ProviderEntry> = {\n  openai: { type: \"openai\", apiKey: \"\" },\n  anthropic: { type: \"anthropic\", apiKey: \"\" },\n};\n\nexport const ensureBuiltInProviders = (providers: Record<string, ProviderEntry>): Record<string, ProviderEntry> => ({\n  ...DEFAULT_BUILT_IN_PROVIDERS,\n  ...providers,\n});\n\nconst cardStyle: React.CSSProperties = {\n  border: \"1px solid var(--solid-border-color, #e2e8f0)\",\n  borderRadius: \"0.5rem\",\n  padding: \"1.25rem\",\n  background: \"var(--solid-card-bg, var(--solid-surface-bg, transparent))\",\n};\n\n\ninterface ProviderModalProps {\n  visible: boolean;\n  onHide: () => void;\n  providers: Record<string, ProviderEntry>;\n  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;\n  editKey?: string | null; // null = add mode, string = edit mode\n}\n\nconst ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey }: ProviderModalProps) => {\n  const isEdit = !!editKey;\n  const existingEntry = isEdit ? providers[editKey] : null;\n\n  const [providerType, setProviderType] = useState(existingEntry?.type ?? \"\");\n  const [providerName, setProviderName] = useState(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : \"\");\n  const [providerBaseUrl, setProviderBaseUrl] = useState(existingEntry?.baseUrl ?? \"\");\n  const [providerApiKey, setProviderApiKey] = useState(existingEntry?.apiKey ?? \"\");\n\n  const isCompatible = COMPATIBLE_TYPES.includes(providerType);\n\n  // Reset state when modal opens with new data\n  React.useEffect(() => {\n    if (visible) {\n      const entry = editKey ? providers[editKey] : null;\n      setProviderType(entry?.type ?? \"\");\n      setProviderName(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : \"\");\n      setProviderBaseUrl(entry?.baseUrl ?? \"\");\n      setProviderApiKey(entry?.apiKey ?? \"\");\n    }\n  }, [visible, editKey]);\n\n  // In add mode, only show compatible types (built-ins are always pre-added)\n  // In edit mode, show all types but lock the value\n  const typeOptions = isEdit\n    ? PROVIDER_TYPE_OPTIONS\n    : PROVIDER_TYPE_OPTIONS.filter((opt) => COMPATIBLE_TYPES.includes(opt.value));\n\n  const handleSave = () => {\n    if (!providerType) return;\n\n    let key: string;\n    const entry: ProviderEntry = { type: providerType, apiKey: providerApiKey };\n\n    if (isCompatible) {\n      if (!providerName.trim()) return;\n      key = providerName.trim();\n      entry.baseUrl = providerBaseUrl;\n    } else {\n      key = providerType;\n    }\n\n    // In add mode, don't overwrite existing\n    if (!isEdit && providers[key]) return;\n\n    const next = { ...providers };\n\n    // If editing and key changed (shouldn't happen for built-in), remove old\n    if (isEdit && editKey !== key) {\n      delete next[editKey!];\n    }\n\n    next[key] = entry;\n    onProvidersChange(next);\n    onHide();\n  };\n\n  const handleRemove = () => {\n    if (!editKey) return;\n    const next = { ...providers };\n    delete next[editKey];\n    onProvidersChange(next);\n    onHide();\n  };\n\n  const canSave = providerType && (isCompatible ? providerName.trim() : true);\n\n  return (\n    <SolidDialog open={visible} onOpenChange={(open) => !open && onHide()} style={{ width: \"500px\" }}>\n      <SolidDialogHeader>\n        <SolidDialogTitle>\n          {isEdit\n            ? `Edit Provider — ${BUILT_IN_TYPES.includes(editKey!) ? PROVIDER_TYPE_OPTIONS.find((o) => o.value === editKey)?.label : editKey}`\n            : \"Add Provider\"}\n        </SolidDialogTitle>\n      </SolidDialogHeader>\n      <SolidDialogBody>\n        <div className=\"flex flex-col gap-4\">\n          {!(isEdit && BUILT_IN_TYPES.includes(editKey!)) && (\n            <div>\n              <label className=\"form-field-label\">Provider Type</label>\n              <SolidSelect\n                className=\"w-full\"\n                value={providerType}\n                options={typeOptions}\n                native={false}\n                onChange={(e) => {\n                  setProviderType(e.value);\n                  if (!isEdit) {\n                    setProviderName(\"\");\n                    setProviderBaseUrl(\"\");\n                  }\n                }}\n                placeholder=\"Select Provider Type\"\n                disabled={isEdit}\n              />\n            </div>\n          )}\n          {isCompatible && (\n            <>\n              {!isEdit && (\n                <div>\n                  <label className=\"form-field-label\">Name (unique identifier)</label>\n                  <SolidInput\n                    placeholder=\"e.g. openrouter, together-ai\"\n                    value={providerName}\n                    onChange={(e) => setProviderName(e.target.value)}\n                    className=\"w-full\"\n                  />\n                </div>\n              )}\n              <div>\n                <label className=\"form-field-label\">Base URL</label>\n                <SolidInput\n                  placeholder=\"https://openrouter.ai/api/v1\"\n                  value={providerBaseUrl}\n                  onChange={(e) => setProviderBaseUrl(e.target.value)}\n                  className=\"w-full\"\n                />\n              </div>\n            </>\n          )}\n          <div>\n            <label className=\"form-field-label\">API Key</label>\n            <SolidInput\n              type=\"password\"\n              value={providerApiKey}\n              onChange={(e) => setProviderApiKey(e.target.value)}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </SolidDialogBody>\n      <SolidDialogFooter>\n        <div className=\"flex justify-between w-full\">\n          <div>\n            {isEdit && !BUILT_IN_TYPES.includes(editKey!) && (\n              <SolidButton variant=\"ghost\" onClick={handleRemove} style={{ color: \"var(--solid-danger-color, #ef4444)\" }}>\n                Remove\n              </SolidButton>\n            )}\n          </div>\n          <div className=\"flex gap-2\">\n            <SolidButton variant=\"outline\" onClick={onHide}>\n              Cancel\n            </SolidButton>\n            <SolidButton onClick={handleSave} disabled={!canSave}>\n              {isEdit ? \"Save\" : \"Add\"}\n            </SolidButton>\n          </div>\n        </div>\n      </SolidDialogFooter>\n    </SolidDialog>\n  );\n};\n\n// --- Providers Tab (List View) ---\n\ninterface ProvidersTabProps {\n  providers: Record<string, ProviderEntry>;\n  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;\n  showAddModal?: boolean;\n  onAddModalClose?: () => void;\n}\n\nexport const ProvidersTab = ({ providers, onProvidersChange, showAddModal, onAddModalClose }: ProvidersTabProps) => {\n  const [editKey, setEditKey] = useState<string | null>(null);\n  const [modalVisible, setModalVisible] = useState(false);\n\n  // Ensure built-in providers are always present\n  const allProviders = ensureBuiltInProviders(providers);\n\n  // Open modal when parent triggers add\n  React.useEffect(() => {\n    if (showAddModal) {\n      setEditKey(null);\n      setModalVisible(true);\n    }\n  }, [showAddModal]);\n\n  const providerEntries = Object.entries(allProviders);\n\n  const handleRowClick = (key: string) => {\n    setEditKey(key);\n    setModalVisible(true);\n  };\n\n  return (\n    <>\n      <div className=\"solid-simple-table\">\n        <table style={{ width: \"100%\" }}>\n          <thead>\n            <tr>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Name</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Type</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>API Key</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Base URL</th>\n            </tr>\n          </thead>\n          <tbody>\n            {providerEntries.length === 0 && (\n              <tr>\n                <td colSpan={4} style={{ textAlign: \"center\", padding: \"2rem 1rem\", opacity: 0.5 }}>\n                  No providers configured.\n                </td>\n              </tr>\n            )}\n            {providerEntries.map(([key, entry]) => {\n              const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;\n              const isBuiltIn = BUILT_IN_TYPES.includes(key);\n              const displayName = isBuiltIn ? typeLabel : key;\n              const maskedKey = entry.apiKey ? \"\\u2022\".repeat(Math.min(entry.apiKey.length, 8)) : \"-\";\n\n              return (\n                <tr\n                  key={key}\n                  onClick={() => handleRowClick(key)}\n                  style={{ cursor: \"pointer\" }}\n                  className=\"solid-table-row-hover\"\n                >\n                  <td style={{ padding: \"0.75rem 1rem\", fontWeight: 500 }}>{displayName}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{typeLabel}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{maskedKey}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{entry.baseUrl || \"-\"}</td>\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      <ProviderModal\n        visible={modalVisible}\n        onHide={() => {\n          setModalVisible(false);\n          setEditKey(null);\n          onAddModalClose?.();\n        }}\n        providers={allProviders}\n        onProvidersChange={onProvidersChange}\n        editKey={editKey}\n      />\n    </>\n  );\n};\n\n// --- Model Config Tab (used for Intelligent Model & Fast Model) ---\n\ninterface ModelConfigTabProps {\n  modelEntry: ModelEntry;\n  providers: Record<string, ProviderEntry>;\n  onModelEntryChange: (entry: ModelEntry) => void;\n}\n\nexport const ModelConfigTab = ({ modelEntry, providers, onModelEntryChange }: ModelConfigTabProps) => {\n  const allowedModelIds = getAllowedModelIdsForProvider(modelEntry.providerId);\n  const modelOptions = allowedModelIds.map((modelId) => ({ label: modelId, value: modelId }));\n  const providerOptions = Object.entries(providers).map(([key, entry]) => {\n    const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;\n    const label = BUILT_IN_TYPES.includes(key) ? typeLabel : `${key} (${typeLabel})`;\n    return { label, value: key };\n  });\n\n  return (\n    <div className=\"flex flex-col gap-6\">\n      <div className=\"solid-ai-model-config-card\" style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Model Config</p>\n        <div className=\"flex flex-col gap-4 mt-4\">\n          <div>\n            <label className=\"form-field-label\">Provider</label>\n            <SolidSelect\n              className=\"w-full\"\n              value={modelEntry.providerId}\n              options={providerOptions}\n              native={false}\n              onChange={(e) => onModelEntryChange({ ...modelEntry, providerId: e.value, model: \"\" })}\n              placeholder=\"Select Provider\"\n            />\n          </div>\n          <div>\n            <label className=\"form-field-label\">Model</label>\n            <SolidSelect\n              className=\"w-full\"\n              value={modelEntry.model || \"\"}\n              options={modelOptions}\n              native={false}\n              onChange={(e) => onModelEntryChange({ ...modelEntry, model: e.value })}\n              placeholder={modelOptions.length ? \"Select Model\" : \"No built-in models for this provider\"}\n              disabled={!modelOptions.length}\n            />\n          </div>\n        </div>\n      </div>\n\n      <div className=\"solid-ai-model-config-card\" style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Behavior</p>\n        <div className=\"flex flex-col gap-4 mt-4\">\n          <div className=\"flex items-center gap-2\">\n            <SolidSwitch\n              checked={modelEntry.behavior.streaming}\n              onChange={(val) =>\n                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, streaming: val } })\n              }\n            />\n            <label className=\"form-field-label\" style={{ marginBottom: 0 }}>Streaming</label>\n          </div>\n          <div>\n            <label className=\"form-field-label\">Custom Params (JSON)</label>\n            <SolidTextarea\n              value={modelEntry.behavior.custom}\n              onChange={(e) =>\n                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, custom: e.target.value } })\n              }\n              placeholder='{ \"temperature\": 0.7, \"maxTokens\": 1000 }'\n              rows={4}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AiModelConfigTab.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,WAAW,EACX,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AA8B/F,IAAM,qBAAqB,GAAG;IAC5B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC1C,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC1D,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,sBAAsB,EAAE;IAChE,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE;CAC9C,CAAC;AAEF,IAAM,gBAAgB,GAAG,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,CAAC;AAEvE,iGAAiG;AACjG,IAAM,YAAY,GAAG,SAAS,CAAC;AAC/B,IAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAC9C,IAAM,aAAa,mCAAO,gBAAgB,UAAE,YAAY,SAAC,CAAC;AAE1D,IAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAE/C,IAAM,0BAA0B,GAAkC;IAChE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IACtC,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE;CAC7C,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,SAAwC,IAAoC,OAAA,uBAC9G,0BAA0B,GAC1B,SAAS,EACZ,EAHiH,CAGjH,CAAC;AAEH,IAAM,SAAS,GAAwB;IACrC,MAAM,EAAE,8CAA8C;IACtD,YAAY,EAAE,QAAQ;IACtB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,4DAA4D;CACzE,CAAC;AAEF,SAAS,wBAAwB,CAAC,EAMjC;;QANmC,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAO3E,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAC;IACvC,IAAM,aAAa,GAAG,MAAA,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,KAAK,EAAtB,CAAsB,CAAC,0CAAE,KAAK,CAAC;IAC9E,IAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC,CAAC,IAAI,EAAtD,CAAsD,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IACrH,IAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,MAAM;QACxC,OAAA,UAAG,MAAM,CAAC,KAAK,cAAI,MAAM,CAAC,KAAK,CAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAApF,CAAoF,CAAC,CAAC;IAExF,OAAO,KAAC,iBAAiB,IACvB,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,QAAQ,EACf,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,UAAC,EAAe;gBAAN,IAAI,WAAA;YAAO,OAAA,QAAQ,CAAC,IAAI,CAAC;QAAd,CAAc,EACnD,QAAQ,EAAE,UAAC,KAAK,gBAAK,OAAA,QAAQ,CAAC,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,mCAAI,EAAE,CAAC,CAAA,EAAA,EACvD,KAAK,EAAC,OAAO,EACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,cAAc,QACd,MAAM,SACN,CAAC;AACL,CAAC;AAWD,IAAM,aAAa,GAAG,UAAC,EAA8E;;QAA5E,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,iBAAiB,uBAAA,EAAE,OAAO,aAAA;IAC7E,IAAM,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;IACzB,IAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnD,IAAA,KAAkC,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,mCAAI,EAAE,CAAC,EAApE,YAAY,QAAA,EAAE,eAAe,QAAuC,CAAC;IACtE,IAAA,KAAkC,QAAQ,CAAC,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAtG,YAAY,QAAA,EAAE,eAAe,QAAyE,CAAC;IACxG,IAAA,KAAwC,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,mCAAI,EAAE,CAAC,EAA7E,eAAe,QAAA,EAAE,kBAAkB,QAA0C,CAAC;IAC/E,IAAA,KAAsC,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,mCAAI,EAAE,CAAC,EAA1E,cAAc,QAAA,EAAE,iBAAiB,QAAyC,CAAC;IAC5E,IAAA,KAAsC,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,mCAAI,EAAE,CAAC,EAA1E,cAAc,QAAA,EAAE,iBAAiB,QAAyC,CAAC;IAC5E,IAAA,KAA4D,mBAAmB,EAAE,EAA/E,OAAO,aAAA,EAAW,cAAc,aAAA,EAAS,YAAY,WAA0B,CAAC;IAExF,IAAM,YAAY,GAAG,gBAAgB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC7D,IAAM,SAAS,GAAG,YAAY,KAAK,YAAY,CAAC;IAChD,IAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;SACnD,MAAM,CAAC,UAAC,EAAI;YAAH,EAAE,QAAA;QAAM,OAAA,CAAC,SAAS,CAAC,EAAE,CAAC;IAAd,CAAc,CAAC;SAChC,GAAG,CAAC,UAAC,EAAc;YAAb,EAAE,QAAA,EAAE,QAAQ,QAAA;QAAM,OAAA,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,UAAG,QAAQ,CAAC,IAAI,eAAK,EAAE,MAAG,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAAvE,CAAuE,CAAC;SAChG,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAA9B,CAA8B,CAAC,CAAC;IAElD,6CAA6C;IAC7C,KAAK,CAAC,SAAS,CAAC;;QACd,IAAI,OAAO,EAAE;YACX,IAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAClD,eAAe,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACnC,eAAe,CAAC,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC7E,kBAAkB,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,EAAE,CAAC,CAAC;YACzC,iBAAiB,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,EAAE,CAAC,CAAC;YACvC,iBAAiB,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,EAAE,CAAC,CAAC;SACxC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,wEAAwE;IACxE,kDAAkD;IAClD,IAAM,WAAW,GAAG,MAAM;QACxB,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAjC,CAAiC,CAAC,CAAC;IAE7E,IAAM,UAAU,GAAG;QACjB,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,GAAW,CAAC;QAChB,IAAM,KAAK,GAAkB,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;QAE5E,IAAI,YAAY,EAAE;YAChB,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,KAAK,KAAK,YAAY,EAA/B,CAA+B,CAAC;gBAAE,OAAO;YAC7F,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;gBAAE,OAAO;YAC5D,GAAG,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC;YAC1B,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,IAAI,EAAE,CAAC;SACxC;aAAM,IAAI,SAAS,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;gBAAE,OAAO;YAC3D,GAAG,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC;YAC1B,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,EAAE,CAAC;SACtC;aAAM;YACL,GAAG,GAAG,YAAY,CAAC;SACpB;QAED,wCAAwC;QACxC,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC,GAAG,CAAC;YAAE,OAAO;QAEtC,IAAM,IAAI,gBAAQ,SAAS,CAAE,CAAC;QAE9B,yEAAyE;QACzE,IAAI,MAAM,IAAI,OAAO,KAAK,GAAG,EAAE;YAC7B,OAAO,IAAI,CAAC,OAAQ,CAAC,CAAC;SACvB;QAED,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAClB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,IAAM,IAAI,gBAAQ,SAAS,CAAE,CAAC;QAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,CAAC,CAAC,YAAY,IAAI,CAAC,SAAS;QAC1C,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE;QAClD,CAAC,CAAC,CAAC,YAAY,IAAI,CACjB,CAAC,MAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,KAAK,KAAK,YAAY,EAA/B,CAA+B,CAAC,CAAC;YAChF,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,CAClD,CAAC,CAAC;IAEL,OAAO,CACL,MAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,IAAI,MAAM,EAAE,EAAjB,CAAiB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,aAC9F,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,cACd,MAAM;wBACL,CAAC,CAAC,+BAAmB,cAAc,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC,CAAC,CAAC,MAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,OAAO,EAAnB,CAAmB,CAAC,0CAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAE;wBAClI,CAAC,CAAC,cAAc,GACD,GACD,EACpB,KAAC,eAAe,cACd,eAAK,SAAS,EAAC,qBAAqB,aACjC,CAAC,CAAC,MAAM,IAAI,cAAc,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC,IAAI,CACjD,0BACE,gBAAO,SAAS,EAAC,kBAAkB,8BAAsB,EACzD,KAAC,wBAAwB,IACvB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAC,IAAI;wCACb,eAAe,CAAC,IAAI,CAAC,CAAC;wCACtB,IAAI,CAAC,MAAM,EAAE;4CACX,eAAe,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;4CACvG,kBAAkB,CAAC,EAAE,CAAC,CAAC;4CACvB,iBAAiB,CAAC,EAAE,CAAC,CAAC;yCACvB;oCACH,CAAC,EACD,WAAW,EAAC,sBAAsB,EAClC,QAAQ,EAAE,MAAM,GAChB,IACE,CACP,EACA,YAAY,IAAI,CACf,8BACG,CAAC,MAAM,IAAI,CACV,0BACE,gBAAO,SAAS,EAAC,kBAAkB,8BAAsB,EACzD,KAAC,wBAAwB,IACvB,OAAO,EAAE,gBAAgB,EACzB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EACxE,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,UAAC,IAAI;;gDACb,eAAe,CAAC,IAAI,CAAC,CAAC;gDACtB,IAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,CAAC;gDACjC,IAAM,eAAe,GAAG,YAAY,KAAK,mBAAmB;oDAC1D,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,mBAAmB,CAAC;gDACtD,kBAAkB,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,MAAK,eAAe,CAAC,CAAC,CAAC,MAAA,QAAQ,CAAC,GAAG,mCAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;4CAClF,CAAC,EACD,QAAQ,EAAE,CAAC,YAAY,IAAI,cAAc,IAAI,CAAC,CAAC,YAAY,GAC3D,EACD,YAAY,IAAI,gBAAO,SAAS,EAAC,sBAAsB,0DAAkD,EACzG,CAAC,cAAc,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,YAAY,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,CACtF,gBAAO,SAAS,EAAC,sBAAsB,+DAAuD,CAC/F,EACD,gBAAO,SAAS,EAAC,8BAA8B,2EAAmE,IAC9G,CACP,EACD,0BACE,gBAAO,SAAS,EAAC,kBAAkB,yBAAiB,EACpD,KAAC,UAAU,IACT,WAAW,EAAC,4BAA4B,EACxC,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,EACnD,SAAS,EAAC,QAAQ,GAClB,IACE,IACL,CACJ,EACA,SAAS,IAAI,CACZ,8BACG,CAAC,MAAM,IAAI,CACV,0BACE,gBAAO,SAAS,EAAC,kBAAkB,8BAAsB,EACzD,KAAC,UAAU,IACT,WAAW,EAAE,oBAAoB,EACjC,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA/B,CAA+B,EAChD,SAAS,EAAC,QAAQ,GAClB,IACE,CACP,EACD,0BACE,gBAAO,SAAS,EAAC,kBAAkB,uBAAe,EAClD,KAAC,UAAU,IACT,WAAW,EAAC,WAAW,EACvB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAjC,CAAiC,EAClD,SAAS,EAAC,QAAQ,GAClB,EACF,gBAAO,SAAS,EAAC,8BAA8B,iGAAyF,IACpI,IACL,CACJ,EACD,0BACE,gBAAO,SAAS,EAAC,kBAAkB,wBAAgB,EACnD,KAAC,UAAU,IACT,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAjC,CAAiC,EAClD,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,GACU,EAClB,KAAC,iBAAiB,cAChB,eAAK,SAAS,EAAC,6BAA6B,aAC1C,wBACG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAQ,CAAC,IAAI,CAC/C,KAAC,WAAW,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,oCAAoC,EAAE,uBAE5F,CACf,GACG,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,uBAEhC,EACd,KAAC,WAAW,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,OAAO,YACjD,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GACZ,IACV,IACF,GACY,IACR,CACf,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAkF;QAAhF,SAAS,eAAA,EAAE,iBAAiB,uBAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBAAA;IAClF,IAAA,KAAwB,QAAQ,CAAgB,IAAI,CAAC,EAApD,OAAO,QAAA,EAAE,UAAU,QAAiC,CAAC;IACtD,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAExD,+CAA+C;IAC/C,IAAM,YAAY,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAEvD,sCAAsC;IACtC,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,YAAY,EAAE;YAChB,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAErD,IAAM,cAAc,GAAG,UAAC,GAAW;QACjC,UAAU,CAAC,GAAG,CAAC,CAAC;QAChB,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,oBAAoB,YACjC,iBAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAC7B,0BACE,yBACE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,qBAAW,EACpE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,qBAAW,EACpE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,wBAAc,EACvE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,kCAAwB,IAC9E,GACC,EACR,4BACG,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAC/B,uBACE,aAAI,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,yCAE7E,GACF,CACN,EACA,eAAe,CAAC,GAAG,CAAC,UAAC,EAAY;;wCAAX,GAAG,QAAA,EAAE,KAAK,QAAA;oCAC/B,IAAM,SAAS,GAAG,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAtB,CAAsB,CAAC,0CAAE,KAAK,mCAAI,KAAK,CAAC,IAAI,CAAC;oCACjG,IAAM,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;oCAC/C,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;oCAChD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;oCAEzF,OAAO,CACL,cAEE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,GAAG,CAAC,EAAnB,CAAmB,EAClC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,SAAS,EAAC,uBAAuB,aAEjC,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,WAAW,GAAM,EAC3E,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,YAAG,SAAS,GAAM,EACxD,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,YAAG,SAAS,GAAM,EACxD,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,YAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,IAAI,GAAG,GAAM,KAR9E,GAAG,CASL,CACN,CAAC;gCACJ,CAAC,CAAC,IACI,IACF,GACJ,EAEN,KAAC,aAAa,IACZ,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE;oBACN,eAAe,CAAC,KAAK,CAAC,CAAC;oBACvB,UAAU,CAAC,IAAI,CAAC,CAAC;oBACjB,eAAe,aAAf,eAAe,uBAAf,eAAe,EAAI,CAAC;gBACtB,CAAC,EACD,SAAS,EAAE,YAAY,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,OAAO,GAChB,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAUF,IAAM,iBAAiB,GAAG,WAAW,CAAC;AAEtC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAkE;;QAAhE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,kBAAkB,wBAAA;IACxE,IAAM,YAAY,GAAG,MAAA,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,0CAAE,IAAI,CAAC;IAC5D,+FAA+F;IACzF,IAAA,KAA6B,kBAAkB,CAAC;QACpD,UAAU,CAAC,UAAU;QACrB,YAAY,IAAI,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;KACjF,CAAC,EAHM,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAG5B,CAAC;IACG,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IAC1D,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,KAAK,EAAzB,CAAyB,CAAC,CAAC;IACnE,IAAM,SAAS,GAAG,aAAa,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC;IACrF,IAAM,YAAY,mCACb,MAAM,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAG,CAAC,CAAC,IAAI,eAAK,CAAC,CAAC,EAAE,MAAG,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAxE,CAAwE,CAAC;QAC9F,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE;aAC7C,CAAC;IACF,IAAM,kBAAkB,GAAG,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC;IAClF,IAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAC,EAAY;;YAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAChE,IAAM,SAAS,GAAG,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAtB,CAAsB,CAAC,0CAAE,KAAK,mCAAI,KAAK,CAAC,IAAI,CAAC;QACjG,IAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAG,GAAG,eAAK,SAAS,MAAG,CAAC;QACjF,OAAO,EAAE,KAAK,OAAA,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,wBAAO,SAAS,KAAE,KAAK,EAAE,KAAK,gBAC7E,YAAG,SAAS,EAAC,2BAA2B,6BAAiB,EACzD,eAAK,SAAS,EAAC,0BAA0B,aACvC,0BACE,gBAAO,SAAS,EAAC,kBAAkB,yBAAiB,EACpD,KAAC,wBAAwB,IACvB,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,UAAC,IAAI;4CACb,gBAAgB,CAAC,KAAK,CAAC,CAAC;4CACxB,kBAAkB,uBAAM,UAAU,KAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAG,CAAC;wCACrE,CAAC,EACD,WAAW,EAAC,iBAAiB,GAC7B,IACE,EACN,0BACE,gBAAO,SAAS,EAAC,kBAAkB,sBAAc,EACjD,KAAC,wBAAwB,IACvB,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,UAAC,IAAI;4CACb,IAAI,IAAI,KAAK,iBAAiB,EAAE;gDAC9B,gBAAgB,CAAC,IAAI,CAAC,CAAC;gDACvB,IAAI,YAAY;oDAAE,kBAAkB,uBAAM,UAAU,KAAE,KAAK,EAAE,EAAE,IAAG,CAAC;gDACnE,OAAO;6CACR;4CACD,gBAAgB,CAAC,KAAK,CAAC,CAAC;4CACxB,kBAAkB,uBAAM,UAAU,KAAE,KAAK,EAAE,IAAI,IAAG,CAAC;wCACrD,CAAC,EACD,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,EAC3D,QAAQ,EAAE,CAAC,UAAU,CAAC,UAAU,IAAI,OAAO,GAC3C,EACD,KAAK,IAAI,CACR,gBAAO,SAAS,EAAC,sBAAsB,6FAAmF,CAC3H,EACA,SAAS,IAAI,CACZ,KAAC,UAAU,IACT,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE,EAC7B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,kBAAkB,uBAAM,UAAU,KAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,EAA5D,CAA4D,EAC7E,WAAW,EAAC,sCAAsC,GAClD,CACH,IACG,IACF,IACF,EAEN,eAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,wBAAO,SAAS,KAAE,KAAK,EAAE,KAAK,gBAC7E,YAAG,SAAS,EAAC,2BAA2B,yBAAa,EACrD,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,WAAW,IACV,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,EACtC,QAAQ,EAAE,UAAC,GAAG;4CACZ,OAAA,kBAAkB,uBAAM,UAAU,KAAE,QAAQ,wBAAO,UAAU,CAAC,QAAQ,KAAE,SAAS,EAAE,GAAG,OAAK;wCAA3F,CAA2F,GAE7F,EACF,gBAAO,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,0BAAmB,IAC7E,EACN,0BACE,gBAAO,SAAS,EAAC,kBAAkB,qCAA6B,EAChE,KAAC,aAAa,IACZ,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,EACjC,QAAQ,EAAE,UAAC,CAAC;4CACV,OAAA,kBAAkB,uBAAM,UAAU,KAAE,QAAQ,wBAAO,UAAU,CAAC,QAAQ,KAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,OAAK;wCAAnG,CAAmG,EAErG,WAAW,EAAC,2CAA2C,EACvD,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useState } from \"react\";\nimport {\n  SolidButton,\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogTitle,\n  SolidAutocomplete,\n  SolidInput,\n  SolidSwitch,\n  SolidTextarea,\n} from \"../../../shad-cn-ui\";\nimport { useModelsDevCatalog, useModelsDevModels } from \"../../../../hooks/useModelsDevModels\";\n\n\nexport interface ModelBehavior {\n  streaming: boolean;\n  custom: string;\n}\n\nexport interface ProviderEntry {\n  type: string;\n  apiKey: string;\n  baseUrl?: string;\n  region?: string;\n}\n\nexport interface ModelEntry {\n  providerId: string;\n  model: string;\n  behavior: ModelBehavior;\n}\n\nexport interface SolidAiConfig {\n  models: {\n    default: ModelEntry;\n    fast: ModelEntry;\n  };\n  providers: Record<string, ProviderEntry>;\n}\n\n\nconst PROVIDER_TYPE_OPTIONS = [\n  { label: \"OpenAI\", value: \"openai\" },\n  { label: \"Anthropic\", value: \"anthropic\" },\n  { label: \"OpenAI Compatible\", value: \"openai-compatible\" },\n  { label: \"Anthropic Compatible\", value: \"anthropic-compatible\" },\n  { label: \"Amazon Bedrock\", value: \"bedrock\" },\n];\n\nconst COMPATIBLE_TYPES = [\"openai-compatible\", \"anthropic-compatible\"];\n\n// Native Bedrock (Converse API): authenticated with a Bedrock API key and a region, no base URL.\nconst BEDROCK_TYPE = \"bedrock\";\nconst BEDROCK_DEFAULT_NAME = \"amazon-bedrock\";\nconst ADDABLE_TYPES = [...COMPATIBLE_TYPES, BEDROCK_TYPE];\n\nconst BUILT_IN_TYPES = [\"openai\", \"anthropic\"];\n\nconst DEFAULT_BUILT_IN_PROVIDERS: Record<string, ProviderEntry> = {\n  openai: { type: \"openai\", apiKey: \"\" },\n  anthropic: { type: \"anthropic\", apiKey: \"\" },\n};\n\nexport const ensureBuiltInProviders = (providers: Record<string, ProviderEntry>): Record<string, ProviderEntry> => ({\n  ...DEFAULT_BUILT_IN_PROVIDERS,\n  ...providers,\n});\n\nconst cardStyle: React.CSSProperties = {\n  border: \"1px solid var(--solid-border-color, #e2e8f0)\",\n  borderRadius: \"0.5rem\",\n  padding: \"1.25rem\",\n  background: \"var(--solid-card-bg, var(--solid-surface-bg, transparent))\",\n};\n\nfunction SearchableSettingsSelect({ value, options, placeholder, disabled, onChange }: {\n  value: string;\n  options: { label: string; value: string }[];\n  placeholder: string;\n  disabled?: boolean;\n  onChange: (value: string) => void;\n}) {\n  const [query, setQuery] = useState(\"\");\n  const selectedLabel = options.find((option) => option.value === value)?.label;\n  const selected = React.useMemo(() => selectedLabel ? { label: selectedLabel, value } : null, [selectedLabel, value]);\n  const suggestions = options.filter((option) =>\n    `${option.label} ${option.value}`.toLowerCase().includes(query.trim().toLowerCase()));\n\n  return <SolidAutocomplete\n    className=\"solid-standard-autocomplete w-full\"\n    value={selected}\n    suggestions={suggestions}\n    completeMethod={({ query: next }) => setQuery(next)}\n    onChange={(event) => onChange(event.value?.value ?? \"\")}\n    field=\"label\"\n    placeholder={placeholder}\n    disabled={disabled}\n    dropdown\n    forceSelection\n    portal\n  />;\n}\n\n\ninterface ProviderModalProps {\n  visible: boolean;\n  onHide: () => void;\n  providers: Record<string, ProviderEntry>;\n  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;\n  editKey?: string | null; // null = add mode, string = edit mode\n}\n\nconst ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey }: ProviderModalProps) => {\n  const isEdit = !!editKey;\n  const existingEntry = isEdit ? providers[editKey] : null;\n\n  const [providerType, setProviderType] = useState(existingEntry?.type ?? \"\");\n  const [providerName, setProviderName] = useState(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : \"\");\n  const [providerBaseUrl, setProviderBaseUrl] = useState(existingEntry?.baseUrl ?? \"\");\n  const [providerApiKey, setProviderApiKey] = useState(existingEntry?.apiKey ?? \"\");\n  const [providerRegion, setProviderRegion] = useState(existingEntry?.region ?? \"\");\n  const { catalog, loading: catalogLoading, error: catalogError } = useModelsDevCatalog();\n\n  const isCompatible = COMPATIBLE_TYPES.includes(providerType);\n  const isBedrock = providerType === BEDROCK_TYPE;\n  const catalogProviders = Object.entries(catalog ?? {})\n    .filter(([id]) => !providers[id])\n    .map(([id, provider]) => ({ label: provider.name ? `${provider.name} (${id})` : id, value: id }))\n    .sort((a, b) => a.label.localeCompare(b.label));\n\n  // Reset state when modal opens with new data\n  React.useEffect(() => {\n    if (visible) {\n      const entry = editKey ? providers[editKey] : null;\n      setProviderType(entry?.type ?? \"\");\n      setProviderName(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : \"\");\n      setProviderBaseUrl(entry?.baseUrl ?? \"\");\n      setProviderApiKey(entry?.apiKey ?? \"\");\n      setProviderRegion(entry?.region ?? \"\");\n    }\n  }, [visible, editKey]);\n\n  // In add mode, only show addable types (built-ins are always pre-added)\n  // In edit mode, show all types but lock the value\n  const typeOptions = isEdit\n    ? PROVIDER_TYPE_OPTIONS\n    : PROVIDER_TYPE_OPTIONS.filter((opt) => ADDABLE_TYPES.includes(opt.value));\n\n  const handleSave = () => {\n    if (!providerType) return;\n\n    let key: string;\n    const entry: ProviderEntry = { type: providerType, apiKey: providerApiKey };\n\n    if (isCompatible) {\n      if (!isEdit && !catalogProviders.some((provider) => provider.value === providerName)) return;\n      if (!providerName.trim() || !providerBaseUrl.trim()) return;\n      key = providerName.trim();\n      entry.baseUrl = providerBaseUrl.trim();\n    } else if (isBedrock) {\n      if (!providerName.trim() || !providerRegion.trim()) return;\n      key = providerName.trim();\n      entry.region = providerRegion.trim();\n    } else {\n      key = providerType;\n    }\n\n    // In add mode, don't overwrite existing\n    if (!isEdit && providers[key]) return;\n\n    const next = { ...providers };\n\n    // If editing and key changed (shouldn't happen for built-in), remove old\n    if (isEdit && editKey !== key) {\n      delete next[editKey!];\n    }\n\n    next[key] = entry;\n    onProvidersChange(next);\n    onHide();\n  };\n\n  const handleRemove = () => {\n    if (!editKey) return;\n    const next = { ...providers };\n    delete next[editKey];\n    onProvidersChange(next);\n    onHide();\n  };\n\n  const canSave = !!providerType && (isBedrock\n    ? !!providerName.trim() && !!providerRegion.trim()\n    : !isCompatible || (\n      (isEdit || catalogProviders.some((provider) => provider.value === providerName)) &&\n      !!providerName.trim() && !!providerBaseUrl.trim()\n    ));\n\n  return (\n    <SolidDialog open={visible} onOpenChange={(open) => !open && onHide()} style={{ width: \"500px\" }}>\n      <SolidDialogHeader>\n        <SolidDialogTitle>\n          {isEdit\n            ? `Edit Provider — ${BUILT_IN_TYPES.includes(editKey!) ? PROVIDER_TYPE_OPTIONS.find((o) => o.value === editKey)?.label : editKey}`\n            : \"Add Provider\"}\n        </SolidDialogTitle>\n      </SolidDialogHeader>\n      <SolidDialogBody>\n        <div className=\"flex flex-col gap-4\">\n          {!(isEdit && BUILT_IN_TYPES.includes(editKey!)) && (\n            <div>\n              <label className=\"form-field-label\">Provider Type</label>\n              <SearchableSettingsSelect\n                value={providerType}\n                options={typeOptions}\n                onChange={(next) => {\n                  setProviderType(next);\n                  if (!isEdit) {\n                    setProviderName(next === BEDROCK_TYPE && !providers[BEDROCK_DEFAULT_NAME] ? BEDROCK_DEFAULT_NAME : \"\");\n                    setProviderBaseUrl(\"\");\n                    setProviderRegion(\"\");\n                  }\n                }}\n                placeholder=\"Select Provider Type\"\n                disabled={isEdit}\n              />\n            </div>\n          )}\n          {isCompatible && (\n            <>\n              {!isEdit && (\n                <div>\n                  <label className=\"form-field-label\">Provider Name</label>\n                  <SearchableSettingsSelect\n                    options={catalogProviders}\n                    placeholder={catalogLoading ? \"Loading providers...\" : \"Select Provider\"}\n                    value={providerName}\n                    onChange={(next) => {\n                      setProviderName(next);\n                      const provider = catalog?.[next];\n                      const matchingAdapter = providerType === \"openai-compatible\"\n                        ? \"@ai-sdk/openai-compatible\" : \"@ai-sdk/anthropic\";\n                      setProviderBaseUrl(provider?.npm === matchingAdapter ? provider.api ?? \"\" : \"\");\n                    }}\n                    disabled={!providerType || catalogLoading || !!catalogError}\n                  />\n                  {catalogError && <small className=\"text-color-secondary\">Could not load providers from models.dev.</small>}\n                  {!catalogLoading && !catalogError && !!providerType && catalogProviders.length === 0 && (\n                    <small className=\"text-color-secondary\">No additional catalog providers are available.</small>\n                  )}\n                  <small className=\"text-color-secondary text-xs\">Check that this provider supports the selected API format.</small>\n                </div>\n              )}\n              <div>\n                <label className=\"form-field-label\">Base URL</label>\n                <SolidInput\n                  placeholder=\"https://api.example.com/v1\"\n                  value={providerBaseUrl}\n                  onChange={(e) => setProviderBaseUrl(e.target.value)}\n                  className=\"w-full\"\n                />\n              </div>\n            </>\n          )}\n          {isBedrock && (\n            <>\n              {!isEdit && (\n                <div>\n                  <label className=\"form-field-label\">Provider Name</label>\n                  <SolidInput\n                    placeholder={BEDROCK_DEFAULT_NAME}\n                    value={providerName}\n                    onChange={(e) => setProviderName(e.target.value)}\n                    className=\"w-full\"\n                  />\n                </div>\n              )}\n              <div>\n                <label className=\"form-field-label\">Region</label>\n                <SolidInput\n                  placeholder=\"us-west-2\"\n                  value={providerRegion}\n                  onChange={(e) => setProviderRegion(e.target.value)}\n                  className=\"w-full\"\n                />\n                <small className=\"text-color-secondary text-xs\">Use a Bedrock API key below. Models are called through the Bedrock Converse API.</small>\n              </div>\n            </>\n          )}\n          <div>\n            <label className=\"form-field-label\">API Key</label>\n            <SolidInput\n              type=\"password\"\n              value={providerApiKey}\n              onChange={(e) => setProviderApiKey(e.target.value)}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </SolidDialogBody>\n      <SolidDialogFooter>\n        <div className=\"flex justify-between w-full\">\n          <div>\n            {isEdit && !BUILT_IN_TYPES.includes(editKey!) && (\n              <SolidButton variant=\"ghost\" onClick={handleRemove} style={{ color: \"var(--solid-danger-color, #ef4444)\" }}>\n                Remove\n              </SolidButton>\n            )}\n          </div>\n          <div className=\"flex gap-2\">\n            <SolidButton variant=\"outline\" onClick={onHide}>\n              Cancel\n            </SolidButton>\n            <SolidButton onClick={handleSave} disabled={!canSave}>\n              {isEdit ? \"Save\" : \"Add\"}\n            </SolidButton>\n          </div>\n        </div>\n      </SolidDialogFooter>\n    </SolidDialog>\n  );\n};\n\n// --- Providers Tab (List View) ---\n\ninterface ProvidersTabProps {\n  providers: Record<string, ProviderEntry>;\n  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;\n  showAddModal?: boolean;\n  onAddModalClose?: () => void;\n}\n\nexport const ProvidersTab = ({ providers, onProvidersChange, showAddModal, onAddModalClose }: ProvidersTabProps) => {\n  const [editKey, setEditKey] = useState<string | null>(null);\n  const [modalVisible, setModalVisible] = useState(false);\n\n  // Ensure built-in providers are always present\n  const allProviders = ensureBuiltInProviders(providers);\n\n  // Open modal when parent triggers add\n  React.useEffect(() => {\n    if (showAddModal) {\n      setEditKey(null);\n      setModalVisible(true);\n    }\n  }, [showAddModal]);\n\n  const providerEntries = Object.entries(allProviders);\n\n  const handleRowClick = (key: string) => {\n    setEditKey(key);\n    setModalVisible(true);\n  };\n\n  return (\n    <>\n      <div className=\"solid-simple-table\">\n        <table style={{ width: \"100%\" }}>\n          <thead>\n            <tr>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Name</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Type</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>API Key</th>\n              <th style={{ textAlign: \"left\", padding: \"0.75rem 1rem\" }}>Base URL / Region</th>\n            </tr>\n          </thead>\n          <tbody>\n            {providerEntries.length === 0 && (\n              <tr>\n                <td colSpan={4} style={{ textAlign: \"center\", padding: \"2rem 1rem\", opacity: 0.5 }}>\n                  No providers configured.\n                </td>\n              </tr>\n            )}\n            {providerEntries.map(([key, entry]) => {\n              const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;\n              const isBuiltIn = BUILT_IN_TYPES.includes(key);\n              const displayName = isBuiltIn ? typeLabel : key;\n              const maskedKey = entry.apiKey ? \"\\u2022\".repeat(Math.min(entry.apiKey.length, 8)) : \"-\";\n\n              return (\n                <tr\n                  key={key}\n                  onClick={() => handleRowClick(key)}\n                  style={{ cursor: \"pointer\" }}\n                  className=\"solid-table-row-hover\"\n                >\n                  <td style={{ padding: \"0.75rem 1rem\", fontWeight: 500 }}>{displayName}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{typeLabel}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{maskedKey}</td>\n                  <td style={{ padding: \"0.75rem 1rem\" }}>{entry.baseUrl || entry.region || \"-\"}</td>\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      <ProviderModal\n        visible={modalVisible}\n        onHide={() => {\n          setModalVisible(false);\n          setEditKey(null);\n          onAddModalClose?.();\n        }}\n        providers={allProviders}\n        onProvidersChange={onProvidersChange}\n        editKey={editKey}\n      />\n    </>\n  );\n};\n\n// --- Model Config Tab (used for Intelligent Model & Fast Model) ---\n\ninterface ModelConfigTabProps {\n  modelEntry: ModelEntry;\n  providers: Record<string, ProviderEntry>;\n  onModelEntryChange: (entry: ModelEntry) => void;\n}\n\nconst OTHER_MODEL_VALUE = \"__other__\";\n\nexport const ModelConfigTab = ({ modelEntry, providers, onModelEntryChange }: ModelConfigTabProps) => {\n  const providerType = providers[modelEntry.providerId]?.type;\n  // Look up models.dev by provider key first (e.g. \"groq\", \"openrouter\"), then by built-in type.\n  const { models, loading, error } = useModelsDevModels([\n    modelEntry.providerId,\n    providerType && BUILT_IN_TYPES.includes(providerType) ? providerType : undefined,\n  ]);\n  const [otherSelected, setOtherSelected] = useState(false);\n  const isKnownModel = models.some((m) => m.id === modelEntry.model);\n  const showOther = otherSelected || (!loading && !!modelEntry.model && !isKnownModel);\n  const modelOptions = [\n    ...models.map((m) => ({ label: m.name === m.id ? m.id : `${m.name} (${m.id})`, value: m.id })),\n    { label: \"Other\", value: OTHER_MODEL_VALUE },\n  ];\n  const selectedModelValue = showOther ? OTHER_MODEL_VALUE : modelEntry.model || \"\";\n  const providerOptions = Object.entries(providers).map(([key, entry]) => {\n    const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;\n    const label = BUILT_IN_TYPES.includes(key) ? typeLabel : `${key} (${typeLabel})`;\n    return { label, value: key };\n  });\n\n  return (\n    <div className=\"flex flex-col gap-6\">\n      <div className=\"solid-ai-model-config-card\" style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Model Config</p>\n        <div className=\"flex flex-col gap-4 mt-4\">\n          <div>\n            <label className=\"form-field-label\">Provider</label>\n            <SearchableSettingsSelect\n              value={modelEntry.providerId}\n              options={providerOptions}\n              onChange={(next) => {\n                setOtherSelected(false);\n                onModelEntryChange({ ...modelEntry, providerId: next, model: \"\" });\n              }}\n              placeholder=\"Select Provider\"\n            />\n          </div>\n          <div>\n            <label className=\"form-field-label\">Model</label>\n            <SearchableSettingsSelect\n              value={selectedModelValue}\n              options={modelOptions}\n              onChange={(next) => {\n                if (next === OTHER_MODEL_VALUE) {\n                  setOtherSelected(true);\n                  if (isKnownModel) onModelEntryChange({ ...modelEntry, model: \"\" });\n                  return;\n                }\n                setOtherSelected(false);\n                onModelEntryChange({ ...modelEntry, model: next });\n              }}\n              placeholder={loading ? \"Loading models...\" : \"Select Model\"}\n              disabled={!modelEntry.providerId || loading}\n            />\n            {error && (\n              <small className=\"text-color-secondary\">Could not load models from models.dev. Choose \"Other\" to enter a model ID.</small>\n            )}\n            {showOther && (\n              <SolidInput\n                className=\"w-full mt-2\"\n                value={modelEntry.model || \"\"}\n                onChange={(e) => onModelEntryChange({ ...modelEntry, model: e.target.value })}\n                placeholder=\"Enter model ID, e.g. my-custom-model\"\n              />\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"solid-ai-model-config-card\" style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Behavior</p>\n        <div className=\"flex flex-col gap-4 mt-4\">\n          <div className=\"flex items-center gap-2\">\n            <SolidSwitch\n              checked={modelEntry.behavior.streaming}\n              onChange={(val) =>\n                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, streaming: val } })\n              }\n            />\n            <label className=\"form-field-label\" style={{ marginBottom: 0 }}>Streaming</label>\n          </div>\n          <div>\n            <label className=\"form-field-label\">Custom Params (JSON)</label>\n            <SolidTextarea\n              value={modelEntry.behavior.custom}\n              onChange={(e) =>\n                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, custom: e.target.value } })\n              }\n              placeholder='{ \"temperature\": 0.7, \"maxTokens\": 1000 }'\n              rows={4}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}