@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.2

package/dist/botlit/pages/SettingsPage.js

@@ -1,23 +1,23 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useConfigureLLMProvider as t, useLLMModels as n, useLLMProviders as r } from "../hooks/useLLMProviders.js";
-import { cn as i } from "../utils/cn.js";
-import { BOTMANOR_PERMISSIONS as a } from "../permissions/botmanorPermissions.js";
-import { BotmanorPermissionGate as o } from "../permissions/useBotmanorPermissions.js";
-import { PageLayout as ee } from "../components/PageLayout.js";
-import { Button as s } from "../components/Button.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { Card as n, CardContent as r, CardDescription as i, CardHeader as a, CardTitle as o } from "../components/Card.js";
+import { BOTMANOR_PERMISSIONS as s } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as c } from "../permissions/useBotmanorPermissions.js";
+import { Button as l } from "../components/Button.js";
+import { FormField as u, Input as d } from "../components/Input.js";
+import { Badge as f } from "../components/Badge.js";
 import "../permissions/index.js";
-import { Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f } from "../components/Card.js";
-import { Badge as p } from "../components/Badge.js";
-import { FormField as m, Input as h } from "../components/Input.js";
+import { ModelRegistrationPanel as p } from "../components/ModelRegistrationPanel.js";
+import { useConfigureLLMProvider as ee, useLLMModels as te, useLLMProviders as m } from "../hooks/useLLMProviders.js";
+import { cn as h } from "../utils/cn.js";
 import { toUnion as g } from "../utils/unions.js";
-import { ModelRegistrationPanel as te } from "../components/ModelRegistrationPanel.js";
 import { useState as _ } from "react";
