bazilion 0.8.0 → 0.10.0

package/dist/web/server/assets/inbox-CUIyf9MT.js

@@ -0,0 +1,131 @@
+import { t as Route } from "./inbox-BardsGyy.js";
+import { r as PageShell } from "./Page-LENulSXY.js";
+import { t as AgentTabs } from "./AgentTabs-DoMDJBXH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/agents/$id/inbox.tsx?tsr-split=component
+function decodeText(payload) {
+	try {
+		const obj = JSON.parse(payload);
+		if (typeof obj.text === "string") return obj.text;
+	} catch {}
+	return payload;
+}
+function InboxPage() {
+	const { resolved, messages, unreadCount, selected, agentNames } = Route.useLoaderData();
+	const unreadOnly = Route.useSearch().unread === "1";
+	const misaddressed = Boolean(selected && selected.toAgentId !== resolved.agent.id);
+	function agentLabel(aid) {
+		const name = agentNames[aid];
+		return name ? `${name} (${aid.slice(0, 8)})` : aid.slice(0, 8);
+	}
+	return /* @__PURE__ */ jsxs(PageShell, { children: [
+		/* @__PURE__ */ jsx("h1", {
+			className: "font-serif text-3xl text-foreground mb-1",
+			children: resolved.agent.name
+		}),
+		/* @__PURE__ */ jsxs("p", {
+			className: "text-xs text-muted-foreground mb-6",
+			children: [
+				/* @__PURE__ */ jsxs("code", {
+					className: "font-mono",
+					children: [resolved.agent.id.slice(0, 8), "…"]
+				}),
+				" · unread: ",
+				unreadCount
+			]
+		}),
+		/* @__PURE__ */ jsx(AgentTabs, {
+			agentId: resolved.agent.id,
+			active: "inbox",
+			archived: resolved.agent.status === "archived"
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-1 md:grid-cols-[360px_1fr] gap-6",
+			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-1 border-b mb-3",
+				children: [/* @__PURE__ */ jsx("a", {
+					href: `/agents/${resolved.agent.id}/inbox`,
+					className: `px-3 py-1.5 text-sm border-b-2 -mb-px ${!unreadOnly ? "border-primary text-primary font-semibold" : "border-transparent text-muted-foreground"}`,
+					children: "all"
+				}), /* @__PURE__ */ jsx("a", {
+					href: `/agents/${resolved.agent.id}/inbox?unread=1`,
+					className: `px-3 py-1.5 text-sm border-b-2 -mb-px ${unreadOnly ? "border-primary text-primary font-semibold" : "border-transparent text-muted-foreground"}`,
+					children: "unread"
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "rounded-lg border bg-card max-h-[640px] overflow-y-auto",
+				children: messages.length === 0 ? /* @__PURE__ */ jsx("div", {
+					className: "p-6 text-center text-muted-foreground italic",
+					children: unreadOnly ? "no unread messages" : "inbox empty"
+				}) : messages.map((m) => {
+					const text = decodeText(m.payload);
+					const preview = text.length > 80 ? `${text.slice(0, 80)}…` : text;
+					const when = new Date(m.createdAt).toLocaleString();
+					const isActive = selected?.id === m.id;
+					const isUnread = m.readAt === null;
+					const qs = unreadOnly ? `?unread=1&id=${m.id}` : `?id=${m.id}`;
+					return /* @__PURE__ */ jsxs("a", {
+						href: `/agents/${resolved.agent.id}/inbox${qs}`,
+						className: `block border-b last:border-0 px-3 py-2 text-sm hover:bg-accent/30 ${isActive ? "bg-accent/40" : ""} ${isUnread ? "font-medium" : ""}`,
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex justify-between text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "font-mono",
+								children: [
+									isUnread && /* @__PURE__ */ jsx("span", { className: "inline-block w-1.5 h-1.5 rounded-full bg-primary mr-1.5 align-middle" }),
+									"from ",
+									agentLabel(m.fromAgentId)
+								]
+							}), /* @__PURE__ */ jsx("span", {
+								className: "font-mono",
+								children: when
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "text-foreground mt-0.5 truncate",
+							children: preview
+						})]
+					}, m.id);
+				})
+			})] }), /* @__PURE__ */ jsxs("div", { children: [
+				selected && !misaddressed && /* @__PURE__ */ jsxs("div", {
+					className: "rounded-lg border bg-card p-5 mb-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "font-mono text-xs text-muted-foreground mb-2 space-y-0.5",
+						children: [
+							/* @__PURE__ */ jsxs("div", { children: ["id: ", /* @__PURE__ */ jsx("code", { children: selected.id })] }),
+							/* @__PURE__ */ jsxs("div", { children: ["from: ", /* @__PURE__ */ jsx("code", { children: agentLabel(selected.fromAgentId) })] }),
+							/* @__PURE__ */ jsxs("div", { children: ["received: ", new Date(selected.createdAt).toLocaleString()] }),
+							/* @__PURE__ */ jsxs("div", { children: [
+								"read:",
+								" ",
+								selected.readAt ? new Date(selected.readAt).toLocaleString() : "(unread)"
+							] }),
+							selected.replyTo && /* @__PURE__ */ jsxs("div", { children: ["reply to: ", /* @__PURE__ */ jsx("code", { children: selected.replyTo })] })
+						]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "border-t pt-3 font-mono text-sm whitespace-pre-wrap break-words",
+						children: decodeText(selected.payload)
+					})]
+				}),
+				misaddressed && /* @__PURE__ */ jsx("div", {
+					className: "rounded-lg border bg-card p-5 mb-4 text-muted-foreground",
+					children: "message is not addressed to this agent"
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-xs text-muted-foreground",
+					children: [
+						"Agents exchange messages automatically via their",
+						" ",
+						/* @__PURE__ */ jsx("code", {
+							className: "font-mono",
+							children: "send_message"
+						}),
+						" tool. An idle recipient's scheduler tick drains unread mail."
+					]
+				})
+			] })]
+		})
+	] });
+}
+//#endregion
+export { InboxPage as component };

