@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiModelConfigTab.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":"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","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\";\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-column gap-3\">\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                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-content-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 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-column gap-4\">\n      <div style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Model Config</p>\n        <div className=\"flex flex-column gap-3 mt-3\">\n          <div>\n            <label className=\"form-field-label\">Provider</label>\n            <SolidSelect\n              className=\"w-full\"\n              value={modelEntry.providerId}\n              options={providerOptions}\n              onChange={(e) => onModelEntryChange({ ...modelEntry, providerId: e.value })}\n              placeholder=\"Select Provider\"\n            />\n          </div>\n          <div>\n            <label className=\"form-field-label\">Model</label>\n            <SolidInput\n              placeholder=\"e.g. gpt-4o-mini\"\n              value={modelEntry.model || \"\"}\n              onChange={(e) => onModelEntryChange({ ...modelEntry, model: e.target.value })}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div style={{ ...cardStyle, width: \"50%\" }}>\n        <p className=\"solid-settings-subheading\">Behavior</p>\n        <div className=\"flex flex-column gap-3 mt-3\">\n          <div className=\"flex align-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"]}

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

@@ -0,0 +1,394 @@
+import React, { useState } from "react";
+import {
+  SolidButton,
+  SolidDialog,
+  SolidDialogBody,
+  SolidDialogFooter,
+  SolidDialogHeader,
+  SolidDialogTitle,
+  SolidInput,
+  SolidSelect,
+  SolidSwitch,
+  SolidTextarea,
+} from "../../../shad-cn-ui";
+
+
+export interface ModelBehavior {
+  streaming: boolean;
+  custom: string;
+}
+
+export interface ProviderEntry {
+  type: string;
+  apiKey: string;
+  baseUrl?: string;
+}
+
+export interface ModelEntry {
+  providerId: string;
+  model: string;
+  behavior: ModelBehavior;
+}
+
+export interface SolidAiConfig {
+  models: {
+    default: ModelEntry;
+    fast: ModelEntry;
+  };
+  providers: Record<string, ProviderEntry>;
+}
+
+
+const PROVIDER_TYPE_OPTIONS = [
+  { label: "OpenAI", value: "openai" },
+  { label: "Anthropic", value: "anthropic" },
+  { label: "OpenAI Compatible", value: "openai-compatible" },
+  { label: "Anthropic Compatible", value: "anthropic-compatible" },
+];
+
+const COMPATIBLE_TYPES = ["openai-compatible", "anthropic-compatible"];
+
+const BUILT_IN_TYPES = ["openai", "anthropic"];
+
+const DEFAULT_BUILT_IN_PROVIDERS: Record<string, ProviderEntry> = {
+  openai: { type: "openai", apiKey: "" },
+  anthropic: { type: "anthropic", apiKey: "" },
+};
+
+export const ensureBuiltInProviders = (providers: Record<string, ProviderEntry>): Record<string, ProviderEntry> => ({
+  ...DEFAULT_BUILT_IN_PROVIDERS,
+  ...providers,
+});
+
+const cardStyle: React.CSSProperties = {
+  border: "1px solid var(--solid-border-color, #e2e8f0)",
+  borderRadius: "0.5rem",
+  padding: "1.25rem",
+  background: "var(--solid-card-bg, var(--solid-surface-bg, transparent))",
+};
+
+
+interface ProviderModalProps {
+  visible: boolean;
+  onHide: () => void;
+  providers: Record<string, ProviderEntry>;
+  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;
+  editKey?: string | null; // null = add mode, string = edit mode
+}
+
+const ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey }: ProviderModalProps) => {
+  const isEdit = !!editKey;
+  const existingEntry = isEdit ? providers[editKey] : null;
+
+  const [providerType, setProviderType] = useState(existingEntry?.type ?? "");
+  const [providerName, setProviderName] = useState(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : "");
+  const [providerBaseUrl, setProviderBaseUrl] = useState(existingEntry?.baseUrl ?? "");
+  const [providerApiKey, setProviderApiKey] = useState(existingEntry?.apiKey ?? "");
+
+  const isCompatible = COMPATIBLE_TYPES.includes(providerType);
+
+  // Reset state when modal opens with new data
+  React.useEffect(() => {
+    if (visible) {
+      const entry = editKey ? providers[editKey] : null;
+      setProviderType(entry?.type ?? "");
+      setProviderName(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : "");
+      setProviderBaseUrl(entry?.baseUrl ?? "");
+      setProviderApiKey(entry?.apiKey ?? "");
+    }
+  }, [visible, editKey]);
+
+  // In add mode, only show compatible types (built-ins are always pre-added)
+  // In edit mode, show all types but lock the value
+  const typeOptions = isEdit
+    ? PROVIDER_TYPE_OPTIONS
+    : PROVIDER_TYPE_OPTIONS.filter((opt) => COMPATIBLE_TYPES.includes(opt.value));
+
+  const handleSave = () => {
+    if (!providerType) return;
+
+    let key: string;
+    const entry: ProviderEntry = { type: providerType, apiKey: providerApiKey };
+
+    if (isCompatible) {
+      if (!providerName.trim()) return;
+      key = providerName.trim();
+      entry.baseUrl = providerBaseUrl;
+    } else {
+      key = providerType;
+    }
+
+    // In add mode, don't overwrite existing
+    if (!isEdit && providers[key]) return;
+
+    const next = { ...providers };
+
+    // If editing and key changed (shouldn't happen for built-in), remove old
+    if (isEdit && editKey !== key) {
+      delete next[editKey!];
+    }
+
+    next[key] = entry;
+    onProvidersChange(next);
+    onHide();
+  };
+
+  const handleRemove = () => {
+    if (!editKey) return;
+    const next = { ...providers };
+    delete next[editKey];
+    onProvidersChange(next);
+    onHide();
+  };
+
+  const canSave = providerType && (isCompatible ? providerName.trim() : true);
+
+  return (
+    <SolidDialog open={visible} onOpenChange={(open) => !open && onHide()} style={{ width: "500px" }}>
+      <SolidDialogHeader>
+        <SolidDialogTitle>
+          {isEdit
+            ? `Edit Provider — ${BUILT_IN_TYPES.includes(editKey!) ? PROVIDER_TYPE_OPTIONS.find((o) => o.value === editKey)?.label : editKey}`
+            : "Add Provider"}
+        </SolidDialogTitle>
+      </SolidDialogHeader>
+      <SolidDialogBody>
+        <div className="flex flex-column gap-3">
+          {!(isEdit && BUILT_IN_TYPES.includes(editKey!)) && (
+            <div>
+              <label className="form-field-label">Provider Type</label>
+              <SolidSelect
+                className="w-full"
+                value={providerType}
+                options={typeOptions}
+                onChange={(e) => {
+                  setProviderType(e.value);
+                  if (!isEdit) {
+                    setProviderName("");
+                    setProviderBaseUrl("");
+                  }
+                }}
+                placeholder="Select Provider Type"
+                disabled={isEdit}
+              />
+            </div>
+          )}
+          {isCompatible && (
+            <>
+              {!isEdit && (
+                <div>
+                  <label className="form-field-label">Name (unique identifier)</label>
+                  <SolidInput
+                    placeholder="e.g. openrouter, together-ai"
+                    value={providerName}
+                    onChange={(e) => setProviderName(e.target.value)}
+                    className="w-full"
+                  />
+                </div>
+              )}
+              <div>
+                <label className="form-field-label">Base URL</label>
+                <SolidInput
+                  placeholder="https://openrouter.ai/api/v1"
+                  value={providerBaseUrl}
+                  onChange={(e) => setProviderBaseUrl(e.target.value)}
+                  className="w-full"
+                />
+              </div>
+            </>
+          )}
+          <div>
+            <label className="form-field-label">API Key</label>
+            <SolidInput
+              type="password"
+              value={providerApiKey}
+              onChange={(e) => setProviderApiKey(e.target.value)}
+              className="w-full"
+            />
+          </div>
+        </div>
+      </SolidDialogBody>
+      <SolidDialogFooter>
+        <div className="flex justify-content-between w-full">
+          <div>
+            {isEdit && !BUILT_IN_TYPES.includes(editKey!) && (
+              <SolidButton variant="ghost" onClick={handleRemove} style={{ color: "var(--solid-danger-color, #ef4444)" }}>
+                Remove
+              </SolidButton>
+            )}
+          </div>
+          <div className="flex gap-2">
+            <SolidButton variant="outline" onClick={onHide}>
+              Cancel
+            </SolidButton>
+            <SolidButton onClick={handleSave} disabled={!canSave}>
+              {isEdit ? "Save" : "Add"}
+            </SolidButton>
+          </div>
+        </div>
+      </SolidDialogFooter>
+    </SolidDialog>
+  );
+};
+
+// --- Providers Tab (List View) ---
+
+interface ProvidersTabProps {
+  providers: Record<string, ProviderEntry>;
+  onProvidersChange: (providers: Record<string, ProviderEntry>) => void;
+  showAddModal?: boolean;
+  onAddModalClose?: () => void;
+}
+
+export const ProvidersTab = ({ providers, onProvidersChange, showAddModal, onAddModalClose }: ProvidersTabProps) => {
+  const [editKey, setEditKey] = useState<string | null>(null);
+  const [modalVisible, setModalVisible] = useState(false);
+
+  // Ensure built-in providers are always present
+  const allProviders = ensureBuiltInProviders(providers);
+
+  // Open modal when parent triggers add
+  React.useEffect(() => {
+    if (showAddModal) {
+      setEditKey(null);
+      setModalVisible(true);
+    }
+  }, [showAddModal]);
+
+  const providerEntries = Object.entries(allProviders);
+
+  const handleRowClick = (key: string) => {
+    setEditKey(key);
+    setModalVisible(true);
+  };
+
+  return (
+    <>
+      <div className="solid-simple-table">
+        <table style={{ width: "100%" }}>
+          <thead>
+            <tr>
+              <th style={{ textAlign: "left", padding: "0.75rem 1rem" }}>Name</th>
+              <th style={{ textAlign: "left", padding: "0.75rem 1rem" }}>Type</th>
+              <th style={{ textAlign: "left", padding: "0.75rem 1rem" }}>API Key</th>
+              <th style={{ textAlign: "left", padding: "0.75rem 1rem" }}>Base URL</th>
+            </tr>
+          </thead>
+          <tbody>
+            {providerEntries.length === 0 && (
+              <tr>
+                <td colSpan={4} style={{ textAlign: "center", padding: "2rem 1rem", opacity: 0.5 }}>
+                  No providers configured.
+                </td>
+              </tr>
+            )}
+            {providerEntries.map(([key, entry]) => {
+              const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;
+              const isBuiltIn = BUILT_IN_TYPES.includes(key);
+              const displayName = isBuiltIn ? typeLabel : key;
+              const maskedKey = entry.apiKey ? "\u2022".repeat(Math.min(entry.apiKey.length, 8)) : "-";
+
+              return (
+                <tr
+                  key={key}
+                  onClick={() => handleRowClick(key)}
+                  style={{ cursor: "pointer" }}
+                  className="solid-table-row-hover"
+                >
+                  <td style={{ padding: "0.75rem 1rem", fontWeight: 500 }}>{displayName}</td>
+                  <td style={{ padding: "0.75rem 1rem" }}>{typeLabel}</td>
+                  <td style={{ padding: "0.75rem 1rem" }}>{maskedKey}</td>
+                  <td style={{ padding: "0.75rem 1rem" }}>{entry.baseUrl || "-"}</td>
+                </tr>
+              );
+            })}
+          </tbody>
+        </table>
+      </div>
+
+      <ProviderModal
+        visible={modalVisible}
+        onHide={() => {
+          setModalVisible(false);
+          setEditKey(null);
+          onAddModalClose?.();
+        }}
+        providers={allProviders}
+        onProvidersChange={onProvidersChange}
+        editKey={editKey}
+      />
+    </>
+  );
+};
+
+// --- Model Config Tab (used for Intelligent Model & Fast Model) ---
+
+interface ModelConfigTabProps {
+  modelEntry: ModelEntry;
+  providers: Record<string, ProviderEntry>;
+  onModelEntryChange: (entry: ModelEntry) => void;
+}
+
+export const ModelConfigTab = ({ modelEntry, providers, onModelEntryChange }: ModelConfigTabProps) => {
+  const providerOptions = Object.entries(providers).map(([key, entry]) => {
+    const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;
+    const label = BUILT_IN_TYPES.includes(key) ? typeLabel : `${key} (${typeLabel})`;
+    return { label, value: key };
+  });
+
+  return (
+    <div className="flex flex-column gap-4">
+      <div style={{ ...cardStyle, width: "50%" }}>
+        <p className="solid-settings-subheading">Model Config</p>
+        <div className="flex flex-column gap-3 mt-3">
+          <div>
+            <label className="form-field-label">Provider</label>
+            <SolidSelect
+              className="w-full"
+              value={modelEntry.providerId}
+              options={providerOptions}
+              onChange={(e) => onModelEntryChange({ ...modelEntry, providerId: e.value })}
+              placeholder="Select Provider"
+            />
+          </div>
+          <div>
+            <label className="form-field-label">Model</label>
+            <SolidInput
+              placeholder="e.g. gpt-4o-mini"
+              value={modelEntry.model || ""}
+              onChange={(e) => onModelEntryChange({ ...modelEntry, model: e.target.value })}
+              className="w-full"
+            />
+          </div>
+        </div>
+      </div>
+
+      <div style={{ ...cardStyle, width: "50%" }}>
+        <p className="solid-settings-subheading">Behavior</p>
+        <div className="flex flex-column gap-3 mt-3">
+          <div className="flex align-items-center gap-2">
+            <SolidSwitch
+              checked={modelEntry.behavior.streaming}
+              onChange={(val) =>
+                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, streaming: val } })
+              }
+            />
+            <label className="form-field-label" style={{ marginBottom: 0 }}>Streaming</label>
+          </div>
+          <div>
+            <label className="form-field-label">Custom Params (JSON)</label>
+            <SolidTextarea
+              value={modelEntry.behavior.custom}
+              onChange={(e) =>
+                onModelEntryChange({ ...modelEntry, behavior: { ...modelEntry.behavior, custom: e.target.value } })
+              }
+              placeholder='{ "temperature": 0.7, "maxTokens": 1000 }'
+              rows={4}
+              className="w-full"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};

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

