bazilion 0.12.2 → 0.14.0

package/dist/web/server/assets/{routes-B6cMLIPk.js → routes-BgHisAxH.js}

@@ -1,6 +1,6 @@
-import { t as Route } from "./routes-C19CMLZt.js";
-import { t as ChatPane } from "./ChatPane-Ba5wTsVk.js";
-import { n as Sidebar } from "./Sidebar-DsRVCszF.js";
+import { t as Route } from "./routes-DAU2g7Uz.js";
+import { t as ChatPane } from "./ChatPane-CgSe7tsy.js";
+import { n as Sidebar } from "./Sidebar-DKyk7oIo.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/routes/index.tsx?tsr-split=component
 function HomePage() {
@@ -26,8 +26,25 @@ function HomePage() {
 				initialMessages: data.selected.initialMessages,
 				initialSessionHead: data.selected.sessionHead
 			}) : /* @__PURE__ */ jsx("div", {
-				className: "flex h-full items-center justify-center rounded-lg border border-dashed bg-card text-muted-foreground",
-				children: data.agents.length === 0 ? "No agents yet." : "Pick an agent on the left to start chatting."
+				className: "flex h-full items-center justify-center rounded-2xl border border-dashed bg-card px-6 text-center text-muted-foreground",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "max-w-sm",
+					children: [
+						/* @__PURE__ */ jsx("h1", {
+							className: "m-0 font-body text-lg font-semibold text-foreground",
+							children: data.agents.length === 0 ? "Start your first conversation" : "Choose an agent"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "mt-2 text-sm leading-6",
+							children: data.agents.length === 0 ? "Your default Team and Agent template are ready. Use “Spawn first agent” on the left to create a working member." : "Pick an agent in the Team list to open its persistent conversation."
+						}),
+						data.agents.length === 0 && /* @__PURE__ */ jsx("a", {
+							href: "/agents",
+							className: "btn-primary mt-4 no-underline",
+							children: "Open agent setup"
+						})
+					]
+				})
 			})
 		})]
 	});

package/dist/web/server/assets/{routes-BrA-U_Hm.js → routes-COtkyZG1.js}