package/dist/web/server/assets/login-Bx5LEyGP.js

@@ -0,0 +1,118 @@
+import { useEffect, useState } from "react";
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Monitor, Moon, Sun } from "lucide-react";
+//#region src/components/BaziuLogo.tsx
+function BaziuLogo({ className }) {
+	return /* @__PURE__ */ jsx("img", {
+		src: "/baziu.svg",
+		alt: "",
+		"aria-hidden": "true",
+		draggable: false,
+		className
+	});
+}
+//#endregion
+//#region src/components/PawIcon.tsx
+function PawIcon({ className }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		className,
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: "7",
+				cy: "5",
+				rx: "2.2",
+				ry: "2.8"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: "17",
+				cy: "5",
+				rx: "2.2",
+				ry: "2.8"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: "3.5",
+				cy: "11",
+				rx: "2",
+				ry: "2.5"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				cx: "20.5",
+				cy: "11",
+				rx: "2",
+				ry: "2.5"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M12 22c-4.5 0-7.5-3-7.5-6 0-3 2.5-5.5 4.5-7a4 4 0 0 1 6 0c2 1.5 4.5 4 4.5 7 0 3-3 6-7.5 6z" })
+		]
+	});
+}
+//#endregion
+//#region src/components/ThemeToggle.tsx
+var STORAGE_KEY = "baziu-theme";
+var ICONS = {
+	system: Monitor,
+	light: Sun,
+	dark: Moon
+};
+var NEXT = {
+	system: "light",
+	light: "dark",
+	dark: "system"
+};
+function readMode() {
+	if (typeof window === "undefined") return "system";
+	const v = window.localStorage.getItem(STORAGE_KEY);
+	return v === "light" || v === "dark" || v === "system" ? v : "system";
+}
+function applyMode(mode) {
+	const sysDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+	const dark = mode === "dark" || mode === "system" && sysDark;
+	document.documentElement.classList.toggle("dark", dark);
+}
+function ThemeToggle() {
+	const [mode, setMode] = useState("system");
+	useEffect(() => {
+		setMode(readMode());
+	}, []);
+	useEffect(() => {
+		if (mode !== "system") return;
+		const mq = window.matchMedia("(prefers-color-scheme: dark)");
+		const onChange = () => applyMode("system");
+		mq.addEventListener("change", onChange);
+		return () => mq.removeEventListener("change", onChange);
+	}, [mode]);
+	const cycle = () => {
+		const next = NEXT[mode];
+		setMode(next);
+		window.localStorage.setItem(STORAGE_KEY, next);
+		applyMode(next);
+	};
+	const Icon = ICONS[mode];
+	const label = `Theme: ${mode}. Switch to ${NEXT[mode]}.`;
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onClick: cycle,
+		className: "unstyled inline-flex h-9 items-center justify-center gap-2 rounded-lg border border-frost bg-ivory px-2.5 text-mocha shadow-baziu-sm transition-all hover:border-sapphire-light hover:bg-sapphire-glow hover:text-sapphire active:translate-y-px",
+		title: label,
+		"aria-label": label,
+		children: [/* @__PURE__ */ jsx(Icon, {
+			className: "h-4 w-4 shrink-0",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "hidden text-xs font-medium capitalize xl:inline",
+			children: mode
+		})]
+	});
+}
+//#endregion
+//#region src/routes/login.tsx
+var $$splitComponentImporter = () => import("./login-CmWvxfTK.js");
+var Route = createFileRoute("/login")({
+	validateSearch: (search) => ({ error: search.error === "1" ? "1" : void 0 }),
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+//#endregion
+export { BaziuLogo as i, ThemeToggle as n, PawIcon as r, Route as t };

package/dist/web/server/assets/login-CmWvxfTK.js

@@ -0,0 +1,136 @@
+import { i as BaziuLogo, n as ThemeToggle, r as PawIcon, t as Route } from "./login-Bx5LEyGP.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { KeyRound, MessageSquareText, UsersRound } from "lucide-react";
+//#region src/routes/login.tsx?tsr-split=component
+function LoginPage() {
+	const { error } = Route.useSearch();
+	return /* @__PURE__ */ jsxs("main", {
+		className: "relative flex min-h-dvh items-center overflow-hidden bg-cream px-5 py-16 sm:px-8",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute inset-0",
+				style: { background: "radial-gradient(circle at 16% 12%, rgba(61,120,153,0.18), transparent 36rem), radial-gradient(circle at 88% 84%, rgba(196,135,138,0.13), transparent 32rem)" }
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "absolute right-4 top-4 z-10 sm:right-6 sm:top-6",
+				children: /* @__PURE__ */ jsx(ThemeToggle, {})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative mx-auto grid w-full max-w-5xl items-center gap-10 lg:grid-cols-[minmax(0,1fr)_25rem] lg:gap-20",
+				children: [/* @__PURE__ */ jsxs("section", {
+					className: "hidden lg:block",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "mb-8 flex items-center gap-3",
+							children: [/* @__PURE__ */ jsx(BaziuLogo, { className: "h-12 w-12" }), /* @__PURE__ */ jsx("span", {
+								className: "font-display text-3xl tracking-[-0.03em] text-charcoal",
+								children: "bazilion"
+							})]
+						}),
+						/* @__PURE__ */ jsx("h1", {
+							className: "max-w-xl text-[3.4rem] leading-[0.98] tracking-[-0.035em]",
+							children: "Your agents, working as one thoughtful team."
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "mt-6 max-w-lg text-base leading-7 text-mocha",
+							children: "A private workspace for long-lived agents, shared context, and communication policies you can actually see and control."
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "mt-8 grid max-w-lg gap-3 sm:grid-cols-2",
+							children: [/* @__PURE__ */ jsx(LoginFeature, {
+								icon: /* @__PURE__ */ jsx(MessageSquareText, { className: "h-4 w-4" }),
+								label: "Persistent conversations"
+							}), /* @__PURE__ */ jsx(LoginFeature, {
+								icon: /* @__PURE__ */ jsx(UsersRound, { className: "h-4 w-4" }),
+								label: "Team-owned context"
+							})]
+						})
+					]
+				}), /* @__PURE__ */ jsxs("section", {
+					className: "w-full rounded-[24px] border border-frost bg-snow/95 p-7 shadow-baziu-lg backdrop-blur sm:p-9",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "mb-6 flex items-center gap-3 lg:hidden",
+							children: [/* @__PURE__ */ jsx(BaziuLogo, { className: "h-10 w-10" }), /* @__PURE__ */ jsx("span", {
+								className: "font-display text-2xl text-charcoal",
+								children: "bazilion"
+							})]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "mb-6 flex h-10 w-10 items-center justify-center rounded-xl bg-sapphire-glow text-sapphire",
+							children: /* @__PURE__ */ jsx(KeyRound, {
+								className: "h-5 w-5",
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ jsx("h2", {
+							className: "font-display text-3xl text-charcoal",
+							children: "Welcome back"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "mt-2 text-sm leading-6 text-mocha-light",
+							children: "Use the local access token created by your Bazilion daemon."
+						}),
+						error && /* @__PURE__ */ jsx("div", {
+							className: "err mt-5",
+							children: "That token was not accepted."
+						}),
+						/* @__PURE__ */ jsxs("form", {
+							method: "POST",
+							action: "/api/login",
+							className: "mt-6 text-left",
+							children: [
+								/* @__PURE__ */ jsx("label", {
+									htmlFor: "token",
+									className: "block text-[0.85em] font-semibold text-mocha",
+									children: "Access token"
+								}),
+								/* @__PURE__ */ jsx("input", {
+									type: "password",
+									id: "token",
+									name: "token",
+									autoFocus: true,
+									required: true,
+									placeholder: "Paste your token",
+									className: "mb-4"
+								}),
+								/* @__PURE__ */ jsx("button", {
+									type: "submit",
+									className: "w-full",
+									children: "Open Bazilion"
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("p", {
+							className: "mt-5 rounded-xl bg-ivory px-3 py-2.5 text-[0.78em] leading-relaxed text-mocha-light",
+							children: [
+								"Find it in ",
+								/* @__PURE__ */ jsx("code", { children: "~/.bazilion/auth.json" }),
+								", created the first time you run",
+								" ",
+								/* @__PURE__ */ jsx("code", { children: "bazilion serve" }),
+								"."
+							]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("footer", {
+				className: "absolute bottom-4 left-0 right-0 text-center text-[0.75em] text-fawn",
+				children: ["dedicated to Baziu", /* @__PURE__ */ jsx(PawIcon, { className: "ml-1 inline-block h-3 w-3 align-[-1px] opacity-40" })]
+			})
+		]
+	});
+}
+function LoginFeature({ icon, label }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 rounded-xl border border-frost bg-snow/70 px-3 py-2.5 text-sm font-semibold text-mocha shadow-baziu-sm",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-sapphire",
+			children: icon
+		}), label]
+	});
+}
+//#endregion
+export { LoginPage as component };

package/dist/web/server/assets/{mcp-BsFKEoXt.js → mcp-2pwT9HU8.js}

@@ -1,5 +1,5 @@
 import { t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-CeKECg65.js";
+import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
 import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
 //#region src/routes/config/mcp.tsx?tss-serverfn-split
 var fetchServers_createServerFn_handler = createServerRpc({

package/dist/web/server/assets/{mcp-BU_kKENi.js → mcp-BJjLIdP0.js}

@@ -1,8 +1,8 @@
-import { t as Route } from "./mcp-CKqwG4mt.js";
-import { t as ConfigTabs } from "./ConfigTabs-CyuxzesF.js";
+import { t as Route } from "./mcp-DIWTogHM.js";
+import { t as ConfigPage } from "./ConfigPage-BKlh5vOU.js";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/routes/config/mcp.tsx?tsr-split=component
 var TRANSPORTS = [
 	"stdio",
@@ -78,118 +78,111 @@ function McpPage() {
 			[id]: j.ok ? `✓ ${j.tools?.length ?? 0} tools: ${(j.tools ?? []).map((t) => t.name).join(", ")}` : `✗ ${j.error ?? "failed"}`
 		}));
 	}
-	return /* @__PURE__ */ jsxs("main", {
-		className: "mx-auto max-w-5xl px-6 py-8",
-		children: [
-			/* @__PURE__ */ jsx("h1", {
-				className: "font-serif text-3xl text-foreground mb-2",
-				children: "config"
+	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>"
 			}),
-			/* @__PURE__ */ jsx(ConfigTabs, { active: "mcp" }),
-			/* @__PURE__ */ jsxs("p", {
-				className: "text-muted-foreground text-sm mb-6",
+			" 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: [
-					"Model Context Protocol servers. Each enabled server's tools are exposed to every agent, namespaced ",
-					/* @__PURE__ */ jsx("code", {
-						className: "font-mono",
-						children: "mcp__<server>__<tool>"
+					/* @__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))
+							})]
+						})]
 					}),
-					". stdio servers run as local subprocesses and inherit your configured secrets; http/sse servers connect to a remote endpoint with an optional bearer token."
-				]
-			}),
-			/* @__PURE__ */ jsxs("section", {
-				className: "rounded-lg border bg-card p-5 mb-6",
-				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 gap-3 flex-wrap items-end",
-							children: [/* @__PURE__ */ jsxs("label", {
-								className: "text-sm",
-								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: "block mt-1 rounded-md border bg-background px-3 py-2 text-sm w-48"
-								})]
-							}), /* @__PURE__ */ jsxs("label", {
-								className: "text-sm",
-								children: ["Transport", /* @__PURE__ */ jsx("select", {
-									value: transport,
-									onChange: (e) => setTransport(e.target.value),
-									className: "block mt-1 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"
 							})]
-						}),
-						transport === "stdio" ? /* @__PURE__ */ jsxs("div", {
-							className: "flex gap-3 flex-wrap items-end",
-							children: [/* @__PURE__ */ jsxs("label", {
-								className: "text-sm",
-								children: ["Command", /* @__PURE__ */ jsx("input", {
-									type: "text",
-									value: command,
-									onChange: (e) => setCommand(e.target.value),
-									placeholder: "npx",
-									className: "block mt-1 rounded-md border bg-background px-3 py-2 text-sm w-48"
-								})]
-							}), /* @__PURE__ */ jsxs("label", {
-								className: "text-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("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 gap-3 flex-wrap items-end",
-							children: [/* @__PURE__ */ jsxs("label", {
-								className: "text-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: "text-sm",
-								children: ["Bearer token (optional)", /* @__PURE__ */ jsx("input", {
-									type: "password",
-									value: token,
-									onChange: (e) => setToken(e.target.value),
-									autoComplete: "off",
-									className: "block mt-1 rounded-md border bg-background px-3 py-2 text-sm w-56"
-								})]
+						})]
+					}) : /* @__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__ */ jsx("button", {
-							type: "submit",
-							disabled: busy,
-							className: "rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50",
-							children: busy ? "adding…" : "add server"
-						}),
-						err && /* @__PURE__ */ jsx("p", {
-							className: "text-sm text-rose-700",
-							children: err
-						})
-					]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("table", {
-				className: "w-full text-sm",
+						}), /* @__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", {
+						type: "submit",
+						disabled: busy,
+						className: "w-full rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50 sm:w-auto",
+						children: busy ? "adding…" : "add server"
+					}),
+					err && /* @__PURE__ */ jsx("p", {
+						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: [
@@ -229,7 +222,7 @@ function McpPage() {
 							children: s.transport === "stdio" ? `${s.command ?? ""} ${s.args.join(" ")}`.trim() : s.url
 						}),
 						/* @__PURE__ */ jsx("td", { children: s.enabled ? /* @__PURE__ */ jsx("span", {
-							className: "text-emerald-700",
+							className: "text-success",
 							children: "enabled"
 						}) : /* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground",
@@ -253,7 +246,7 @@ function McpPage() {
 								/* @__PURE__ */ jsx("button", {
 									type: "button",
 									onClick: () => remove(s.id),
-									className: "rounded-md border px-2 py-1 text-xs text-rose-700 hover:bg-rose-50",
+									className: "rounded-md border px-2 py-1 text-xs text-danger hover:bg-danger/10",
 									children: "delete"
 								})
 							]
@@ -261,7 +254,7 @@ function McpPage() {
 					]
 				}, s.id))] })]
 			})
-		]
+		})]
 	});
 }
 //#endregion

package/dist/web/server/assets/{mcp-CKqwG4mt.js → mcp-DIWTogHM.js}

@@ -1,8 +1,8 @@
 import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-ZBGxhl8t.js";
+import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
 import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
 //#region src/routes/config/mcp.tsx
-var $$splitComponentImporter = () => import("./mcp-BU_kKENi.js");
+var $$splitComponentImporter = () => import("./mcp-BJjLIdP0.js");
 var fetchServers = createServerFn({ method: "GET" }).handler(createSsrRpc("278849457893891c3d22806d15e11a0a42cc3630b30e9e62b74cf2d3b982ded7"));
 var Route = createFileRoute("/config/mcp")({
 	loader: () => fetchServers(),