bazilion 0.12.2 → 0.14.0

package/dist/web/server/assets/config-ExacOzHX.js

@@ -0,0 +1,958 @@
+import { t as Route } from "./config-BlMkHStx.js";
+import { a as StatusBadge$1, t as EmptyState } from "./Page-Bz-ydB8j.js";
+import { t as Button } from "./Button-Dsnw22OF.js";
+import { t as ConfirmDialog } from "./ConfirmDialog-C-MPYYSU.js";
+import { t as ConfigPage } from "./ConfigPage-CiQ-gxmJ.js";
+import { t as FieldRow } from "./FieldRow-DCOF07kl.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2, ChevronDown, ChevronRight, Search, Server, ShieldCheck } from "lucide-react";
+//#region src/components/ExecutionSecurityCard.tsx
+function ExecutionSecurityCard({ status }) {
+	const configured = status.configuredOperatorHttp;
+	const protectedTurns = status.protectedUnattendedTurns;
+	return /* @__PURE__ */ jsxs("section", {
+		className: "overflow-hidden rounded-lg border bg-card",
+		children: [/* @__PURE__ */ jsxs("header", {
+			className: "border-b px-4 py-3",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "font-semibold",
+				children: "Execution security"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-xs text-muted-foreground",
+				children: "Operator HTTP requests keep their configured compatibility behavior. Unattended sources use a separate mandatory protected baseline."
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-4 p-4 lg:grid-cols-2",
+			children: [/* @__PURE__ */ jsxs("section", {
+				className: "rounded-md border bg-muted/20 p-3",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "mb-3 flex flex-wrap items-center justify-between gap-2",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "font-semibold",
+							children: "Configured operator HTTP"
+						}), /* @__PURE__ */ jsx(StatusBadge, {
+							ok: false,
+							children: "legacy · unprotected"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("dl", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "Coding surface",
+								value: codingSurfaceLabel(configured.codingSurface)
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "Docker image",
+								value: configured.dockerImage,
+								mono: true
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "Browser",
+								value: configured.browser
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "MCP",
+								value: configured.mcp
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-3 text-xs text-muted-foreground",
+						children: "This compatibility branch is for operator requests; Telegram and unattended delivery never select it."
+					})
+				]
+			}), /* @__PURE__ */ jsxs("section", {
+				className: `rounded-md border p-3 ${protectedTurns.baseRuntimeReady ? "border-success/25 bg-success/5" : "border-warning/25 bg-warning/10"}`,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "mb-3 flex flex-wrap items-center justify-between gap-2",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "font-semibold",
+							children: "Protected unattended turns"
+						}), /* @__PURE__ */ jsx(StatusBadge, {
+							ok: protectedTurns.baseRuntimeReady,
+							children: protectedTurns.baseRuntimeReady ? "base runtime ready" : "base runtime unavailable"
+						})]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mb-3 text-xs text-muted-foreground",
+						children: "Telegram, schedules, inbox wake-ups, and approval delivery cannot select the legacy surface."
+					}),
+					/* @__PURE__ */ jsxs("dl", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "Coding surface",
+								value: "Docker only"
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "Docker",
+								value: protectedTurns.docker.ready ? "ready" : "unavailable",
+								ok: protectedTurns.docker.ready
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "Docker image",
+								value: protectedTurns.docker.image,
+								mono: true
+							}),
+							protectedTurns.docker.reason && /* @__PURE__ */ jsx(StatusRow, {
+								label: "Docker reason",
+								value: protectedTurns.docker.reason
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "OpenAI Codex enabled",
+								value: yesNo(protectedTurns.openaiCodex.enabled),
+								ok: protectedTurns.openaiCodex.enabled
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "ChatGPT connected",
+								value: yesNo(protectedTurns.openaiCodex.connected),
+								ok: protectedTurns.openaiCodex.connected
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "OpenAI access",
+								value: openAIAccessLabel(protectedTurns.openaiCodex),
+								ok: protectedTurns.openaiCodex.accessCurrent || protectedTurns.openaiCodex.refreshOnNextTurn
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "OpenAI Codex baseline eligible",
+								value: yesNo(protectedTurns.openaiCodex.baselineEligible),
+								ok: protectedTurns.openaiCodex.baselineEligible
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "Browser",
+								value: protectedTurns.browser,
+								ok: true
+							}),
+							/* @__PURE__ */ jsx(StatusRow, {
+								label: "MCP",
+								value: protectedTurns.mcp,
+								ok: true
+							})
+						]
+					}),
+					protectedTurns.remediation && /* @__PURE__ */ jsxs("p", {
+						className: "mt-3 rounded-md border border-warning/25 bg-background/60 px-3 py-2 text-xs text-warning",
+						children: [
+							/* @__PURE__ */ jsx("strong", { children: "Remediation:" }),
+							" ",
+							protectedTurns.remediation
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-3 text-xs text-muted-foreground",
+						children: "Every turn separately validates its selected normal/review model, bound OAuth refresh, and Team/input/memory/skill mounts and paths before execution."
+					})
+				]
+			})]
+		})]
+	});
+}
+function StatusBadge({ ok, children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: `rounded-full px-2 py-0.5 text-xs font-semibold uppercase ${ok ? "bg-success/10 text-success" : "bg-warning/10 text-warning"}`,
+		children
+	});
+}
+function StatusRow({ label, value, ok, mono = false }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start justify-between gap-3",
+		children: [/* @__PURE__ */ jsx("dt", {
+			className: "text-muted-foreground",
+			children: label
+		}), /* @__PURE__ */ jsx("dd", {
+			className: `${mono ? "font-mono" : "font-medium"} text-right ${ok === void 0 ? "" : ok ? "text-success" : "text-warning"}`,
+			children: value
+		})]
+	});
+}
+function codingSurfaceLabel(surface) {
+	if (surface === "host") return "Host tools";
+	if (surface === "docker") return "Docker only";
+	return "Unavailable";
+}
+function yesNo(value) {
+	return value ? "yes" : "no";
+}
+function openAIAccessLabel(status) {
+	if (status.accessCurrent) return "current";
+	if (status.refreshOnNextTurn) return "refresh on next turn";
+	return "unavailable";
+}
+//#endregion
+//#region src/lib/provider-presentation.ts
+var RECOMMENDED = new Set([
+	"openai-codex",
+	"openai",
+	"anthropic",
+	"google"
+]);
+var LOCAL = new Set([
+	"ollama",
+	"lmstudio",
+	"llamacpp"
+]);
+function providerHasConfiguration(provider) {
+	return provider.enabled || provider.curated.length > 0 || provider.fields.some((field) => field.set);
+}
+function providerMatches(provider, query) {
+	const needle = query.trim().toLocaleLowerCase();
+	if (!needle) return true;
+	return [
+		provider.id,
+		provider.displayName,
+		provider.hint ?? "",
+		provider.envHint,
+		...provider.fields.flatMap((field) => [field.label, field.envVar]),
+		...provider.curated,
+		...provider.catalog
+	].some((value) => value.toLocaleLowerCase().includes(needle));
+}
+function groupProviders(providers, query = "") {
+	const visible = providers.filter((provider) => providerMatches(provider, query));
+	const configured = visible.filter(providerHasConfiguration);
+	const configuredIds = new Set(configured.map((provider) => provider.id));
+	const remaining = visible.filter((provider) => !configuredIds.has(provider.id));
+	return [
+		{
+			key: "configured",
+			title: "Configured",
+			description: "Providers you enabled, added models to, or saved credentials for.",
+			providers: configured
+		},
+		{
+			key: "recommended",
+			title: "Recommended starting points",
+			description: "The simplest hosted options for a first Bazilion conversation.",
+			providers: remaining.filter((provider) => RECOMMENDED.has(provider.id))
+		},
+		{
+			key: "local",
+			title: "Local models",
+			description: "Use a model server on the same machine without exposing the daemon.",
+			providers: remaining.filter((provider) => LOCAL.has(provider.id))
+		},
+		{
+			key: "more",
+			title: "More providers",
+			description: "Specialist, regional, enterprise, and subscription endpoints.",
+			providers: remaining.filter((provider) => !RECOMMENDED.has(provider.id) && !LOCAL.has(provider.id))
+		}
+	].filter((section) => section.providers.length > 0);
+}
+function providerReadiness(provider) {
+	if (!provider.enabled) return providerHasConfiguration(provider) ? {
+		label: "Saved, disabled",
+		tone: "neutral"
+	} : {
+		label: "Not configured",
+		tone: "neutral"
+	};
+	if (provider.curated.length === 0) return {
+		label: "Needs a model",
+		tone: "warning"
+	};
+	return {
+		label: "Configured, unverified",
+		tone: "warning"
+	};
+}
+//#endregion
+//#region src/routes/config/index.tsx?tsr-split=component
+function ProvidersPage() {
+	const { providers, openaiCodex, executionSecurity } = Route.useLoaderData();
+	const setupComplete = providers.some((p) => p.enabled && p.curated.length > 0);
+	const startedComplete = useRef(setupComplete);
+	const [showCompletion, setShowCompletion] = useState(false);
+	const [query, setQuery] = useState("");
+	const sections = useMemo(() => groupProviders(providers, query), [providers, query]);
+	const configured = providers.filter(providerHasConfiguration).length;
+	const enabled = providers.filter((provider) => provider.enabled).length;
+	useEffect(() => {
+		if (!startedComplete.current && setupComplete) setShowCompletion(true);
+	}, [setupComplete]);
+	return /* @__PURE__ */ jsxs(ConfigPage, {
+		active: "providers",
+		title: "Providers",
+		description: /* @__PURE__ */ jsx(Fragment, { children: "Connect the model services your agents may use. Credentials stay encrypted; advanced endpoint and environment names remain available inside each provider." }),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-3 sm:grid-cols-3",
+				"aria-label": "Provider summary",
+				children: [
+					/* @__PURE__ */ jsx(SummaryStat, {
+						label: "Configured",
+						value: configured,
+						detail: "credentials, models, or toggle"
+					}),
+					/* @__PURE__ */ jsx(SummaryStat, {
+						label: "Enabled",
+						value: enabled,
+						detail: "available to agent runtime"
+					}),
+					/* @__PURE__ */ jsx(SummaryStat, {
+						label: "Selected models",
+						value: providers.reduce((count, provider) => count + (provider.enabled ? provider.curated.length : 0), 0),
+						detail: "configured; test connectivity separately"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("details", {
+				className: "rounded-2xl border border-border bg-card shadow-baziu-sm",
+				children: [/* @__PURE__ */ jsxs("summary", {
+					className: "flex min-h-12 cursor-pointer list-none items-center gap-3 px-4 py-3 text-sm font-semibold text-foreground marker:hidden sm:px-5",
+					children: [
+						/* @__PURE__ */ jsx(ShieldCheck, {
+							className: "size-4 text-primary",
+							"aria-hidden": "true"
+						}),
+						"Execution security",
+						/* @__PURE__ */ jsx("span", {
+							className: "ml-auto text-xs font-normal text-muted-foreground",
+							children: "Inspect host and protected-turn posture"
+						}),
+						/* @__PURE__ */ jsx(ChevronDown, {
+							className: "size-4 text-muted-foreground",
+							"aria-hidden": "true"
+						})
+					]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "border-t border-border p-3 sm:p-4",
+					children: /* @__PURE__ */ jsx(ExecutionSecurityCard, { status: executionSecurity })
+				})]
+			}),
+			!setupComplete && /* @__PURE__ */ jsx(SetupBlockerBanner, {
+				providers,
+				openaiCodex
+			}),
+			showCompletion && /* @__PURE__ */ jsx("section", {
+				role: "status",
+				className: "rounded-2xl border border-success/30 bg-success/10 p-5 text-sm",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ jsx(CheckCircle2, {
+						className: "mt-0.5 size-5 shrink-0 text-success",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "min-w-0 flex-1",
+						children: [
+							/* @__PURE__ */ jsx("h2", {
+								className: "m-0 font-body text-base font-semibold text-foreground",
+								children: "Your default workspace is ready"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "mt-1 text-muted-foreground",
+								children: "Bazilion created the default Agent template and Team. Test the selected model below before relying on it, or continue to spawn your first agent."
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "mt-3 flex flex-wrap gap-2",
+								children: [/* @__PURE__ */ jsxs("a", {
+									href: "/agents",
+									className: "btn-primary no-underline",
+									children: ["Spawn your first agent", /* @__PURE__ */ jsx(ChevronRight, {
+										className: "size-4",
+										"aria-hidden": "true"
+									})]
+								}), /* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									onClick: () => setShowCompletion(false),
+									children: "Keep configuring"
+								})]
+							})
+						]
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "rounded-2xl border border-border bg-card p-4 shadow-baziu-sm sm:p-5",
+				children: [
+					/* @__PURE__ */ jsx("label", {
+						htmlFor: "provider-search",
+						className: "m-0 text-sm font-semibold text-foreground",
+						children: "Find a provider"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "relative mt-2",
+						children: [/* @__PURE__ */ jsx(Search, {
+							className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsx("input", {
+							id: "provider-search",
+							type: "search",
+							value: query,
+							onChange: (event) => setQuery(event.target.value),
+							placeholder: "Search by service, model, or advanced key",
+							className: "pl-9"
+						})]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-2 text-xs leading-5 text-muted-foreground",
+						children: "Start with one provider. Everything else stays collapsed until you need it."
+					})
+				]
+			}),
+			sections.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+				icon: /* @__PURE__ */ jsx(Search, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				title: "No providers match",
+				description: `Try another search instead of “${query}”.`,
+				actions: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					onClick: () => setQuery(""),
+					children: "Clear search"
+				})
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "space-y-4",
+				children: sections.map((section) => /* @__PURE__ */ jsxs("details", {
+					open: Boolean(query) || section.key === "configured" || !setupComplete && section.key === "recommended",
+					className: "group/providers overflow-hidden rounded-2xl border border-border bg-card shadow-baziu-sm",
+					children: [/* @__PURE__ */ jsxs("summary", {
+						className: "flex cursor-pointer list-none items-center gap-3 px-4 py-4 marker:hidden sm:px-5",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "flex size-9 shrink-0 items-center justify-center rounded-xl bg-accent text-accent-foreground",
+								children: /* @__PURE__ */ jsx(Server, {
+									className: "size-4",
+									"aria-hidden": "true"
+								})
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "block text-sm font-semibold text-foreground",
+									children: section.title
+								}), /* @__PURE__ */ jsx("span", {
+									className: "mt-0.5 block text-xs leading-5 text-muted-foreground",
+									children: section.description
+								})]
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "rounded-full border border-border bg-muted px-2 py-0.5 text-xs font-semibold text-muted-foreground",
+								children: section.providers.length
+							}),
+							/* @__PURE__ */ jsx(ChevronDown, {
+								className: "size-4 shrink-0 text-muted-foreground transition-transform group-open/providers:rotate-180",
+								"aria-hidden": "true"
+							})
+						]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "space-y-2 border-t border-border bg-muted/20 p-2 sm:p-3",
+						children: section.providers.map((provider) => /* @__PURE__ */ jsx(ProviderCard, {
+							p: provider,
+							initiallyOpen: provider.enabled || Boolean(query) || !setupComplete && provider.id === "openai-codex",
+							openaiCodexStatus: provider.id === "openai-codex" ? openaiCodex : void 0
+						}, provider.id))
+					})]
+				}, `${section.key}:${query}`))
+			})
+		]
+	});
+}
+function SummaryStat({ label, value, detail }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "min-w-0 rounded-2xl border border-border bg-card p-4 shadow-baziu-sm",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-1 text-2xl font-semibold text-foreground",
+				children: value
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-0.5 text-xs leading-5 text-muted-foreground",
+				children: detail
+			})
+		]
+	});
+}
+function SetupBlockerBanner({ providers, openaiCodex }) {
+	const issues = [];
+	for (const p of providers) {
+		if (!p.enabled) continue;
+		if (p.id === "openai-codex" && !openaiCodex.connected) issues.push(`${p.id}: enabled but ChatGPT is not connected — click "Connect ChatGPT" below`);
+		if (p.curated.length === 0) issues.push(`${p.id}: enabled but no curated models — add at least one name in the "curated models" box below and save`);
+	}
+	const enabledCount = providers.filter((p) => p.enabled).length;
+	return /* @__PURE__ */ jsxs("div", {
+		role: "status",
+		className: "rounded-2xl border border-warning/30 bg-warning/10 p-5 text-sm",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "font-semibold text-foreground mb-1",
+				children: "Finish your first provider"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mb-2",
+				children: "Enable one provider, save at least one exact model id, then send the small test request. Saving the model creates your default resources; a successful test confirms that the credential and model actually work."
+			}),
+			issues.length > 0 ? /* @__PURE__ */ jsx("ul", {
+				className: "list-disc space-y-1 pl-5 text-warning",
+				children: issues.map((i) => /* @__PURE__ */ jsx("li", { children: i }, i))
+			}) : enabledCount === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "text-warning",
+				children: "No provider is enabled. Open a recommended option below and follow its steps."
+			}) : null
+		]
+	});
+}
+function ProviderCard({ p, openaiCodexStatus, initiallyOpen }) {
+	const router = useRouter();
+	const [enabled, setEnabled] = useState(p.enabled);
+	const [expanded, setExpanded] = useState(initiallyOpen);
+	const [models, setModels] = useState(p.curated.join("\n"));
+	const [savingModels, setSavingModels] = useState(false);
+	const [modelStatus, setModelStatus] = useState(null);
+	const [toggleError, setToggleError] = useState(null);
+	const [testModel, setTestModel] = useState(p.curated[0] ?? "");
+	const [testing, setTesting] = useState(false);
+	const [testResult, setTestResult] = useState(null);
+	const readiness = providerReadiness({
+		...p,
+		enabled
+	});
+	async function toggle(next) {
+		setEnabled(next);
+		setToggleError(null);
+		try {
+			const response = await fetch(`/api/config/providers/${encodeURIComponent(p.id)}/enabled`, {
+				method: "PUT",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ enabled: next })
+			});
+			if (!response.ok) {
+				const body = await response.json().catch(() => null);
+				throw new Error(body?.error ?? `Could not update provider (${response.status})`);
+			}
+			if (next) setExpanded(true);
+			await router.invalidate();
+		} catch (error) {
+			setEnabled(!next);
+			setToggleError(error instanceof Error ? error.message : String(error));
+		}
+	}
+	async function saveModels(e) {
+		e.preventDefault();
+		setSavingModels(true);
+		setModelStatus(null);
+		try {
+			const list = models.split(/\r?\n/).map((s) => s.trim()).filter(Boolean);
+			const res = await fetch(`/api/config/providers/${encodeURIComponent(p.id)}/models`, {
+				method: "PUT",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ models: list })
+			});
+			if (!res.ok) {
+				const j = await res.json().catch(() => ({}));
+				throw new Error(j.error ?? `${res.status} ${res.statusText}`);
+			}
+			setModelStatus({
+				kind: "success",
+				message: "Models saved. Run the connection test before relying on them."
+			});
+			setTestModel(list[0] ?? "");
+			setTestResult(null);
+			await router.invalidate();
+		} catch (e) {
+			setModelStatus({
+				kind: "error",
+				message: e.message
+			});
+		} finally {
+			setSavingModels(false);
+		}
+	}
+	async function testConnection() {
+		if (!testModel) return;
+		setTesting(true);
+		setTestResult(null);
+		try {
+			const response = await fetch("/api/providers/test", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({
+					model: `${p.id}:${testModel}`,
+					message: "Reply with exactly: Bazilion connection verified."
+				})
+			});
+			const body = await response.json().catch(() => null);
+			if (!response.ok) throw new Error(body?.error ?? `Connection test failed (${response.status})`);
+			setTestResult({
+				kind: "success",
+				message: `Verified ${p.displayName} with ${testModel}.`
+			});
+			await router.invalidate();
+		} catch (error) {
+			setTestResult({
+				kind: "error",
+				message: error instanceof Error ? error.message : String(error)
+			});
+		} finally {
+			setTesting(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("section", {
+		className: "overflow-hidden rounded-xl border border-border bg-card",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex min-w-0 flex-wrap items-center gap-2 px-3 py-3 sm:px-4",
+				children: [
+					/* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: "unstyled flex min-w-0 flex-1 items-center gap-2 rounded-lg text-left",
+						"aria-expanded": expanded,
+						"aria-controls": `provider-${p.id}`,
+						onClick: () => setExpanded((value) => !value),
+						children: [/* @__PURE__ */ jsx(ChevronRight, {
+							className: `size-4 shrink-0 text-muted-foreground transition-transform ${expanded ? "rotate-90" : ""}`,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "block truncate text-sm font-semibold text-foreground",
+								children: p.displayName
+							}), /* @__PURE__ */ jsx("span", {
+								className: "block truncate font-mono text-xs text-muted-foreground",
+								children: p.id
+							})]
+						})]
+					}),
+					/* @__PURE__ */ jsx(StatusBadge$1, {
+						variant: readiness.tone === "success" ? "success" : readiness.tone === "warning" ? "warning" : "neutral",
+						children: readiness.label
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "m-0 flex cursor-pointer items-center gap-1.5 rounded-lg px-1 text-xs font-semibold",
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "checkbox",
+							checked: enabled,
+							onChange: (e) => toggle(e.target.checked),
+							className: "size-4",
+							"aria-label": `${enabled ? "Disable" : "Enable"} ${p.displayName}`
+						}), /* @__PURE__ */ jsx("span", {
+							className: enabled ? "text-success" : "text-muted-foreground",
+							children: enabled ? "enabled" : "disabled"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "w-full pl-6 text-xs text-muted-foreground sm:w-auto sm:pl-0",
+						children: [
+							p.curated.length > 0 && /* @__PURE__ */ jsxs("span", { children: [p.curated.length, " curated"] }),
+							p.catalog.length > 0 && /* @__PURE__ */ jsxs("span", { children: [
+								" · ",
+								p.catalog.length,
+								" catalog"
+							] }),
+							p.live && !p.live.error && /* @__PURE__ */ jsxs("span", { children: [
+								" · ",
+								p.live.models.length,
+								" live"
+							] })
+						]
+					})
+				]
+			}),
+			toggleError && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "mx-4 mb-3 text-sm text-danger",
+				children: toggleError
+			}),
+			expanded && /* @__PURE__ */ jsxs("div", {
+				id: `provider-${p.id}`,
+				className: "border-t border-dashed px-3 py-4 sm:px-4",
+				children: [
+					p.hint && /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-muted-foreground mb-2",
+						children: p.hint
+					}),
+					p.id === "openai-codex" && openaiCodexStatus && /* @__PURE__ */ jsx(OpenAICodexCard, { status: openaiCodexStatus }),
+					p.fields.length === 0 && p.envHint && p.id !== "openai-codex" && /* @__PURE__ */ jsxs("p", {
+						className: "text-xs text-muted-foreground",
+						children: ["Credentials come from the process env: ", /* @__PURE__ */ jsx("code", {
+							className: "font-mono",
+							children: p.envHint
+						})]
+					}),
+					p.fields.map((f) => /* @__PURE__ */ jsx(FieldRow, { field: f }, f.envVar)),
+					/* @__PURE__ */ jsx("h4", {
+						id: `provider-${p.id}-models-label`,
+						className: "mt-4 mb-1 font-body text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+						children: "Models available to agents"
+					}),
+					p.curated.length === 0 && /* @__PURE__ */ jsxs("p", {
+						className: "mb-2 text-xs font-medium text-warning",
+						children: [
+							"First-run setup needs at least one model name here — type one (e.g.",
+							" ",
+							/* @__PURE__ */ jsx("code", {
+								className: "font-mono",
+								children: exampleModelFor(p.id)
+							}),
+							") and click",
+							" ",
+							/* @__PURE__ */ jsx("em", { children: "save models" }),
+							". Catalog chips below are the safest source when available."
+						]
+					}),
+					/* @__PURE__ */ jsxs("form", {
+						onSubmit: saveModels,
+						children: [/* @__PURE__ */ jsx("textarea", {
+							id: `provider-${p.id}-models`,
+							"aria-labelledby": `provider-${p.id}-models-label`,
+							value: models,
+							onChange: (e) => setModels(e.target.value),
+							rows: Math.max(3, Math.min(8, models.split("\n").length)),
+							className: "w-full rounded-md border bg-background px-2 py-1.5 font-mono text-sm outline-none focus:ring-2 focus:ring-ring/30",
+							placeholder: p.catalog.length === 0 && !p.live ? "Type model names one per line, e.g. qwen3-coder-30b" : "Click catalog chips below, or type names one per line"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3 mt-2",
+							children: [/* @__PURE__ */ jsx("button", {
+								type: "submit",
+								disabled: savingModels,
+								className: "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground disabled:opacity-50",
+								children: savingModels ? "Saving…" : "Save models"
+							}), modelStatus && /* @__PURE__ */ jsx("span", {
+								role: modelStatus.kind === "error" ? "alert" : "status",
+								className: `text-xs ${modelStatus.kind === "error" ? "text-danger" : "text-success"}`,
+								children: modelStatus.message
+							})]
+						})]
+					}),
+					p.catalog.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("h4", {
+						className: "mt-4 mb-1 text-xs uppercase tracking-wide text-muted-foreground",
+						children: "catalog"
+					}), /* @__PURE__ */ jsx(ChipList, {
+						items: p.catalog,
+						onPick: (name) => setModels((m) => m.includes(name) ? m : `${m}\n${name}`.trim())
+					})] }),
+					p.live && !p.live.error && p.live.models.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("h4", {
+						className: "mt-4 mb-1 text-xs uppercase tracking-wide text-muted-foreground",
+						children: "live"
+					}), /* @__PURE__ */ jsx(ChipList, {
+						items: p.live.models,
+						onPick: (name) => setModels((m) => m.includes(name) ? m : `${m}\n${name}`.trim())
+					})] }),
+					p.live?.error && /* @__PURE__ */ jsxs("p", {
+						role: "alert",
+						className: "text-xs text-danger mt-2",
+						children: ["Could not fetch live models: ", p.live.error]
+					}),
+					enabled && p.curated.length > 0 && /* @__PURE__ */ jsxs("div", {
+						className: "mt-4 rounded-xl border border-border bg-muted/30 p-3",
+						children: [
+							/* @__PURE__ */ jsx("h4", {
+								className: "m-0 font-body text-sm font-semibold text-foreground",
+								children: "Test the connection"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "mt-1 text-xs leading-5 text-muted-foreground",
+								children: "Sends one short real request. Your provider may charge its normal token cost."
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "mt-3 flex flex-col gap-2 sm:flex-row sm:items-end",
+								children: [/* @__PURE__ */ jsxs("label", {
+									className: "m-0 min-w-0 flex-1 text-xs font-semibold text-foreground",
+									children: ["Model", /* @__PURE__ */ jsx("select", {
+										className: "mt-1",
+										value: testModel,
+										onChange: (event) => setTestModel(event.target.value),
+										children: p.curated.map((model) => /* @__PURE__ */ jsx("option", {
+											value: model,
+											children: model
+										}, model))
+									})]
+								}), /* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									disabled: testing || !testModel,
+									onClick: () => void testConnection(),
+									children: testing ? "Testing…" : "Send test request"
+								})]
+							}),
+							testResult && /* @__PURE__ */ jsx("p", {
+								role: testResult.kind === "error" ? "alert" : "status",
+								className: `mt-3 rounded-lg px-3 py-2 text-sm ${testResult.kind === "error" ? "bg-danger/10 text-danger" : "bg-success/10 text-success"}`,
+								children: testResult.message
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+}
+function exampleModelFor(providerId) {
+	switch (providerId) {
+		case "openai-codex": return "gpt-5.6-luna";
+		case "openai": return "gpt-5.6-luna";
+		case "anthropic": return "claude-opus-5";
+		case "google": return "gemini-3.6-flash";
+		case "google-vertex": return "gemini-3.6-flash";
+		case "xai": return "grok-4.5";
+		case "groq": return "llama-3.3-70b-versatile";
+		case "cerebras": return "gpt-oss-120b";
+		case "mistral": return "mistral-large-latest";
+		case "zai": return "glm-5.2";
+		case "huggingface": return "Qwen/Qwen3.5-397B-A17B";
+		case "openrouter": return "anthropic/claude-opus-5";
+		case "vercel-ai-gateway": return "anthropic/claude-opus-5";
+		case "deepseek": return "deepseek-v4-pro";
+		case "fireworks": return "accounts/fireworks/models/kimi-k3";
+		case "together": return "moonshotai/Kimi-K3";
+		case "baseten": return "moonshotai/Kimi-K3";
+		case "moonshotai": return "kimi-k3";
+		case "moonshotai-cn": return "kimi-k3";
+		case "kimi-coding": return "kimi-for-coding";
+		case "minimax": return "MiniMax-M2.7";
+		case "minimax-cn": return "MiniMax-M3";
+		case "qwen-token-plan": return "qwen3.8-max";
+		case "qwen-token-plan-cn":
+		case "qwen-token-plan-individual": return "qwen3.8-max";
+		case "ant-ling": return "Ling-2.6-1T";
+		case "nvidia": return "nvidia/nemotron-3-super-120b-a12b";
+		case "cloudflare-workers-ai": return "@cf/moonshotai/kimi-k2.6";
+		case "cloudflare-ai-gateway": return "claude-opus-5";
+		case "github-copilot": return "claude-opus-5";
+		case "xiaomi": return "mimo-v2.5";
+		case "xiaomi-token-plan-ams":
+		case "xiaomi-token-plan-cn":
+		case "xiaomi-token-plan-sgp": return "mimo-v2.5-pro";
+		case "opencode": return "claude-opus-5";
+		case "opencode-go": return "kimi-k2.7-code";
+		case "zai-coding-cn": return "glm-5.2";
+		case "azure-openai": return "gpt-5.6-luna";
+		case "bedrock": return "global.anthropic.claude-opus-5";
+		case "ollama": return "llama3.3";
+		case "lmstudio": return "qwen3-coder-30b";
+		case "llamacpp": return "unsloth/Qwen3.6-35B-A3B-MTP-GGUF:MXFP4_MOE";
+		default: return "model-name";
+	}
+}
+function ChipList({ items, onPick }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-wrap gap-1.5 max-h-40 overflow-y-auto rounded-md border bg-background p-1.5",
+		children: items.map((m) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => onPick(m),
+			"aria-label": `Add ${m} to selected models`,
+			className: "rounded border bg-card px-2 py-0.5 font-mono text-xs hover:border-primary hover:bg-accent",
+			children: m
+		}, m))
+	});
+}
+function OpenAICodexCard({ status }) {
+	const router = useRouter();
+	const [busy, setBusy] = useState(false);
+	const [err, setErr] = useState(null);
+	const [confirmDisconnect, setConfirmDisconnect] = useState(false);
+	async function connect() {
+		setBusy(true);
+		setErr(null);
+		try {
+			const res = await fetch("/api/auth/openai/login", { method: "POST" });
+			if (!res.ok) {
+				const j = await res.json().catch(() => ({}));
+				throw new Error(j.error ?? `${res.status} ${res.statusText}`);
+			}
+			await router.invalidate();
+		} catch (e) {
+			setErr(e.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function disconnect() {
+		setBusy(true);
+		setErr(null);
+		try {
+			const response = await fetch("/api/auth/openai", { method: "DELETE" });
+			if (!response.ok && response.status !== 204) {
+				const body = await response.json().catch(() => null);
+				throw new Error(body?.error ?? `Could not disconnect ChatGPT (${response.status})`);
+			}
+			await router.invalidate();
+		} catch (e) {
+			setErr(e instanceof Error ? e.message : String(e));
+			throw e;
+		} finally {
+			setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "rounded-md border bg-muted/30 p-3 mb-3",
+		children: [status.connected ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap gap-2 items-center mb-2",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "rounded-full bg-success/10 text-success px-2 py-0.5 text-xs font-semibold uppercase",
+					children: "connected"
+				}),
+				status.accountId && /* @__PURE__ */ jsxs("span", {
+					className: "text-xs text-muted-foreground",
+					children: ["account ", /* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: status.accountId
+					})]
+				}),
+				status.expiresAt && /* @__PURE__ */ jsxs("span", {
+					className: "text-xs text-muted-foreground",
+					children: [
+						"token expires",
+						" ",
+						new Date(status.expiresAt).toISOString().replace(/\.\d+Z$/, "Z")
+					]
+				})
+			]
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "danger",
+			onClick: () => setConfirmDisconnect(true),
+			disabled: busy,
+			children: "Disconnect ChatGPT"
+		})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("p", {
+			className: "text-xs text-muted-foreground mb-2",
+			children: [
+				"Sign in with your ChatGPT account — the OAuth flow opens a new browser tab. The loopback callback at ",
+				/* @__PURE__ */ jsx("code", {
+					className: "font-mono",
+					children: "localhost:1455"
+				}),
+				" only works when you're using the web UI on the same machine as the daemon. For remote setups, run ",
+				/* @__PURE__ */ jsx("code", {
+					className: "font-mono",
+					children: "bazilion auth openai login"
+				}),
+				" on the client."
+			]
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: connect,
+			disabled: busy,
+			className: "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground disabled:opacity-50",
+			children: busy ? "opening browser…" : "Connect ChatGPT →"
+		})] }), err && /* @__PURE__ */ jsx("p", {
+			role: "alert",
+			className: "text-sm text-danger mt-2",
+			children: err
+		})]
+	}), /* @__PURE__ */ jsx(ConfirmDialog, {
+		open: confirmDisconnect,
+		onOpenChange: setConfirmDisconnect,
+		title: "Disconnect ChatGPT?",
+		description: /* @__PURE__ */ jsxs("p", { children: [
+			"This removes the saved OpenAI Codex OAuth credentials. Agents using an",
+			" ",
+			/* @__PURE__ */ jsx("code", { children: "openai-codex" }),
+			" model will stop working until you connect again."
+		] }),
+		confirmLabel: "Disconnect ChatGPT",
+		onConfirm: disconnect
+	})] });
+}
+//#endregion
+export { ProvidersPage as component };