@@ -1,7 +1,7 @@
-import { i as getCookie, t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
-import { n as daemonClient, r as ApiClientError } from "./daemon-client-2NRMzlTr.js";
-import { t as SIDEBAR_OPEN_GROUPS_COOKIE } from "./Sidebar-DsRVCszF.js";
+import { a as getCookie, n as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-B7Yr1K8i.js";
+import { n as daemonClient, r as ApiClientError } from "./daemon-client-CI5NHwNC.js";
+import { t as SIDEBAR_OPEN_GROUPS_COOKIE } from "./Sidebar-DKyk7oIo.js";
 //#region src/routes/index.tsx?tss-serverfn-split
 function parseOpenGroupsCookie(raw) {
 	if (!raw) return {};
@@ -21,7 +21,7 @@ var fetchHomeData_createServerFn_handler = createServerRpc({
 	name: "fetchHomeData",
 	filename: "src/routes/index.tsx"
 }, (opts) => fetchHomeData.__executeServer(opts));
-var fetchHomeData = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(fetchHomeData_createServerFn_handler, async ({ data }) => {
+var fetchHomeData = createServerFn({ method: "POST" }).validator((d) => d).handler(fetchHomeData_createServerFn_handler, async ({ data }) => {
 	const client = daemonClient();
 	const [agents, profiles, profileGroups, teams] = await Promise.all([
 		client.get("/api/agents?includeArchived=false"),

package/dist/web/server/assets/{routes-C19CMLZt.js → routes-DAU2g7Uz.js}

@@ -1,9 +1,9 @@
-import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
+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/index.tsx
-var $$splitComponentImporter = () => import("./routes-B6cMLIPk.js");
-var fetchHomeData = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(createSsrRpc("26dbbcbe40063e8aedfd343cf1dfd4dfe5589f24591c0ba35e80c611d7c57c7c"));
+var $$splitComponentImporter = () => import("./routes-BgHisAxH.js");
+var fetchHomeData = createServerFn({ method: "POST" }).validator((d) => d).handler(createSsrRpc("26dbbcbe40063e8aedfd343cf1dfd4dfe5589f24591c0ba35e80c611d7c57c7c"));
 var Route = createFileRoute("/")({
 	validateSearch: (s) => ({ agent: typeof s.agent === "string" ? s.agent : void 0 }),
 	loaderDeps: ({ search }) => ({ agentId: search.agent }),

package/dist/web/server/assets/services-ClyGBU7W.js

@@ -0,0 +1,83 @@
+import { t as Route } from "./services-DgoU1udp.js";
+import { a as StatusBadge, t as EmptyState } from "./Page-Bz-ydB8j.js";
+import { t as ConfigPage } from "./ConfigPage-CiQ-gxmJ.js";
+import { t as FieldRow } from "./FieldRow-DCOF07kl.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/config/services.tsx?tsr-split=component
+var UNGROUPED_LABEL = "Other";
+/**
+* Bucket services into teams while preserving the order each team first
+* appears in the daemon's SERVICES list. Cards without a `team` field land
+* in an "Other" bucket at the end.
+*/
+function groupServices(services) {
+	const buckets = /* @__PURE__ */ new Map();
+	for (const s of services) {
+		const key = s.team ?? UNGROUPED_LABEL;
+		const bucket = buckets.get(key) ?? [];
+		bucket.push(s);
+		buckets.set(key, bucket);
+	}
+	const entries = Array.from(buckets, ([team, items]) => ({
+		team,
+		items
+	}));
+	if (entries.length > 1) entries.sort((a, b) => {
+		if (a.team === UNGROUPED_LABEL) return 1;
+		if (b.team === UNGROUPED_LABEL) return -1;
+		return 0;
+	});
+	return entries;
+}
+function ServicesPage() {
+	const { services } = Route.useLoaderData();
+	const grouped = groupServices(services);
+	return /* @__PURE__ */ jsxs(ConfigPage, {
+		active: "services",
+		title: "Services",
+		description: /* @__PURE__ */ jsx(Fragment, { children: "Connect optional tools such as web search and crawlers. Secret values are encrypted; endpoint details remain inspectable and editable on this device." }),
+		children: [services.length === 0 && /* @__PURE__ */ jsx(EmptyState, {
+			title: "No optional services",
+			description: "This Bazilion build has no additional service connectors registered."
+		}), grouped.map(({ team, items }) => /* @__PURE__ */ jsxs("section", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
+				className: "m-0 font-body text-base font-semibold text-foreground",
+				children: team
+			}), /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-xs text-muted-foreground",
+				children: "Open only the service you want to configure."
+			})] }), items.map((service) => {
+				const configured = service.fields.filter((field) => field.set).length;
+				return /* @__PURE__ */ jsxs("details", {
+					open: configured > 0,
+					className: "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__ */ jsxs("span", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "block font-semibold text-foreground",
+								children: service.displayName
+							}), /* @__PURE__ */ jsx("span", {
+								className: "mt-0.5 block font-mono text-xs text-muted-foreground",
+								children: service.id
+							})]
+						}), /* @__PURE__ */ jsx(StatusBadge, {
+							variant: configured > 0 ? "success" : "neutral",
+							children: configured > 0 ? `${configured} field${configured === 1 ? "" : "s"} configured` : "Not configured"
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "border-t border-border px-4 py-4 sm:px-5",
+						children: [service.hint && /* @__PURE__ */ jsx("p", {
+							className: "mb-2 text-sm text-muted-foreground",
+							children: service.hint
+						}), service.fields.map((field) => /* @__PURE__ */ jsx(FieldRow, { field }, field.envVar))]
+					})]
+				}, service.id);
+			})]
+		}, team))]
+	});
+}
+//#endregion
+export { ServicesPage as component };

