bazilion 0.13.0 → 0.14.0

package/dist/web/server/assets/{inbox-DTTfSuGU.js → inbox-RweGCV3D.js}

@@ -1,6 +1,6 @@
-import { t as Route } from "./inbox-0iiSg-Y1.js";
-import { r as PageShell } from "./Page-LENulSXY.js";
-import { t as AgentTabs } from "./AgentTabs-aXdsiiMp.js";
+import { t as Route } from "./inbox-cu3jLzNP.js";
+import { r as PageShell } from "./Page-Bz-ydB8j.js";
+import { t as AgentTabs } from "./AgentTabs-Dq8hDM2Q.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/routes/agents/$id/inbox.tsx?tsr-split=component
 function decodeText(payload) {

package/dist/web/server/assets/{inbox-0iiSg-Y1.js → inbox-cu3jLzNP.js}

@@ -2,7 +2,7 @@ import { n as createServerFn } from "../server.js";
 import { t as createSsrRpc } from "./createSsrRpc-6LHNEsSK.js";
 import { createFileRoute, lazyRouteComponent, redirect } from "@tanstack/react-router";
 //#region src/routes/agents/$id/inbox.tsx
-var $$splitComponentImporter = () => import("./inbox-DTTfSuGU.js");
+var $$splitComponentImporter = () => import("./inbox-RweGCV3D.js");
 var fetchInbox = createServerFn({ method: "POST" }).validator((d) => d).handler(createSsrRpc("2cd8c6ec40e2e2d9518b5f127a518ecd83a2222d85665cc61d5144bcf59ed4fb"));
 var Route = createFileRoute("/agents/$id/inbox")({
 	validateSearch: (s) => ({

package/dist/web/server/assets/{learning-DpyLNVe8.js → learning-BaKM6qaw.js}

@@ -2,7 +2,7 @@ import { n as createServerFn } from "../server.js";
 import { t as createSsrRpc } from "./createSsrRpc-6LHNEsSK.js";
 import { createFileRoute, lazyRouteComponent, redirect } from "@tanstack/react-router";
 //#region src/routes/agents/$id/learning.tsx
-var $$splitComponentImporter = () => import("./learning-fG8316uc.js");
+var $$splitComponentImporter = () => import("./learning-CbtNlqYo.js");
 var fetchLearning = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("fcdd0f08b635c7c501caa840d01d1376ace6683e26cc5ac7dead28d7870f98b9"));
 var Route = createFileRoute("/agents/$id/learning")({
 	loader: async ({ params }) => {

package/dist/web/server/assets/{learning-fG8316uc.js → learning-CbtNlqYo.js}

@@ -1,7 +1,8 @@
-import { t as Route } from "./learning-DpyLNVe8.js";
-import { r as PageShell } from "./Page-LENulSXY.js";
-import { t as AgentTabs } from "./AgentTabs-aXdsiiMp.js";
+import { t as Route } from "./learning-BaKM6qaw.js";
+import { r as PageShell } from "./Page-Bz-ydB8j.js";
+import { t as AgentTabs } from "./AgentTabs-Dq8hDM2Q.js";
 import { t as Button } from "./Button-Dsnw22OF.js";
+import { t as ConfirmDialog } from "./ConfirmDialog-C-MPYYSU.js";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -11,7 +12,7 @@ function LearningPage() {
 	const router = useRouter();
 	const [error, setError] = useState(null);
 	const [busy, setBusy] = useState(false);
-	async function request(path, method, body) {
+	async function request(path, method, body, throwOnError = false) {
 		setError(null);
 		setBusy(true);
 		try {
@@ -26,7 +27,9 @@ function LearningPage() {
 			}
 			await router.invalidate();
 		} catch (cause) {
-			setError(cause instanceof Error ? cause.message : String(cause));
+			const failure = cause instanceof Error ? cause : new Error(String(cause));
+			setError(failure.message);
+			if (throwOnError) throw failure;
 		} finally {
 			setBusy(false);
 		}
@@ -43,6 +46,7 @@ function LearningPage() {
 			archived: resolved.agent.status === "archived"
 		}),
 		error && /* @__PURE__ */ jsxs("p", {
+			role: "alert",
 			className: "mb-4 rounded border border-red-300 bg-red-50 p-3 text-sm text-red-800",
 			children: [error, ". Refresh before retrying if another operator changed this proposal."]
 		}),
@@ -56,7 +60,8 @@ function LearningPage() {
 				/* @__PURE__ */ jsxs("p", {
 					className: "mb-4 text-sm text-muted-foreground",
 					children: [
-						"Reviews inspect at most 8 successful user turns and 40,000 characters. They use ",
+						"Reviews inspect at most 8 successful user turns and 40,000 characters. They use",
+						" ",
 						config.model ?? "the Agent model",
 						" at ",
 						config.reasoningLevel,
@@ -159,7 +164,7 @@ function ReviewConfigForm({ agentId, config, disabled, onError, onSaved }) {
 				className: "text-sm",
 				children: [
 					/* @__PURE__ */ jsx("span", {
-						className: "block mb-1",
+						className: "mb-1 block",
 						children: "Periodic review"
 					}),
 					/* @__PURE__ */ jsx("input", {
@@ -167,13 +172,14 @@ function ReviewConfigForm({ agentId, config, disabled, onError, onSaved }) {
 						checked: enabled,
 						onChange: (event) => setEnabled(event.target.checked)
 					}),
-					" enabled"
+					" ",
+					"enabled"
 				]
 			}),
 			/* @__PURE__ */ jsxs("label", {
 				className: "text-sm",
 				children: [/* @__PURE__ */ jsx("span", {
-					className: "block mb-1",
+					className: "mb-1 block",
 					children: "Every turns"
 				}), /* @__PURE__ */ jsx("input", {
 					type: "number",
@@ -186,7 +192,7 @@ function ReviewConfigForm({ agentId, config, disabled, onError, onSaved }) {
 			/* @__PURE__ */ jsxs("label", {
 				className: "text-sm",
 				children: [/* @__PURE__ */ jsx("span", {
-					className: "block mb-1",
+					className: "mb-1 block",
 					children: "Model override"
 				}), /* @__PURE__ */ jsx("input", {
 					value: model,
@@ -197,7 +203,7 @@ function ReviewConfigForm({ agentId, config, disabled, onError, onSaved }) {
 			/* @__PURE__ */ jsxs("label", {
 				className: "text-sm",
 				children: [/* @__PURE__ */ jsx("span", {
-					className: "block mb-1",
+					className: "mb-1 block",
 					children: "Reasoning"
 				}), /* @__PURE__ */ jsxs("select", {
 					value: reasoning,
@@ -224,7 +230,29 @@ function ReviewConfigForm({ agentId, config, disabled, onError, onSaved }) {
 function ProposalCard({ proposal, agentId, busy, act }) {
 	const [text, setText] = useState(proposal.text);
 	const [scope, setScope] = useState(proposal.scope);
+	const [confirmAction, setConfirmAction] = useState(null);
 	const base = `/api/agents/${encodeURIComponent(agentId)}/lesson-proposals/${encodeURIComponent(proposal.id)}`;
+	const textId = `lesson-proposal-${proposal.id}-text`;
+	const scopeId = `lesson-proposal-${proposal.id}-scope`;
+	const summary = proposal.text.length > 54 ? `${proposal.text.slice(0, 51)}…` : proposal.text;
+	const confirmation = confirmAction === "reject" ? {
+		title: `Reject “${summary}”?`,
+		confirmLabel: "Reject proposal",
+		description: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", { children: "This permanently marks the saved proposal as rejected. It will never change the Agent’s prompts or Team memory, while its text and evidence remain in review history for audit." }), /* @__PURE__ */ jsx("p", {
+			className: "mt-2",
+			children: "Any edits not saved first will be discarded. A rejected proposal cannot be edited or approved later."
+		})] })
+	} : {
+		title: `Revoke “${summary}”?`,
+		confirmLabel: "Revoke lesson",
+		description: proposal.scope === "shared" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", { children: "This removes the applied lesson note from Team memory, so it will no longer appear in Team-memory search." }), /* @__PURE__ */ jsx("p", {
+			className: "mt-2",
+			children: "The proposal and its original approval remain in review history for audit. This cannot be undone here."
+		})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", { children: "This removes the approved lesson from the Agent’s future prompts. It does not rewrite past conversations." }), /* @__PURE__ */ jsx("p", {
+			className: "mt-2",
+			children: "The proposal and its original approval remain in review history for audit. This cannot be undone here."
+		})] })
+	};
 	return /* @__PURE__ */ jsxs("article", {
 		className: "rounded-lg border bg-card p-4",
 		children: [
@@ -236,14 +264,25 @@ function ProposalCard({ proposal, agentId, busy, act }) {
 				})]
 			}),
 			proposal.status === "pending" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("label", {
+					htmlFor: textId,
+					className: "mb-1 block text-sm font-medium",
+					children: "Proposed lesson"
+				}),
 				/* @__PURE__ */ jsx("textarea", {
+					id: textId,
 					className: "w-full",
 					rows: 3,
 					value: text,
 					onChange: (event) => setText(event.target.value)
 				}),
+				/* @__PURE__ */ jsx("label", {
+					htmlFor: scopeId,
+					className: "mb-1 mt-3 block text-sm font-medium",
+					children: "Apply approved lesson to"
+				}),
 				/* @__PURE__ */ jsxs("select", {
-					className: "mt-2",
+					id: scopeId,
 					value: scope,
 					onChange: (event) => setScope(event.target.value),
 					children: [/* @__PURE__ */ jsx("option", {
@@ -276,7 +315,7 @@ function ProposalCard({ proposal, agentId, busy, act }) {
 						/* @__PURE__ */ jsx(Button, {
 							variant: "danger",
 							disabled: busy,
-							onClick: () => act(`${base}/reject`, "POST", { version: proposal.version }),
+							onClick: () => setConfirmAction("reject"),
 							children: "Reject"
 						})
 					]
@@ -286,24 +325,38 @@ function ProposalCard({ proposal, agentId, busy, act }) {
 				children: /* @__PURE__ */ jsx(Button, {
 					variant: "danger",
 					disabled: busy,
-					onClick: () => act(`${base}/revoke`, "POST", { version: proposal.version }),
+					onClick: () => setConfirmAction("revoke"),
 					children: "Revoke"
 				})
 			})] }),
 			/* @__PURE__ */ jsxs("div", {
 				className: "mt-3 text-xs text-muted-foreground",
-				children: ["Evidence: ", proposal.evidence.length === 0 ? "none" : /* @__PURE__ */ jsx("ul", {
-					className: "mt-1 list-disc pl-5",
-					children: proposal.evidence.map((item) => /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsxs("code", { children: [
-						item.sessionId,
-						":",
-						item.entryOrdinal
-					] }), item.excerpt ? ` — ${item.excerpt}` : " — excerpt unavailable"] }, `${item.sessionId}:${item.entryOrdinal}`))
-				})]
+				children: [
+					"Evidence:",
+					" ",
+					proposal.evidence.length === 0 ? "none" : /* @__PURE__ */ jsx("ul", {
+						className: "mt-1 list-disc pl-5",
+						children: proposal.evidence.map((item) => /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsxs("code", { children: [
+							item.sessionId,
+							":",
+							item.entryOrdinal
+						] }), item.excerpt ? ` — ${item.excerpt}` : " — excerpt unavailable"] }, `${item.sessionId}:${item.entryOrdinal}`))
+					})
+				]
 			}),
-			scope === "shared" && /* @__PURE__ */ jsx("p", {
+			proposal.status === "pending" && scope === "shared" && /* @__PURE__ */ jsx("p", {
 				className: "mt-1 text-xs text-muted-foreground",
 				children: "Shared lessons become searchable Team memory. Stable facts about the human belong in Team USER.md instead."
+			}),
+			confirmAction && /* @__PURE__ */ jsx(ConfirmDialog, {
+				open: true,
+				title: confirmation.title,
+				description: confirmation.description,
+				confirmLabel: confirmation.confirmLabel,
+				onOpenChange: (open) => {
+					if (!open) setConfirmAction(null);
+				},
+				onConfirm: () => act(`${base}/${confirmAction}`, "POST", { version: proposal.version }, true)
 			})
 		]
 	});

package/dist/web/server/assets/{login-D_GDeTrB.js → login-BNj3U6ok.js}

@@ -1,4 +1,4 @@
-import { i as BaziuLogo, n as ThemeToggle, r as PawIcon, t as Route } from "./login-CrFVVUaE.js";
+import { i as BaziuLogo, n as ThemeToggle, r as PawIcon, t as Route } from "./login-Be8eP4Jp.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { KeyRound, MessageSquareText, UsersRound } from "lucide-react";
 //#region src/routes/login.tsx?tsr-split=component
@@ -66,15 +66,26 @@ function LoginPage() {
 						}),
 						/* @__PURE__ */ jsx("h2", {
 							className: "font-display text-3xl text-charcoal",
-							children: "Welcome back"
+							children: "Open Bazilion"
 						}),
 						/* @__PURE__ */ jsx("p", {
 							className: "mt-2 text-sm leading-6 text-mocha-light",
-							children: "Use a named device token minted locally by your Bazilion CLI."
+							children: "Use the fresh-install credential once, then a named device token for future sign-ins."
 						}),
-						error && /* @__PURE__ */ jsx("div", {
+						error === "token" && /* @__PURE__ */ jsxs("div", {
 							className: "err mt-5",
-							children: "That token was not accepted."
+							role: "alert",
+							children: [
+								"That credential was not accepted. On first run, use the bootstrap token from",
+								" ",
+								/* @__PURE__ */ jsx("code", { children: "auth.json" }),
+								"; afterward, use a named device token."
+							]
+						}),
+						error === "origin" && /* @__PURE__ */ jsx("div", {
+							className: "err mt-5",
+							role: "alert",
+							children: "Bazilion blocked the sign-in request because its browser origin was hidden. Reload this page and try again from the configured Bazilion address."
 						}),
 						/* @__PURE__ */ jsxs("form", {
 							method: "POST",
@@ -105,19 +116,18 @@ function LoginPage() {
 						/* @__PURE__ */ jsxs("p", {
 							className: "mt-5 rounded-xl bg-ivory px-3 py-2.5 text-[0.78em] leading-relaxed text-mocha-light",
 							children: [
-								"On the server, run ",
-								/* @__PURE__ */ jsx("code", { children: "bazilion token create browser" }),
-								". The bootstrap token in",
-								" ",
+								"Fresh install? Paste the bootstrap token from ",
 								/* @__PURE__ */ jsx("code", { children: "auth.json" }),
-								" is intentionally rejected here."
+								"; it is accepted only until provider setup is complete and is exchanged for a bounded session. For later sign-ins, run ",
+								/* @__PURE__ */ jsx("code", { children: "bazilion token create browser" }),
+								" on the server."
 							]
 						})
 					]
 				})]
 			}),
 			/* @__PURE__ */ jsxs("footer", {
-				className: "absolute bottom-4 left-0 right-0 text-center text-[0.75em] text-fawn",
+				className: "absolute bottom-4 left-0 right-0 text-center text-xs text-mocha-light",
 				children: ["dedicated to Baziu", /* @__PURE__ */ jsx(PawIcon, { className: "ml-1 inline-block h-3 w-3 align-[-1px] opacity-40" })]
 			})
 		]

package/dist/web/server/assets/{login-CrFVVUaE.js → login-Be8eP4Jp.js}

@@ -109,9 +109,9 @@ function ThemeToggle() {
 }
 //#endregion
 //#region src/routes/login.tsx
-var $$splitComponentImporter = () => import("./login-D_GDeTrB.js");
+var $$splitComponentImporter = () => import("./login-BNj3U6ok.js");
 var Route = createFileRoute("/login")({
-	validateSearch: (search) => ({ error: search.error === "1" ? "1" : void 0 }),
+	validateSearch: (search) => ({ error: search.error === "token" || search.error === "origin" ? search.error : void 0 }),
 	component: lazyRouteComponent($$splitComponentImporter, "component")
 });
 //#endregion

package/dist/web/server/assets/{mcp-BQtp2T87.js → mcp-B0goWO8Q.js}

@@ -2,7 +2,7 @@ import { n as createServerFn } from "../server.js";
 import { t as createSsrRpc } from "./createSsrRpc-6LHNEsSK.js";
 import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
 //#region src/routes/config/mcp.tsx
-var $$splitComponentImporter = () => import("./mcp-DlgXUcAS.js");
+var $$splitComponentImporter = () => import("./mcp-CiBs8unU.js");
 var fetchServers = createServerFn({ method: "GET" }).handler(createSsrRpc("278849457893891c3d22806d15e11a0a42cc3630b30e9e62b74cf2d3b982ded7"));
 var Route = createFileRoute("/config/mcp")({
 	loader: () => fetchServers(),

package/dist/web/server/assets/mcp-CiBs8unU.js

@@ -0,0 +1,332 @@
+import { t as Route } from "./mcp-B0goWO8Q.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 { useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/config/mcp.tsx?tsr-split=component
+var TRANSPORTS = [
+	"stdio",
+	"http",
+	"sse"
+];
+function McpPage() {
+	const { servers } = Route.useLoaderData();
+	const router = useRouter();
+	const [name, setName] = useState("");
+	const [transport, setTransport] = useState("stdio");
+	const [command, setCommand] = useState("");
+	const [argsStr, setArgsStr] = useState("");
+	const [url, setUrl] = useState("");
+	const [token, setToken] = useState("");
+	const [err, setErr] = useState(null);
+	const [busy, setBusy] = useState(false);
+	const [testResult, setTestResult] = useState({});
+	const [actionBusy, setActionBusy] = useState(null);
+	const [deleteTarget, setDeleteTarget] = useState(null);
+	async function add(e) {
+		e.preventDefault();
+		setErr(null);
+		setBusy(true);
+		try {
+			const body = {
+				name,
+				transport,
+				command: transport === "stdio" ? command : null,
+				args: transport === "stdio" ? argsStr.split(" ").filter(Boolean) : [],
+				url: transport === "stdio" ? null : url,
+				authToken: token || void 0
+			};
+			const res = await fetch("/api/mcp-servers", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body)
+			});
+			if (!res.ok) {
+				const j = await res.json().catch(() => ({}));
+				throw new Error(j.error ?? `${res.status} ${res.statusText}`);
+			}
+			setName("");
+			setCommand("");
+			setArgsStr("");
+			setUrl("");
+			setToken("");
+			await router.invalidate();
+		} catch (e) {
+			setErr(e.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function toggle(s) {
+		setActionBusy(s.id);
+		setErr(null);
+		try {
+			const response = await fetch(`/api/mcp-servers/${encodeURIComponent(s.id)}`, {
+				method: "PATCH",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ enabled: !s.enabled })
+			});
+			if (!response.ok) {
+				const body = await response.json().catch(() => null);
+				throw new Error(body?.error ?? `Could not ${s.enabled ? "disable" : "enable"} server`);
+			}
+			await router.invalidate();
+		} catch (error) {
+			setErr(error instanceof Error ? error.message : String(error));
+		} finally {
+			setActionBusy(null);
+		}
+	}
+	async function remove(id) {
+		const response = await fetch(`/api/mcp-servers/${encodeURIComponent(id)}`, { method: "DELETE" });
+		if (!response.ok && response.status !== 204) {
+			const body = await response.json().catch(() => null);
+			throw new Error(body?.error ?? "Could not delete MCP server");
+		}
+		await router.invalidate();
+	}
+	async function test(id) {
+		setTestResult((r) => ({
+			...r,
+			[id]: {
+				kind: "pending",
+				message: "Connecting…"
+			}
+		}));
+		try {
+			const res = await fetch(`/api/mcp-servers/${encodeURIComponent(id)}/test`, { method: "POST" });
+			const j = await res.json().catch(() => ({}));
+			setTestResult((r) => ({
+				...r,
+				[id]: res.ok && j.ok ? {
+					kind: "success",
+					message: `${j.tools?.length ?? 0} tools: ${(j.tools ?? []).map((t) => t.name).join(", ")}`
+				} : {
+					kind: "error",
+					message: j.error ?? `Test failed (${res.status})`
+				}
+			}));
+		} catch (error) {
+			setTestResult((r) => ({
+				...r,
+				[id]: {
+					kind: "error",
+					message: error instanceof Error ? error.message : String(error)
+				}
+			}));
+		}
+	}
+	return /* @__PURE__ */ jsxs(ConfigPage, {
+		active: "mcp",
+		title: "MCP servers",
+		description: /* @__PURE__ */ jsxs(Fragment, { children: [
+			"Expose tools from local or remote Model Context Protocol servers to every agent under the ",
+			/* @__PURE__ */ jsx("code", {
+				className: "font-mono",
+				children: "mcp__<server>__<tool>"
+			}),
+			" namespace. Local stdio servers inherit configured secrets; HTTP and SSE servers can use a bearer token."
+		] }),
+		children: [
+			/* @__PURE__ */ jsxs("section", {
+				className: "rounded-lg border bg-card p-5",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "font-serif text-xl mb-3",
+					children: "Add a server"
+				}), /* @__PURE__ */ jsxs("form", {
+					onSubmit: add,
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-end",
+							children: [/* @__PURE__ */ jsxs("label", {
+								className: "w-full text-sm sm:w-auto",
+								children: ["Name", /* @__PURE__ */ jsx("input", {
+									type: "text",
+									value: name,
+									onChange: (e) => setName(e.target.value),
+									required: true,
+									placeholder: "playwright",
+									pattern: "[a-zA-Z0-9_]+",
+									className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 text-sm sm:w-48"
+								})]
+							}), /* @__PURE__ */ jsxs("label", {
+								className: "w-full text-sm sm:w-auto",
+								children: ["Transport", /* @__PURE__ */ jsx("select", {
+									value: transport,
+									onChange: (e) => setTransport(e.target.value),
+									className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 text-sm",
+									children: TRANSPORTS.map((t) => /* @__PURE__ */ jsx("option", {
+										value: t,
+										children: t
+									}, t))
+								})]
+							})]
+						}),
+						transport === "stdio" ? /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-end",
+							children: [/* @__PURE__ */ jsxs("label", {
+								className: "w-full text-sm sm:w-auto",
+								children: ["Command", /* @__PURE__ */ jsx("input", {
+									type: "text",
+									value: command,
+									onChange: (e) => setCommand(e.target.value),
+									placeholder: "npx",
+									className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 text-sm sm:w-48"
+								})]
+							}), /* @__PURE__ */ jsxs("label", {
+								className: "w-full min-w-0 text-sm sm:flex-1",
+								children: ["Args (space-separated)", /* @__PURE__ */ jsx("input", {
+									type: "text",
+									value: argsStr,
+									onChange: (e) => setArgsStr(e.target.value),
+									placeholder: "-y @modelcontextprotocol/server-filesystem /tmp",
+									className: "block mt-1 rounded-md border bg-background px-3 py-2 text-sm w-full"
+								})]
+							})]
+						}) : /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-end",
+							children: [/* @__PURE__ */ jsxs("label", {
+								className: "w-full min-w-0 text-sm sm:flex-1",
+								children: ["URL", /* @__PURE__ */ jsx("input", {
+									type: "url",
+									value: url,
+									onChange: (e) => setUrl(e.target.value),
+									placeholder: "https://mcp.example.com/sse",
+									className: "block mt-1 rounded-md border bg-background px-3 py-2 text-sm w-full"
+								})]
+							}), /* @__PURE__ */ jsxs("label", {
+								className: "w-full text-sm sm:w-auto",
+								children: ["Bearer token (optional)", /* @__PURE__ */ jsx("input", {
+									type: "password",
+									value: token,
+									onChange: (e) => setToken(e.target.value),
+									autoComplete: "off",
+									className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 text-sm sm:w-56"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							type: "submit",
+							disabled: busy,
+							className: "w-full sm:w-auto",
+							children: busy ? "adding…" : "add server"
+						}),
+						err && /* @__PURE__ */ jsx("p", {
+							role: "alert",
+							className: "text-sm text-danger",
+							children: err
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ jsxs("table", {
+					className: "w-full min-w-[720px] text-sm",
+					children: [/* @__PURE__ */ jsx("thead", {
+						className: "text-left text-muted-foreground border-b",
+						children: /* @__PURE__ */ jsxs("tr", { children: [
+							/* @__PURE__ */ jsx("th", {
+								className: "py-2",
+								children: "name"
+							}),
+							/* @__PURE__ */ jsx("th", { children: "transport" }),
+							/* @__PURE__ */ jsx("th", { children: "target" }),
+							/* @__PURE__ */ jsx("th", { children: "state" }),
+							/* @__PURE__ */ jsx("th", {})
+						] })
+					}), /* @__PURE__ */ jsxs("tbody", { children: [servers.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+						colSpan: 5,
+						className: "py-6 text-center text-muted-foreground italic",
+						children: "no MCP servers yet — add one above"
+					}) }), servers.map((s) => {
+						const result = testResult[s.id];
+						return /* @__PURE__ */ jsxs("tr", {
+							className: "border-b last:border-0 align-top",
+							children: [
+								/* @__PURE__ */ jsxs("td", {
+									className: "py-2",
+									children: [s.name, s.hasAuthToken && /* @__PURE__ */ jsx("span", {
+										className: "ml-2 text-[0.7em] uppercase tracking-wide text-muted-foreground",
+										children: "auth"
+									})]
+								}),
+								/* @__PURE__ */ jsx("td", { children: s.transport }),
+								/* @__PURE__ */ jsx("td", {
+									className: "font-mono text-xs break-all",
+									children: s.transport === "stdio" ? `${s.command ?? ""} ${s.args.join(" ")}`.trim() : s.url
+								}),
+								/* @__PURE__ */ jsx("td", { children: s.enabled ? /* @__PURE__ */ jsx("span", {
+									className: "text-success",
+									children: "enabled"
+								}) : /* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground",
+									children: "disabled"
+								}) }),
+								/* @__PURE__ */ jsxs("td", {
+									className: "whitespace-nowrap",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "flex gap-2",
+										children: [
+											/* @__PURE__ */ jsx(Button, {
+												variant: "ghost",
+												className: "text-xs",
+												onClick: () => void test(s.id),
+												children: "test"
+											}),
+											/* @__PURE__ */ jsx(Button, {
+												variant: "ghost",
+												className: "text-xs",
+												disabled: actionBusy === s.id,
+												onClick: () => void toggle(s),
+												children: actionBusy === s.id ? "working…" : s.enabled ? "disable" : "enable"
+											}),
+											/* @__PURE__ */ jsx(Button, {
+												variant: "danger",
+												className: "text-xs",
+												disabled: actionBusy === s.id,
+												onClick: () => {
+													setErr(null);
+													setDeleteTarget(s);
+												},
+												children: "delete"
+											})
+										]
+									}), result && /* @__PURE__ */ jsx("p", {
+										role: result.kind === "error" ? "alert" : "status",
+										className: `mt-2 max-w-72 whitespace-normal break-words text-xs ${result.kind === "error" ? "text-danger" : result.kind === "success" ? "text-success" : "text-muted-foreground"}`,
+										children: result.message
+									})]
+								})
+							]
+						}, s.id);
+					})] })]
+				})
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: deleteTarget !== null,
+				title: `Delete MCP server ${deleteTarget?.name ?? ""}?`,
+				description: /* @__PURE__ */ jsx("p", { children: "This permanently removes the server configuration and its stored bearer token, closes the current connection, and removes its tools from future Agent turns. Reconnecting requires adding the server and credential again." }),
+				confirmLabel: "delete MCP server",
+				onConfirm: async () => {
+					if (!deleteTarget) return;
+					try {
+						await remove(deleteTarget.id);
+					} catch (error) {
+						setErr(error instanceof Error ? error.message : String(error));
+						throw error;
+					}
+				},
+				onOpenChange: (open) => {
+					if (!open) setDeleteTarget(null);
+				}
+			})
+		]
+	});
+}
+//#endregion
+export { McpPage as component };