-import { PagePurpose as ne } from "@burdenoff/fe-libs/ui";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Brain as b, ExternalLink as x, Key as S, Link2 as C, Save as w } from "lucide-react";
-import { toast as T } from "sonner";
-//#region src/botlit/pages/SettingsPage.tsx
-var E = [
+import { PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Brain as x, ExternalLink as S, Key as C, Link2 as w, Save as T } from "lucide-react";
+import { toast as E } from "sonner";
+// src/botlit/pages/SettingsPage.tsx
+var D = [
 	"OPENAI",
 	"ANTHROPIC",
 	"GOOGLE",
@@ -25,79 +25,79 @@ var E = [
 	"AWS_BEDROCK",
 	"CUSTOM"
 ];
-function D(e) {
-	return g(e.toUpperCase(), E, "CUSTOM");
+function O(e) {
+	return g(e.toUpperCase(), D, "CUSTOM");
 }
-var O = () => {
-	let g = e(), { data: E, refetch: O, loading: k, error: A } = r(), { configureProvider: j, isConfiguring: re } = t(), { data: M, refetch: N, loading: P, error: F } = n(), I = k || P, L = A || F, [R, z] = _(""), [B, V] = _(!0), [H, U] = _("openai"), [W, G] = _(null), [K, q] = _("apikey"), [J, Y] = _(""), [X, Z] = _("ap-south-1"), Q = H === "aws_bedrock", $ = Q && K === "iam", ie = /^[a-z]{2}(?:-[a-z]+)+-\d+$/.test(X.trim());
-	return /* @__PURE__ */ v(ee, {
+var k = () => {
+	let g = e(), { data: D, refetch: k, loading: ne, error: re } = m(), { configureProvider: A, isConfiguring: j } = ee(), { data: M, refetch: N, loading: P, error: F } = te(), I = ne || P, L = re || F, [R, z] = _(""), [B, V] = _(!0), [H, U] = _("openai"), [W, G] = _(null), [K, q] = _("apikey"), [J, Y] = _(""), [X, Z] = _("ap-south-1"), Q = H === "aws_bedrock", $ = Q && K === "iam", ie = /^[a-z]{2}(?:-[a-z]+)+-\d+$/.test(X.trim());
+	return /* @__PURE__ */ y(t, {
 		title: g("botlit.settings.title", "Settings"),
 		description: g("botlit.settings.description", "Configure your BotManor workspace settings"),
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "space-y-6",
 			children: [
-				I && /* @__PURE__ */ v("p", {
+				I && /* @__PURE__ */ y("p", {
 					role: "status",
 					children: "Loading providers and models…"
 				}),
-				L && /* @__PURE__ */ y("div", {
+				L && /* @__PURE__ */ b("div", {
 					role: "alert",
-					children: [/* @__PURE__ */ v("p", { children: "Could not load providers and models. Try loading the catalog again." }), /* @__PURE__ */ v(s, {
+					children: [/* @__PURE__ */ y("p", { children: "Could not load providers and models. Try loading the catalog again." }), /* @__PURE__ */ y(l, {
 						variant: "secondary",
 						onClick: () => {
-							O(), N();
+							k(), N();
 						},
 						children: "Retry model catalog"
 					})]
 				}),
-				/* @__PURE__ */ v(ne, {
-					icon: /* @__PURE__ */ v(S, { size: 18 }),
+				/* @__PURE__ */ y(v, {
+					icon: /* @__PURE__ */ y(C, { size: 18 }),
 					children: g("botlit.settings.purpose", "Workspace-wide settings for LLM Providers — connect at least one model provider (OpenAI, Anthropic, Google and others) so your agents have a brain to think with.")
 				}),
-				/* @__PURE__ */ y(c, {
+				/* @__PURE__ */ b(n, {
 					treatment: "glass",
 					glow: !0,
-					children: [/* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(f, { children: g("botlit.settings.providers.title", "LLM Providers") }), /* @__PURE__ */ v(u, { children: g("botlit.settings.providers.description", "Configure API keys for AI model providers") })] }), /* @__PURE__ */ v(l, {
+					children: [/* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(o, { children: g("botlit.settings.providers.title", "LLM Providers") }), /* @__PURE__ */ y(i, { children: g("botlit.settings.providers.description", "Configure API keys for AI model providers") })] }), /* @__PURE__ */ y(r, {
 						className: "space-y-4",
-						children: E?.map((e) => /* @__PURE__ */ y("div", {
+						children: D?.map((e) => /* @__PURE__ */ b("div", {
 							className: "flex items-center justify-between p-4 border border-border-subtle rounded-lg",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "flex items-center gap-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "p-2 bg-action-primary-bg/10 rounded-lg",
-									children: e.connectionId ? /* @__PURE__ */ v(C, { className: "h-5 w-5 text-primary" }) : /* @__PURE__ */ v(S, { className: "h-5 w-5 text-primary" })
-								}), /* @__PURE__ */ y("div", { children: [
-									/* @__PURE__ */ v("p", {
+									children: e.connectionId ? /* @__PURE__ */ y(w, { className: "h-5 w-5 text-primary" }) : /* @__PURE__ */ y(C, { className: "h-5 w-5 text-primary" })
+								}), /* @__PURE__ */ b("div", { children: [
+									/* @__PURE__ */ y("p", {
 										className: "font-medium",
 										children: e.name
 									}),
-									/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: g("botlit.settings.providers.type", "Type: {{type}}", { type: e.type })
 									}),
-									e.connectionId && /* @__PURE__ */ v("p", {
+									e.connectionId && /* @__PURE__ */ y("p", {
 										className: "text-xs text-text-secondary mt-0.5",
 										children: g("botlit.settings.providers.connectedViaIntegrations", "Connected via Integrations")
 									}),
-									!e.connectionId && e.credentialsHash && /* @__PURE__ */ v("p", {
+									!e.connectionId && e.credentialsHash && /* @__PURE__ */ y("p", {
 										className: "text-xs text-text-secondary mt-0.5",
 										children: g("botlit.settings.providers.apiKeyStored", "API key stored locally")
 									})
 								] })]
-							}), /* @__PURE__ */ y("div", {
+							}), /* @__PURE__ */ b("div", {
 								className: "flex items-center gap-3",
 								children: [
-									e.connectionId && /* @__PURE__ */ v(p, {
+									e.connectionId && /* @__PURE__ */ y(f, {
 										variant: "default",
 										children: g("botlit.settings.providers.integrationBadge", "Integration")
 									}),
-									/* @__PURE__ */ v(p, {
+									/* @__PURE__ */ y(f, {
 										variant: e.isActive ? "success" : "secondary",
 										children: e.isActive ? g("botlit.settings.providers.active", "Active") : g("botlit.settings.providers.inactive", "Inactive")
 									}),
-									/* @__PURE__ */ v(o, {
-										permission: a.LLM_UPDATE,
-										children: /* @__PURE__ */ v(s, {
+									/* @__PURE__ */ y(c, {
+										permission: s.LLM_UPDATE,
+										children: /* @__PURE__ */ y(l, {
 											variant: "outline",
 											size: "sm",
 											onClick: () => {
@@ -111,63 +111,63 @@ var O = () => {
 						}, e.id))
 					})]
 				}),
-				/* @__PURE__ */ y(c, { children: [/* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(f, { children: g("botlit.settings.models.title", "LLM Models") }), /* @__PURE__ */ v(u, { children: g("botlit.settings.models.description", "Registered models across your providers") })] }), /* @__PURE__ */ v(l, {
+				/* @__PURE__ */ b(n, { children: [/* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(o, { children: g("botlit.settings.models.title", "LLM Models") }), /* @__PURE__ */ y(i, { children: g("botlit.settings.models.description", "Registered models across your providers") })] }), /* @__PURE__ */ y(r, {
 					className: "space-y-4",
 					children: M && M.length > 0 ? M.map((e) => {
-						let t = E?.find((t) => t.id === e.providerId)?.name;
-						return /* @__PURE__ */ y("div", {
+						let t = D?.find((t) => t.id === e.providerId)?.name;
+						return /* @__PURE__ */ b("div", {
 							className: "flex items-center justify-between p-4 border border-border-subtle rounded-lg",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "flex items-center gap-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ y("div", {
 									className: "p-2 bg-purple-500/10 rounded-lg",
-									children: /* @__PURE__ */ v(b, { className: "h-5 w-5 text-purple-500" })
-								}), /* @__PURE__ */ y("div", { children: [
-									/* @__PURE__ */ v("p", {
+									children: /* @__PURE__ */ y(x, { className: "h-5 w-5 text-purple-500" })
+								}), /* @__PURE__ */ b("div", { children: [
+									/* @__PURE__ */ y("p", {
 										className: "font-medium",
 										children: e.name
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ b("p", {
 										className: "text-sm text-text-secondary",
 										children: [e.modelId, t && ` · ${t}`]
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ b("div", {
 										className: "flex gap-3 mt-1 text-xs text-text-secondary",
 										children: [
-											e.contextWindow != null && /* @__PURE__ */ v("span", { children: g("botlit.settings.models.context", "Context: {{value}}K", { value: (e.contextWindow / 1e3).toFixed(0) }) }),
-											e.maxOutputTokens != null && /* @__PURE__ */ v("span", { children: g("botlit.settings.models.maxOut", "Max out: {{value}}K", { value: (e.maxOutputTokens / 1e3).toFixed(0) }) }),
-											e.inputPricePerMToken != null && /* @__PURE__ */ v("span", { children: g("botlit.settings.models.priceIn", "${{value}}/M in", { value: e.inputPricePerMToken }) }),
-											e.outputPricePerMToken != null && /* @__PURE__ */ v("span", { children: g("botlit.settings.models.priceOut", "${{value}}/M out", { value: e.outputPricePerMToken }) })
+											e.contextWindow != null && /* @__PURE__ */ y("span", { children: g("botlit.settings.models.context", "Context: {{value}}K", { value: (e.contextWindow / 1e3).toFixed(0) }) }),
+											e.maxOutputTokens != null && /* @__PURE__ */ y("span", { children: g("botlit.settings.models.maxOut", "Max out: {{value}}K", { value: (e.maxOutputTokens / 1e3).toFixed(0) }) }),
+											e.inputPricePerMToken != null && /* @__PURE__ */ y("span", { children: g("botlit.settings.models.priceIn", "${{value}}/M in", { value: e.inputPricePerMToken }) }),
+											e.outputPricePerMToken != null && /* @__PURE__ */ y("span", { children: g("botlit.settings.models.priceOut", "${{value}}/M out", { value: e.outputPricePerMToken }) })
 										]
 									})
 								] })]
-							}), /* @__PURE__ */ v(p, {
+							}), /* @__PURE__ */ y(f, {
 								variant: e.isActive ? "success" : "secondary",
 								children: e.isActive ? g("botlit.settings.providers.active", "Active") : g("botlit.settings.providers.inactive", "Inactive")
 							})]
 						}, e.id);
-					}) : !I && !L ? /* @__PURE__ */ v("p", {
+					}) : !I && !L ? /* @__PURE__ */ y("p", {
 						className: "text-sm text-text-secondary text-center py-4",
 						children: g("botlit.settings.models.empty", "No models registered yet.")
 					}) : null
 				})] }),
-				!I && !L && /* @__PURE__ */ v(o, {
-					permission: a.LLM_CREATE,
-					children: /* @__PURE__ */ v(te, {
-						providers: E ?? [],
+				!I && !L && /* @__PURE__ */ y(c, {
+					permission: s.LLM_CREATE,
+					children: /* @__PURE__ */ y(p, {
+						providers: D ?? [],
 						onCreated: () => void N()
 					})
 				}),
-				/* @__PURE__ */ v(o, {
-					permission: a.LLM_CREATE,
-					children: /* @__PURE__ */ y(c, {
+				/* @__PURE__ */ y(c, {
+					permission: s.LLM_CREATE,
+					children: /* @__PURE__ */ b(n, {
 						id: "provider-form",
-						children: [/* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(f, { children: W ? g("botlit.settings.form.updateTitle", "Update Provider") : g("botlit.settings.form.addTitle", "Add Provider") }), /* @__PURE__ */ v(u, { children: W ? g("botlit.settings.form.updateDescription", "Update credentials for this provider") : g("botlit.settings.form.addDescription", "Configure a new LLM provider") })] }), /* @__PURE__ */ y(l, {
+						children: [/* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(o, { children: W ? g("botlit.settings.form.updateTitle", "Update Provider") : g("botlit.settings.form.addTitle", "Add Provider") }), /* @__PURE__ */ y(i, { children: W ? g("botlit.settings.form.updateDescription", "Update credentials for this provider") : g("botlit.settings.form.addDescription", "Configure a new LLM provider") })] }), /* @__PURE__ */ b(r, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ v(m, {
+								/* @__PURE__ */ y(u, {
 									label: g("botlit.settings.form.providerLabel", "Provider"),
-									children: /* @__PURE__ */ y("select", {
+									children: /* @__PURE__ */ b("select", {
 										className: "flex h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm",
 										value: H,
 										disabled: !!W,
@@ -175,60 +175,60 @@ var O = () => {
 											U(e.target.value), q(e.target.value === "aws_bedrock" ? "iam" : "apikey"), z(""), Y("");
 										},
 										children: [
-											/* @__PURE__ */ v("option", {
+											/* @__PURE__ */ y("option", {
 												value: "openai",
 												children: "OpenAI"
 											}),
-											/* @__PURE__ */ v("option", {
+											/* @__PURE__ */ y("option", {
 												value: "anthropic",
 												children: "Anthropic"
 											}),
-											/* @__PURE__ */ v("option", {
+											/* @__PURE__ */ y("option", {
 												value: "google",
 												children: "Google AI"
 											}),
-											/* @__PURE__ */ v("option", {
+											/* @__PURE__ */ y("option", {
 												value: "azure_openai",
 												children: "Azure OpenAI"
 											}),
-											/* @__PURE__ */ v("option", {
+											/* @__PURE__ */ y("option", {
 												value: "aws_bedrock",
 												children: "AWS Bedrock"
 											}),
-											/* @__PURE__ */ v("option", {
+											/* @__PURE__ */ y("option", {
 												value: "custom",
 												children: "Custom"
 											})
 										]
 									})
 								}),
-								W && /* @__PURE__ */ y("label", {
+								W && /* @__PURE__ */ b("label", {
 									className: "flex items-center gap-2 text-sm",
-									children: [/* @__PURE__ */ v("input", {
+									children: [/* @__PURE__ */ y("input", {
 										type: "checkbox",
 										checked: B,
 										onChange: (e) => V(e.target.checked)
 									}), "Provider enabled"]
 								}),
-								Q && /* @__PURE__ */ y(m, {
+								Q && /* @__PURE__ */ b(u, {
 									label: "AWS region",
-									children: [/* @__PURE__ */ v(h, {
+									children: [/* @__PURE__ */ y(d, {
 										"aria-label": "AWS region",
 										value: X,
 										onChange: (e) => Z(e.target.value)
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: "Managed AWS IAM requires model access enabled for this workspace by your platform administrator."
 									})]
 								}),
-								/* @__PURE__ */ v(m, {
+								/* @__PURE__ */ y(u, {
 									label: g("botlit.settings.form.credentialMethod", "Credential Method"),
-									children: /* @__PURE__ */ y("div", {
+									children: /* @__PURE__ */ b("div", {
 										className: "flex flex-wrap gap-3",
 										children: [
-											Q && /* @__PURE__ */ y("label", {
-												className: i("flex items-center gap-2 px-4 py-3 border rounded-lg cursor-pointer flex-1", $ ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-primary/50"),
-												children: [/* @__PURE__ */ v("input", {
+											Q && /* @__PURE__ */ b("label", {
+												className: h("flex items-center gap-2 px-4 py-3 border rounded-lg cursor-pointer flex-1", $ ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-primary/50"),
+												children: [/* @__PURE__ */ y("input", {
 													type: "radio",
 													name: "credentialMethod",
 													value: "iam",
@@ -238,36 +238,36 @@ var O = () => {
 													}
 												}), "Managed AWS IAM"]
 											}),
-											/* @__PURE__ */ y("label", {
-												className: i("flex items-center gap-2 px-4 py-3 border rounded-lg cursor-pointer transition-colors flex-1", K === "integration" ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-primary/50"),
-												children: [/* @__PURE__ */ v("input", {
+											/* @__PURE__ */ b("label", {
+												className: h("flex items-center gap-2 px-4 py-3 border rounded-lg cursor-pointer transition-colors flex-1", K === "integration" ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-primary/50"),
+												children: [/* @__PURE__ */ y("input", {
 													type: "radio",
 													name: "credentialMethod",
 													value: "integration",
 													checked: K === "integration",
 													onChange: () => q("integration"),
 													className: "h-4 w-4"
-												}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+												}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 													className: "font-medium text-sm",
 													children: g("botlit.settings.form.integrationOption", "Connect via Integrations")
-												}), /* @__PURE__ */ v("p", {
+												}), /* @__PURE__ */ y("p", {
 													className: "text-xs text-text-secondary",
 													children: g("botlit.settings.form.integrationHint", "Managed credentials (recommended)")
 												})] })]
 											}),
-											/* @__PURE__ */ y("label", {
-												className: i("flex items-center gap-2 px-4 py-3 border rounded-lg cursor-pointer transition-colors flex-1", K === "apikey" ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-primary/50"),
-												children: [/* @__PURE__ */ v("input", {
+											/* @__PURE__ */ b("label", {
+												className: h("flex items-center gap-2 px-4 py-3 border rounded-lg cursor-pointer transition-colors flex-1", K === "apikey" ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-primary/50"),
+												children: [/* @__PURE__ */ y("input", {
 													type: "radio",
 													name: "credentialMethod",
 													value: "apikey",
 													checked: K === "apikey",
 													onChange: () => q("apikey"),
 													className: "h-4 w-4"
-												}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+												}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 													className: "font-medium text-sm",
 													children: g("botlit.settings.form.apiKeyOption", "Enter API Key")
-												}), /* @__PURE__ */ v("p", {
+												}), /* @__PURE__ */ y("p", {
 													className: "text-xs text-text-secondary",
 													children: g("botlit.settings.form.apiKeyHint", "Paste key directly (legacy)")
 												})] })]
@@ -275,32 +275,32 @@ var O = () => {
 										]
 									})
 								}),
-								K === "integration" && /* @__PURE__ */ y("div", {
+								K === "integration" && /* @__PURE__ */ b("div", {
 									className: "space-y-3",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ y("div", {
 										className: "p-4 bg-bg-sunken/50 border border-border-subtle rounded-lg",
-										children: /* @__PURE__ */ y("div", {
+										children: /* @__PURE__ */ b("div", {
 											className: "flex items-start gap-3",
-											children: [/* @__PURE__ */ v(C, { className: "h-5 w-5 text-primary mt-0.5 flex-shrink-0" }), /* @__PURE__ */ y("div", {
+											children: [/* @__PURE__ */ y(w, { className: "h-5 w-5 text-primary mt-0.5 flex-shrink-0" }), /* @__PURE__ */ b("div", {
 												className: "space-y-2 flex-1",
 												children: [
-													/* @__PURE__ */ v("p", {
+													/* @__PURE__ */ y("p", {
 														className: "text-sm font-medium",
 														children: g("botlit.settings.form.integrationTitle", "Integration Connection")
 													}),
-													/* @__PURE__ */ v("p", {
+													/* @__PURE__ */ y("p", {
 														className: "text-xs text-text-secondary",
 														children: g("botlit.settings.form.integrationDescription", "Create a connection in the Integrations module, then paste the Connection ID here. This stores your API key securely in the Integrations vault.")
 													}),
-													/* @__PURE__ */ v("div", {
+													/* @__PURE__ */ y("div", {
 														className: "flex gap-2 mt-2",
-														children: /* @__PURE__ */ y(s, {
+														children: /* @__PURE__ */ b(l, {
 															variant: "outline",
 															size: "sm",
 															onClick: () => {
 																window.open("/integrations/connections", "_blank");
 															},
-															children: [/* @__PURE__ */ v(x, {
+															children: [/* @__PURE__ */ y(S, {
 																size: 14,
 																className: "mr-1.5"
 															}), g("botlit.settings.form.openIntegrations", "Open Integrations")]
@@ -309,60 +309,60 @@ var O = () => {
 												]
 											})]
 										})
-									}), /* @__PURE__ */ v(m, {
+									}), /* @__PURE__ */ y(u, {
 										label: g("botlit.settings.form.connectionIdPlaceholder", "Connection ID"),
-										children: /* @__PURE__ */ v(h, {
+										children: /* @__PURE__ */ y(d, {
 											placeholder: g("botlit.settings.form.connectionIdPlaceholder", "Paste connection ID from Integrations..."),
 											value: J,
 											onChange: (e) => Y(e.target.value)
 										})
 									})]
 								}),
-								K === "apikey" && /* @__PURE__ */ v(m, {
+								K === "apikey" && /* @__PURE__ */ y(u, {
 									label: g("botlit.settings.form.apiKeyLabel", "API Key"),
-									children: /* @__PURE__ */ v(h, {
+									children: /* @__PURE__ */ y(d, {
 										type: "password",
 										placeholder: g("botlit.settings.form.apiKeyPlaceholder", "sk-..."),
 										value: R,
 										onChange: (e) => z(e.target.value)
 									})
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex gap-2",
-									children: [/* @__PURE__ */ v(s, {
-										leftIcon: /* @__PURE__ */ v(w, { size: 16 }),
-										isLoading: re,
+									children: [/* @__PURE__ */ y(l, {
+										leftIcon: /* @__PURE__ */ y(T, { size: 16 }),
+										isLoading: j,
 										disabled: Q && !ie || ($ ? !1 : K === "apikey" ? !R.trim() : !J.trim()),
 										onClick: async () => {
 											try {
-												let e = H.charAt(0).toUpperCase() + H.slice(1), t = K === "apikey" && R ? { apiKey: R } : void 0, n = K === "integration" ? J : null, r = E?.find((e) => e.id === W)?.metadata ?? {}, i = Q ? {
+												let e = H.charAt(0).toUpperCase() + H.slice(1), t = K === "apikey" && R ? { apiKey: R } : void 0, n = K === "integration" ? J : null, r = D?.find((e) => e.id === W)?.metadata ?? {}, i = Q ? {
 													...r,
 													region: X.trim(),
 													awsAuthentication: $ ? "iam" : "credentials"
 												} : r;
-												W ? await j({
+												W ? await A({
 													name: e,
-													type: D(H),
+													type: O(H),
 													connectionId: n,
 													credentials: t,
 													metadata: i,
 													isActive: B
-												}, W) : await j({
+												}, W) : await A({
 													name: e,
-													type: D(H),
+													type: O(H),
 													connectionId: n,
 													credentials: t,
 													metadata: i
-												}), z(""), Y(""), G(null), await O();
+												}), z(""), Y(""), G(null), await k();
 												let a = H.charAt(0).toUpperCase() + H.slice(1);
-												T.success(W ? g("botlit.settings.form.updateSuccess", "{{provider}} provider updated successfully", { provider: a }) : g("botlit.settings.form.addSuccess", "{{provider}} provider added successfully", { provider: a }));
+												E.success(W ? g("botlit.settings.form.updateSuccess", "{{provider}} provider updated successfully", { provider: a }) : g("botlit.settings.form.addSuccess", "{{provider}} provider added successfully", { provider: a }));
 											} catch (e) {
 												let t = e instanceof Error ? e.message : g("botlit.settings.form.saveError", "Failed to save provider");
-												T.error(t);
+												E.error(t);
 											}
 										},
 										children: W ? g("botlit.settings.form.updateProvider", "Update Provider") : g("botlit.settings.form.saveProvider", "Save Provider")
-									}), W && /* @__PURE__ */ v(s, {
+									}), W && /* @__PURE__ */ y(l, {
 										variant: "outline",
 										onClick: () => {
 											G(null), z(""), Y(""), q("apikey"), U("openai");
@@ -378,7 +378,6 @@ var O = () => {
 		})
 	});
 };
-//#endregion
-export { O as SettingsPage };
+export { k as SettingsPage };
 
 //# sourceMappingURL=SettingsPage.js.map