package/dist/web/server/assets/{services-C4szdhPx.js → services-DgoU1udp.js}

@@ -1,8 +1,8 @@
-import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
+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/services.tsx
-var $$splitComponentImporter = () => import("./services-B9yBWDX0.js");
+var $$splitComponentImporter = () => import("./services-ClyGBU7W.js");
 var fetchServices = createServerFn({ method: "GET" }).handler(createSsrRpc("6afd81bef0ee381d6e3641cd8e269968429c874e2f9d56c8f818cc9d180ee477"));
 var Route = createFileRoute("/config/services")({
 	loader: () => fetchServices(),

package/dist/web/server/assets/{services-wG8I06oS.js → services-DozuJtzX.js}

@@ -1,6 +1,6 @@
-import { t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
-import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
+import { n as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-B7Yr1K8i.js";
+import { n as daemonClient } from "./daemon-client-CI5NHwNC.js";
 //#region src/routes/config/services.tsx?tss-serverfn-split
 var fetchServices_createServerFn_handler = createServerRpc({
 	id: "6afd81bef0ee381d6e3641cd8e269968429c874e2f9d56c8f818cc9d180ee477",

package/dist/web/server/assets/{skills-BZdqiDig.js → skills-CYih9TJw.js}

@@ -1,6 +1,7 @@
-import { t as Route } from "./skills-C-UgkuCW.js";
-import { a as StatusBadge, i as SectionCard, n as PageHeader, r as PageShell, t as EmptyState } from "./Page-LENulSXY.js";
+import { t as Route } from "./skills-Dw3cI3si.js";
+import { a as StatusBadge, i as SectionCard, n as PageHeader, r as PageShell, 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 { useRef, useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -8,12 +9,13 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function SkillsPage() {
 	const skills = Route.useLoaderData();
 	const router = useRouter();
+	const [removeTarget, setRemoveTarget] = useState(null);
+	const [removeError, setRemoveError] = useState(null);
 	async function remove(name) {
-		if (!confirm(`Remove skill "${name}"? This deletes the directory on disk.`)) return;
 		const res = await fetch(`/api/skills/${encodeURIComponent(name)}`, { method: "DELETE" });
 		if (!res.ok && res.status !== 204) {
-			alert(res.statusText);
-			return;
+			const body = await res.json().catch(() => null);
+			throw new Error(body?.error ?? `Could not remove skill (${res.status})`);
 		}
 		await router.invalidate();
 	}
@@ -24,6 +26,11 @@ function SkillsPage() {
 				title: "Skills",
 				description: "Install and review the prompt-only skills available to your agents."
 			}),
+			removeError && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "err",
+				children: removeError
+			}),
 			/* @__PURE__ */ jsx(ImportCard, { onImported: () => router.invalidate() }),
 			/* @__PURE__ */ jsx(SectionCard, {
 				title: "Installed skills",
@@ -72,13 +79,47 @@ function SkillsPage() {
 								children: /* @__PURE__ */ jsx(Button, {
 									variant: "danger",
 									className: "whitespace-nowrap",
-									onClick: () => remove(s.name),
+									onClick: () => {
+										setRemoveError(null);
+										setRemoveTarget(s);
+									},
 									children: "Remove"
 								})
 							})
 						] }, s.name)) })]
 					})
 				})
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: removeTarget !== null,
+				title: `Remove skill ${removeTarget?.name ?? ""}?`,
+				description: /* @__PURE__ */ jsxs("p", { children: [
+					"This permanently deletes the installed ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: "SKILL.md"
+					}),
+					" and every helper script or asset in the ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: removeTarget?.name
+					}),
+					" ",
+					"directory. The skill becomes unavailable to every Agent and Agent template until it is imported again."
+				] }),
+				confirmLabel: "delete installed skill",
+				onConfirm: async () => {
+					if (!removeTarget) return;
+					try {
+						await remove(removeTarget.name);
+					} catch (error) {
+						setRemoveError(error instanceof Error ? error.message : String(error));
+						throw error;
+					}
+				},
+				onOpenChange: (open) => {
+					if (!open) setRemoveTarget(null);
+				}
 			})
 		]
 	});