@@ -1 +1 @@
-{"version":3,"file":"AnthropicProviderComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,0BAA0B,0BAA2B,GAAG,4CAyCpE,CAAC"}
+{"version":3,"file":"AnthropicProviderComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,0BAA2B,GAAG,4CAgCpE,CAAC"}

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

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InputText } from "primereact/inputtext";
-import { Password } from "primereact/password";
+import { SolidInput, SolidPasswordInput } from "../../../shad-cn-ui";
 export var AnthropicProviderComponent = function (_a) {
     var profile = _a.profile, onUpdate = _a.onUpdate;
-    return (_jsx("div", { className: "grid", children: _jsxs("div", { className: "field col-12 md:col-6 pl-3", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Base URL" }), _jsx(InputText, { value: (profile === null || profile === void 0 ? void 0 : profile.baseUrl) || "", onChange: function (e) { return onUpdate("baseUrl", e.target.value); }, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Api Key" }), _jsx(Password, { className: "w-full", value: (profile === null || profile === void 0 ? void 0 : profile.apiKey) || "", onChange: function (e) { return onUpdate("apiKey", e.target.value); }, toggleMask: true, feedback: false, inputClassName: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Model Name" }), _jsx(InputText, { value: (profile === null || profile === void 0 ? void 0 : profile.modelName) || "", onChange: function (e) { return onUpdate("modelName", e.target.value); }, className: "w-full" })] })] }) }));
+    return (_jsxs("div", { className: "flex flex-column gap-4 mt-3", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Base URL" }), _jsx(SolidInput, { placeholder: "https://api.provider.com", value: (profile === null || profile === void 0 ? void 0 : profile.baseUrl) || "", onChange: function (e) { return onUpdate("baseUrl", e.target.value); }, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "API Key" }), _jsx(SolidPasswordInput, { className: "w-full", value: (profile === null || profile === void 0 ? void 0 : profile.apiKey) || "", onChange: function (e) { return onUpdate("apiKey", e.target.value); }, toggle: true })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Model Name" }), _jsx(SolidInput, { placeholder: "e.g. claude-3-haiku", value: (profile === null || profile === void 0 ? void 0 : profile.modelName) || "", onChange: function (e) { return onUpdate("modelName", e.target.value); }, className: "w-full" })] })] }));
 };
 //# sourceMappingURL=AnthropicProviderComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnthropicProviderComponent.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBAAO,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,kBAAkB,yBAEjD,EACR,KAAC,SAAS,IACR,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,EAC7B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,SAAS,EAAC,QAAQ,GAClB,IACE,EAEN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBAAO,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,kBAAkB,wBAEjD,EACR,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,EAAE,EAC5B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,EACnD,UAAU,QACV,QAAQ,EAAE,KAAK,EACf,cAAc,EAAC,QAAQ,GACvB,IACE,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBAAO,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,kBAAkB,2BAEjD,EACR,KAAC,SAAS,IACR,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,EAAE,EAC/B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAArC,CAAqC,EACtD,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { InputText } from \"primereact/inputtext\";\nimport { Password } from \"primereact/password\";\n\nexport const AnthropicProviderComponent = ({ profile, onUpdate }: any) => {\n  return (\n    <div className=\"grid\">\n      <div className=\"field col-12 md:col-6 pl-3\">\n        <div className=\"flex flex-column gap-2 mt-3\">\n          <label htmlFor=\"displayName\" className=\"form-field-label\">\n            Base URL\n          </label>\n          <InputText\n            value={profile?.baseUrl || \"\"}\n            onChange={(e) => onUpdate(\"baseUrl\", e.target.value)}\n            className=\"w-full\"\n          />\n        </div>\n\n        <div className=\"flex flex-column gap-2 mt-3\">\n          <label htmlFor=\"displayName\" className=\"form-field-label\">\n            Api Key\n          </label>\n          <Password\n            className=\"w-full\"\n            value={profile?.apiKey || \"\"}\n            onChange={(e) => onUpdate(\"apiKey\", e.target.value)}\n            toggleMask\n            feedback={false}\n            inputClassName=\"w-full\"\n          />\n        </div>\n        <div className=\"flex flex-column gap-2 mt-3\">\n          <label htmlFor=\"displayName\" className=\"form-field-label\">\n            Model Name\n          </label>\n          <InputText\n            value={profile?.modelName || \"\"}\n            onChange={(e) => onUpdate(\"modelName\", e.target.value)}\n            className=\"w-full\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AnthropicProviderComponent.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC5D,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,kBAAkB,yBAAiB,EACpD,KAAC,UAAU,IACT,WAAW,EAAC,0BAA0B,EACtC,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,EAC7B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,SAAS,EAAC,QAAQ,GAClB,IACE,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,kBAAkB,wBAAgB,EACnD,KAAC,kBAAkB,IACjB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,EAAE,EAC5B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,EACnD,MAAM,SACN,IACE,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,kBAAkB,2BAAmB,EACtD,KAAC,UAAU,IACT,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,EAAE,EAC/B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAArC,CAAqC,EACtD,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { SolidInput, SolidPasswordInput } from \"../../../shad-cn-ui\";\n\nexport const AnthropicProviderComponent = ({ profile, onUpdate }: any) => {\n  return (\n    <div className=\"flex flex-column gap-4 mt-3\">\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">Base URL</label>\n        <SolidInput\n          placeholder=\"https://api.provider.com\"\n          value={profile?.baseUrl || \"\"}\n          onChange={(e) => onUpdate(\"baseUrl\", e.target.value)}\n          className=\"w-full\"\n        />\n      </div>\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">API Key</label>\n        <SolidPasswordInput\n          className=\"w-full\"\n          value={profile?.apiKey || \"\"}\n          onChange={(e) => onUpdate(\"apiKey\", e.target.value)}\n          toggle\n        />\n      </div>\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">Model Name</label>\n        <SolidInput\n          placeholder=\"e.g. claude-3-haiku\"\n          value={profile?.modelName || \"\"}\n          onChange={(e) => onUpdate(\"modelName\", e.target.value)}\n          className=\"w-full\"\n        />\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.tsx

@@ -1,44 +1,34 @@
-import { InputText } from "primereact/inputtext";
-import { Password } from "primereact/password";
+import { SolidInput, SolidPasswordInput } from "../../../shad-cn-ui";
 
 export const AnthropicProviderComponent = ({ profile, onUpdate }: any) => {
   return (
-    <div className="grid">
-      <div className="field col-12 md:col-6 pl-3">
-        <div className="flex flex-column gap-2 mt-3">
-          <label htmlFor="displayName" className="form-field-label">
-            Base URL
-          </label>
-          <InputText
-            value={profile?.baseUrl || ""}
-            onChange={(e) => onUpdate("baseUrl", e.target.value)}
-            className="w-full"
-          />
-        </div>
-
-        <div className="flex flex-column gap-2 mt-3">
-          <label htmlFor="displayName" className="form-field-label">
-            Api Key
-          </label>
-          <Password
-            className="w-full"
-            value={profile?.apiKey || ""}
-            onChange={(e) => onUpdate("apiKey", e.target.value)}
-            toggleMask
-            feedback={false}
-            inputClassName="w-full"
-          />
-        </div>
-        <div className="flex flex-column gap-2 mt-3">
-          <label htmlFor="displayName" className="form-field-label">
-            Model Name
-          </label>
-          <InputText
-            value={profile?.modelName || ""}
-            onChange={(e) => onUpdate("modelName", e.target.value)}
-            className="w-full"
-          />
-        </div>
+    <div className="flex flex-column gap-4 mt-3">
+      <div className="flex flex-column gap-2">
+        <label className="form-field-label">Base URL</label>
+        <SolidInput
+          placeholder="https://api.provider.com"
+          value={profile?.baseUrl || ""}
+          onChange={(e) => onUpdate("baseUrl", e.target.value)}
+          className="w-full"
+        />
+      </div>
+      <div className="flex flex-column gap-2">
+        <label className="form-field-label">API Key</label>
+        <SolidPasswordInput
+          className="w-full"
+          value={profile?.apiKey || ""}
+          onChange={(e) => onUpdate("apiKey", e.target.value)}
+          toggle
+        />
+      </div>
+      <div className="flex flex-column gap-2">
+        <label className="form-field-label">Model Name</label>
+        <SolidInput
+          placeholder="e.g. claude-3-haiku"
+          value={profile?.modelName || ""}
+          onChange={(e) => onUpdate("modelName", e.target.value)}
+          className="w-full"
+        />
       </div>
     </div>
   );

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

@@ -1 +1 @@
-{"version":3,"file":"OpenAiProviderComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/OpenAiProviderComponent.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,0BAA2B,GAAG,4CAyCjE,CAAC"}
+{"version":3,"file":"OpenAiProviderComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/OpenAiProviderComponent.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,0BAA2B,GAAG,4CAgCjE,CAAC"}

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

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InputText } from "primereact/inputtext";
-import { Password } from "primereact/password";
+import { SolidInput, SolidPasswordInput } from "../../../shad-cn-ui";
 export var OpenAiProviderComponent = function (_a) {
     var profile = _a.profile, onUpdate = _a.onUpdate;
-    return (_jsx("div", { className: "grid", children: _jsxs("div", { className: "field col-12 md:col-6 pl-3", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Base URL" }), _jsx(InputText, { value: (profile === null || profile === void 0 ? void 0 : profile.baseUrl) || "", onChange: function (e) { return onUpdate("baseUrl", e.target.value); }, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Api Key" }), _jsx(Password, { className: "w-full", value: (profile === null || profile === void 0 ? void 0 : profile.apiKey) || "", onChange: function (e) { return onUpdate("apiKey", e.target.value); }, toggleMask: true, feedback: false, inputClassName: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Model Name" }), _jsx(InputText, { value: (profile === null || profile === void 0 ? void 0 : profile.modelName) || "", onChange: function (e) { return onUpdate("modelName", e.target.value); }, className: "w-full" })] })] }) }));
+    return (_jsxs("div", { className: "flex flex-column gap-4 mt-3", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Base URL" }), _jsx(SolidInput, { placeholder: "https://api.provider.com", value: (profile === null || profile === void 0 ? void 0 : profile.baseUrl) || "", onChange: function (e) { return onUpdate("baseUrl", e.target.value); }, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "API Key" }), _jsx(SolidPasswordInput, { className: "w-full", value: (profile === null || profile === void 0 ? void 0 : profile.apiKey) || "", onChange: function (e) { return onUpdate("apiKey", e.target.value); }, toggle: true })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Model Name" }), _jsx(SolidInput, { placeholder: "e.g. gpt-4o-mini", value: (profile === null || profile === void 0 ? void 0 : profile.modelName) || "", onChange: function (e) { return onUpdate("modelName", e.target.value); }, className: "w-full" })] })] }));
 };
 //# sourceMappingURL=OpenAiProviderComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OpenAiProviderComponent.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/OpenAiProviderComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IACzD,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBAAO,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,kBAAkB,yBAEjD,EACR,KAAC,SAAS,IACR,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,EAC7B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,SAAS,EAAC,QAAQ,GAClB,IACE,EAEN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBAAO,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,kBAAkB,wBAEjD,EACR,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,EAAE,EAC5B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,EACnD,UAAU,QACV,QAAQ,EAAE,KAAK,EACf,cAAc,EAAC,QAAQ,GACvB,IACE,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBAAO,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,kBAAkB,2BAEjD,EACR,KAAC,SAAS,IACR,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,EAAE,EAC/B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAArC,CAAqC,EACtD,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { InputText } from \"primereact/inputtext\";\nimport { Password } from \"primereact/password\";\n\nexport const OpenAiProviderComponent = ({ profile, onUpdate }: any) => {\n  return (\n    <div className=\"grid\">\n      <div className=\"field col-12 md:col-6 pl-3\">\n        <div className=\"flex flex-column gap-2 mt-3\">\n          <label htmlFor=\"displayName\" className=\"form-field-label\">\n            Base URL\n          </label>\n          <InputText\n            value={profile?.baseUrl || \"\"}\n            onChange={(e) => onUpdate(\"baseUrl\", e.target.value)}\n            className=\"w-full\"\n          />\n        </div>\n\n        <div className=\"flex flex-column gap-2 mt-3\">\n          <label htmlFor=\"displayName\" className=\"form-field-label\">\n            Api Key\n          </label>\n          <Password\n            className=\"w-full\"\n            value={profile?.apiKey || \"\"}\n            onChange={(e) => onUpdate(\"apiKey\", e.target.value)}\n            toggleMask\n            feedback={false}\n            inputClassName=\"w-full\"\n          />\n        </div>\n        <div className=\"flex flex-column gap-2 mt-3\">\n          <label htmlFor=\"displayName\" className=\"form-field-label\">\n            Model Name\n          </label>\n          <InputText\n            value={profile?.modelName || \"\"}\n            onChange={(e) => onUpdate(\"modelName\", e.target.value)}\n            className=\"w-full\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"OpenAiProviderComponent.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/OpenAiProviderComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IACzD,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,kBAAkB,yBAAiB,EACpD,KAAC,UAAU,IACT,WAAW,EAAC,0BAA0B,EACtC,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,EAC7B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,SAAS,EAAC,QAAQ,GAClB,IACE,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,kBAAkB,wBAAgB,EACnD,KAAC,kBAAkB,IACjB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,EAAE,EAC5B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,EACnD,MAAM,SACN,IACE,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,kBAAkB,2BAAmB,EACtD,KAAC,UAAU,IACT,WAAW,EAAC,kBAAkB,EAC9B,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,EAAE,EAC/B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAArC,CAAqC,EACtD,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { SolidInput, SolidPasswordInput } from \"../../../shad-cn-ui\";\n\nexport const OpenAiProviderComponent = ({ profile, onUpdate }: any) => {\n  return (\n    <div className=\"flex flex-column gap-4 mt-3\">\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">Base URL</label>\n        <SolidInput\n          placeholder=\"https://api.provider.com\"\n          value={profile?.baseUrl || \"\"}\n          onChange={(e) => onUpdate(\"baseUrl\", e.target.value)}\n          className=\"w-full\"\n        />\n      </div>\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">API Key</label>\n        <SolidPasswordInput\n          className=\"w-full\"\n          value={profile?.apiKey || \"\"}\n          onChange={(e) => onUpdate(\"apiKey\", e.target.value)}\n          toggle\n        />\n      </div>\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">Model Name</label>\n        <SolidInput\n          placeholder=\"e.g. gpt-4o-mini\"\n          value={profile?.modelName || \"\"}\n          onChange={(e) => onUpdate(\"modelName\", e.target.value)}\n          className=\"w-full\"\n        />\n      </div>\n    </div>\n  );\n};\n"]}