package/dist/web/server/assets/{skills-a9VSWHWq.js → skills-DfGSJTCB.js}

@@ -1,6 +1,6 @@
-import { t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
-import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
+import { n as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-B7Yr1K8i.js";
+import { n as daemonClient } from "./daemon-client-CI5NHwNC.js";
 //#region src/routes/skills/index.tsx?tss-serverfn-split
 var fetchSkills_createServerFn_handler = createServerRpc({
 	id: "ae1d30575b229c1e2622fbaf2252800a9a7acc84afdd68cba025ca890b8d52c5",

package/dist/web/server/assets/{skills-C-UgkuCW.js → skills-Dw3cI3si.js}

@@ -1,8 +1,8 @@
-import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
+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/skills/index.tsx
-var $$splitComponentImporter = () => import("./skills-BZdqiDig.js");
+var $$splitComponentImporter = () => import("./skills-CYih9TJw.js");
 var fetchSkills = createServerFn({ method: "GET" }).handler(createSsrRpc("ae1d30575b229c1e2622fbaf2252800a9a7acc84afdd68cba025ca890b8d52c5"));
 var Route = createFileRoute("/skills/")({
 	loader: () => fetchSkills(),

package/dist/web/server/assets/start-D4Wq9iTa.js

@@ -0,0 +1,70 @@
+import { t as createMiddleware } from "../server.js";
+import { t as webOriginConfig } from "./public-origin-xV0lm0Ty.js";
+//#region ../../node_modules/.pnpm/@tanstack+start-client-core@1.170.14/node_modules/@tanstack/start-client-core/dist/esm/createStart.js
+function dedupeSerializationAdapters(deduped, serializationAdapters) {
+	for (let i = 0, len = serializationAdapters.length; i < len; i++) {
+		const current = serializationAdapters[i];
+		if (!deduped.has(current)) {
+			deduped.add(current);
+			if (current.extends) dedupeSerializationAdapters(deduped, current.extends);
+		}
+	}
+}
+var createStart = (getOptions) => {
+	return {
+		getOptions: async () => {
+			const options = await getOptions();
+			if (options.serializationAdapters) {
+				const deduped = /* @__PURE__ */ new Set();
+				dedupeSerializationAdapters(deduped, options.serializationAdapters);
+				options.serializationAdapters = Array.from(deduped);
+			}
+			return options;
+		},
+		createMiddleware
+	};
+};
+//#endregion
+//#region src/start.ts
+function isLoopback(hostname) {
+	return [
+		"127.0.0.1",
+		"localhost",
+		"[::1]",
+		"::1"
+	].includes(hostname);
+}
+function secureHeaders(headers, production) {
+	headers.set("x-content-type-options", "nosniff");
+	headers.set("referrer-policy", "same-origin");
+	headers.set("permissions-policy", "camera=(), microphone=(), geolocation=()");
+	headers.set("x-frame-options", "DENY");
+	headers.set("content-security-policy", "default-src 'self'; base-uri 'self'; connect-src 'self'; font-src 'self'; frame-ancestors 'none'; img-src 'self' data:; object-src 'none'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'");
+	if (production) headers.set("strict-transport-security", "max-age=31536000; includeSubDomains");
+}
+var securityBoundary = createMiddleware().server(async ({ request, next }) => {
+	const config = webOriginConfig();
+	const incoming = new URL(request.url);
+	if (config.production) {
+		const expected = new URL(config.origin);
+		if (request.headers.get("host") !== expected.host) return new Response("not found", { status: 404 });
+		const forwardedHost = request.headers.get("x-forwarded-host");
+		const forwardedProto = request.headers.get("x-forwarded-proto");
+		if (forwardedHost && forwardedHost !== expected.host || forwardedProto && forwardedProto !== "https") return new Response("invalid forwarding headers", { status: 400 });
+	} else if (!isLoopback(incoming.hostname)) return new Response("loopback development only", { status: 403 });
+	if (request.headers.has("forwarded")) return new Response("invalid forwarding headers", { status: 400 });
+	const result = await next();
+	const headers = new Headers(result.response.headers);
+	secureHeaders(headers, config.production);
+	return {
+		...result,
+		response: new Response(result.response.body, {
+			status: result.response.status,
+			statusText: result.response.statusText,
+			headers
+		})
+	};
+});
+var startInstance = createStart(() => ({ requestMiddleware: [securityBoundary] }));
+//#endregion
+export { startInstance };

package/dist/web/server/assets/{teams-OIkHuxy1.js → teams-BJuoNOTB.js}

@@ -1,8 +1,8 @@
-import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
+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/templates/teams/index.tsx
-var $$splitComponentImporter = () => import("./teams-CpQ0YgWf.js");
+var $$splitComponentImporter = () => import("./teams-DF3RViAg.js");
 var fetchTeams = createServerFn({ method: "GET" }).handler(createSsrRpc("1bb12262aaa902fa208aafaa70b69c63da34c1fe523ab0322fe766903fc6b4c1"));
 var Route = createFileRoute("/templates/teams/")({
 	loader: () => fetchTeams(),

package/dist/web/server/assets/{teams-CpQ0YgWf.js → teams-DF3RViAg.js}

@@ -1,7 +1,7 @@
-import { t as Route } from "./teams-OIkHuxy1.js";
-import { n as PageHeader, r as PageShell } from "./Page-LENulSXY.js";
+import { t as Route } from "./teams-BJuoNOTB.js";
+import { n as PageHeader, r as PageShell } from "./Page-Bz-ydB8j.js";
 import { t as Button } from "./Button-Dsnw22OF.js";
-import { t as TemplatesTabs } from "./TemplatesTabs-CcRxZhJe.js";
+import { t as TemplatesTabs } from "./TemplatesTabs-B0fA361R.js";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/server/assets/{teams-DEpQR2QA.js → teams-DFnuc660.js}

@@ -1,9 +1,9 @@
-import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
+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/teams/index.tsx
 var $$splitErrorComponentImporter = () => import("./teams-3im0oQnS.js");
-var $$splitComponentImporter = () => import("./teams-jBtvnk59.js");
+var $$splitComponentImporter = () => import("./teams-TV6nbEN_.js");
 var fetchTeamsData = createServerFn({ method: "GET" }).handler(createSsrRpc("1ab05a58944792f34ad279deeaa56f70e9360687856b18327f335b022e8d21a5"));
 var Route = createFileRoute("/teams/")({
 	loader: () => fetchTeamsData(),

package/dist/web/server/assets/{teams-DqfrEoH6.js → teams-DPnAX4wD.js}

@@ -1,6 +1,6 @@
-import { t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
-import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
+import { n as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-B7Yr1K8i.js";
+import { n as daemonClient } from "./daemon-client-CI5NHwNC.js";
 //#region src/routes/teams/index.tsx?tss-serverfn-split
 var fetchTeamsData_createServerFn_handler = createServerRpc({
 	id: "1ab05a58944792f34ad279deeaa56f70e9360687856b18327f335b022e8d21a5",
@@ -12,7 +12,7 @@ var fetchTeamsData = createServerFn({ method: "GET" }).handler(fetchTeamsData_cr
 	const [teams, agents, health] = await Promise.all([
 		c.get("/api/teams"),
 		c.get("/api/agents?includeArchived=true"),
-		c.get("/api/health")
+		c.get("/api/health/details")
 	]);
 	const memberCounts = {};
 	for (const a of agents) memberCounts[a.teamId] = (memberCounts[a.teamId] ?? 0) + 1;

package/dist/web/server/assets/{teams-jBtvnk59.js → teams-TV6nbEN_.js}

@@ -1,6 +1,7 @@
-import { t as Route } from "./teams-DEpQR2QA.js";
-import { a as StatusBadge, i as SectionCard, n as PageHeader, r as PageShell, t as EmptyState } from "./Page-LENulSXY.js";
+import { t as Route } from "./teams-DFnuc660.js";
+import { a as StatusBadge, i as SectionCard, n as PageHeader, r as PageShell, 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 { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -8,14 +9,15 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function TeamsPage() {
 	const { teams, memberCounts, policies, readiness } = Route.useLoaderData();
 	const router = useRouter();
+	const [removeTarget, setRemoveTarget] = useState(null);
+	const [actionError, setActionError] = useState(null);
 	async function remove(id) {
-		if (!confirm("remove this team registration?")) return;
 		const revision = policies[id]?.revision;
-		if (!revision) return;
+		if (!revision) throw new Error("The Team policy revision is unavailable. Nothing was removed.");
 		const res = await fetch(`/api/teams/${encodeURIComponent(id)}?expectedTeamPolicyRevision=${revision}`, { method: "DELETE" });
 		if (!res.ok && res.status !== 204) {
-			alert(res.statusText);
-			return;
+			const body = await res.json().catch(() => null);
+			throw new Error(body?.error ?? `Could not remove Team (${res.status})`);
 		}
 		await router.invalidate();
 	}
@@ -45,14 +47,19 @@ function TeamsPage() {
 				})
 			}),
 			/* @__PURE__ */ jsx(RegisterTeamForm, { onRegistered: () => router.invalidate() }),
+			actionError && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "err",
+				children: actionError
+			}),
 			/* @__PURE__ */ jsx(SectionCard, {
 				title: "Registered teams",
 				description: "Open a Team to manage its context, members, shared memory, and policy.",
 				children: teams.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
 					title: "No teams registered",
 					description: "Register a Team above to create a workspace for your agents."
-				}) : /* @__PURE__ */ jsx("div", {
-					className: "overflow-x-auto",
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+					className: "hidden overflow-x-auto md:block",
 					children: /* @__PURE__ */ jsxs("table", {
 						className: "min-w-[820px]",
 						children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
@@ -84,7 +91,7 @@ function TeamsPage() {
 									className: "flex justify-end",
 									children: count === 0 ? /* @__PURE__ */ jsx(Button, {
 										variant: "danger",
-										onClick: () => remove(g.id),
+										onClick: () => setRemoveTarget(g),
 										children: "Remove"
 									}) : /* @__PURE__ */ jsx(StatusBadge, {
 										variant: "neutral",
@@ -95,7 +102,90 @@ function TeamsPage() {
 							] }, g.id);
 						}) })]
 					})
-				})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "grid gap-3 md:hidden",
+					children: teams.map((team) => {
+						const count = memberCounts[team.id] ?? 0;
+						const policy = policies[team.id];
+						return /* @__PURE__ */ jsxs("article", {
+							className: "min-w-0 rounded-xl border border-border bg-muted/20 p-4",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex min-w-0 items-start justify-between gap-3",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ jsx("a", {
+											href: `/teams/${encodeURIComponent(team.id)}`,
+											className: "block truncate font-semibold text-foreground",
+											children: team.name
+										}), /* @__PURE__ */ jsx("p", {
+											className: "mt-0.5 truncate font-mono text-xs text-muted-foreground",
+											children: team.id
+										})]
+									}), /* @__PURE__ */ jsxs(StatusBadge, {
+										variant: count > 0 ? "success" : "neutral",
+										children: [
+											count,
+											" member",
+											count === 1 ? "" : "s"
+										]
+									})]
+								}),
+								/* @__PURE__ */ jsxs("dl", {
+									className: "mt-3 grid gap-2 text-xs sm:grid-cols-2",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "rounded-lg bg-muted p-2",
+										children: [/* @__PURE__ */ jsx("dt", {
+											className: "font-semibold text-muted-foreground",
+											children: "Policy"
+										}), /* @__PURE__ */ jsx("dd", {
+											className: "mt-0.5",
+											children: /* @__PURE__ */ jsx("a", {
+												href: `/teams/${encodeURIComponent(team.id)}/policy`,
+												children: policy ? `Revision ${policy.revision} · ${policy.edges} edges` : "Unavailable"
+											})
+										})]
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "rounded-lg bg-muted p-2",
+										children: [/* @__PURE__ */ jsx("dt", {
+											className: "font-semibold text-muted-foreground",
+											children: "Baseline"
+										}), /* @__PURE__ */ jsx("dd", {
+											className: "mt-0.5 break-words",
+											children: policy?.baseline ?? "None"
+										})]
+									})]
+								}),
+								count === 0 && /* @__PURE__ */ jsx("div", {
+									className: "mt-3",
+									children: /* @__PURE__ */ jsx(Button, {
+										variant: "danger",
+										onClick: () => setRemoveTarget(team),
+										children: "Remove Team"
+									})
+								})
+							]
+						}, team.id);
+					})
+				})] })
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: removeTarget !== null,
+				onOpenChange: (open) => {
+					if (!open) setRemoveTarget(null);
+				},
+				title: `Remove ${removeTarget?.name ?? "Team"}?`,
+				description: /* @__PURE__ */ jsx("p", { children: "This removes the empty Team registration and its Bazilion-managed workspace slot. If the slot is a symlink, its external target is not deleted. This action cannot be undone from the web UI." }),
+				confirmLabel: "Remove Team",
+				onConfirm: async () => {
+					if (!removeTarget) return;
+					try {
+						await remove(removeTarget.id);
+					} catch (error) {
+						setActionError(error instanceof Error ? error.message : String(error));
+						throw error;
+					}
+				}
 			})
 		]
 	});
@@ -149,6 +239,7 @@ function RegisterTeamForm({ onRegistered }) {
 			onSubmit: submit,
 			children: [
 				err && /* @__PURE__ */ jsx("div", {
+					role: "alert",
 					className: "err",
 					children: err
 				}),

package/dist/web/server/assets/{teams-MjqgsmC3.js → teams-be05ci17.js}

@@ -1,6 +1,6 @@
-import { t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
-import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
+import { n as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-B7Yr1K8i.js";
+import { n as daemonClient } from "./daemon-client-CI5NHwNC.js";
 //#region src/routes/templates/teams/index.tsx?tss-serverfn-split
 var fetchTeams_createServerFn_handler = createServerRpc({
 	id: "1bb12262aaa902fa208aafaa70b69c63da34c1fe523ab0322fe766903fc6b4c1",

package/dist/web/server/assets/{telegram-DNgCWebD.js → telegram-1AWL6lFw.js}

@@ -1,6 +1,6 @@
-import { t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
-import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
+import { n as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-B7Yr1K8i.js";
+import { n as daemonClient } from "./daemon-client-CI5NHwNC.js";
 //#region src/routes/config/integrations/telegram.tsx?tss-serverfn-split
 var fetchTelegramConfig_createServerFn_handler = createServerRpc({
 	id: "00a157dd07824e1f126f06646effd1d876f280f6fc64c144d2f6429414a4e58a",

package/dist/web/server/assets/{telegram-XwyKSEtj.js → telegram-DbOFpTFm.js}

@@ -1,8 +1,8 @@
-import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
+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/integrations/telegram.tsx
-var $$splitComponentImporter = () => import("./telegram-CBF8SJzB.js");
+var $$splitComponentImporter = () => import("./telegram-Dj4Wwhd6.js");
 var fetchTelegramConfig = createServerFn({ method: "GET" }).handler(createSsrRpc("00a157dd07824e1f126f06646effd1d876f280f6fc64c144d2f6429414a4e58a"));
 var Route = createFileRoute("/config/integrations/telegram")({
 	loader: () => fetchTelegramConfig(),