bazilion 0.12.2 → 0.14.0

package/dist/web/server/assets/{activity-BCI4mfNS.js → activity-BWv1goK6.js}

@@ -1,7 +1,7 @@
-import { t as Route } from "./activity-D9SMqBhy.js";
-import { r as PageShell } from "./Page-LENulSXY.js";
+import { t as Route } from "./activity-LjpblbDL.js";
+import { r as PageShell } from "./Page-Bz-ydB8j.js";
 import { t as Button } from "./Button-Dsnw22OF.js";
-import { t as TeamTabs } from "./TeamTabs-zZzbP1t_.js";
+import { t as TeamTabs } from "./TeamTabs-Co3n2exj.js";
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";

package/dist/web/server/assets/{activity-D9SMqBhy.js → activity-LjpblbDL.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/$id/activity.tsx
 var $$splitErrorComponentImporter = () => import("./activity-CGCf8BQf.js");
-var $$splitComponentImporter = () => import("./activity-BCI4mfNS.js");
+var $$splitComponentImporter = () => import("./activity-BWv1goK6.js");
 var fetchActivity = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("5cdb81f2b930818ee9ab1d626ac99828ea652ff447fcbfc21b24dea415f8b39e"));
 var Route = createFileRoute("/teams/$id/activity")({
 	loader: ({ params }) => fetchActivity({ data: params }),

package/dist/web/server/assets/{agents-C9xlWK0Z.js → agents-BDFGrU3o.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/agents/index.tsx
-var $$splitComponentImporter = () => import("./agents-CgZMHj80.js");
-var fetchAgents = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(createSsrRpc("f715bab0037380aa3db7e237e7cf1e74168c363f48a960bb1ddfa5560de3a74e"));
+var $$splitComponentImporter = () => import("./agents-CYw1xHoY.js");
+var fetchAgents = createServerFn({ method: "POST" }).validator((d) => d).handler(createSsrRpc("f715bab0037380aa3db7e237e7cf1e74168c363f48a960bb1ddfa5560de3a74e"));
 var Route = createFileRoute("/agents/")({
 	validateSearch: (s) => ({ all: s.all === "1" ? "1" : void 0 }),
 	loaderDeps: ({ search }) => ({ all: search.all === "1" }),

package/dist/web/server/assets/{agents-BY74v7fM.js → agents-BJAv919x.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/agents/index.tsx?tss-serverfn-split
 var fetchProfiles_createServerFn_handler = createServerRpc({
 	id: "bc31355f2be9889a616d03c35062d483ea77c3f967af9432d721626a81078ef3",

package/dist/web/server/assets/{agents-BvttypqB.js → agents-CJk4pxKu.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/agents/index.tsx
-var $$splitComponentImporter = () => import("./agents-DZuFEj0D.js");
+var $$splitComponentImporter = () => import("./agents-DfNKc_Q7.js");
 var fetchProfiles = createServerFn({ method: "GET" }).handler(createSsrRpc("bc31355f2be9889a616d03c35062d483ea77c3f967af9432d721626a81078ef3"));
 var Route = createFileRoute("/templates/agents/")({
 	loader: () => fetchProfiles(),

package/dist/web/server/assets/{agents-CgZMHj80.js → agents-CYw1xHoY.js}

@@ -1,33 +1,51 @@
-import { t as Route } from "./agents-C9xlWK0Z.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 "./agents-BDFGrU3o.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 AgentAvatar } from "./AgentAvatar-8gTAy_tP.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 { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/routes/agents/index.tsx?tsr-split=component
 function AgentsPage() {
 	const { agents, profiles, teams, modelGroups } = Route.useLoaderData();
 	const { all } = Route.useSearch();
 	const showAll = all === "1";
 	const router = useRouter();
+	const [pendingAction, setPendingAction] = useState(null);
+	const [actionError, setActionError] = useState(null);
 	async function archive(id) {
-		if (!confirm("archive this agent? (reversible)")) return;
-		await fetch(`/api/agents/${id}/archive`, { method: "POST" });
+		const response = await fetch(`/api/agents/${encodeURIComponent(id)}/archive`, { method: "POST" });
+		if (!response.ok && response.status !== 204) {
+			const body = await response.json().catch(() => null);
+			throw new Error(body?.error ?? `Could not archive agent (${response.status})`);
+		}
 		await router.invalidate();
 	}
 	async function unarchive(id) {
-		await fetch(`/api/agents/${id}/unarchive`, { method: "POST" });
-		await router.invalidate();
+		setActionError(null);
+		try {
+			const response = await fetch(`/api/agents/${encodeURIComponent(id)}/unarchive`, { method: "POST" });
+			if (!response.ok && response.status !== 204) {
+				const body = await response.json().catch(() => null);
+				throw new Error(body?.error ?? `Could not restore agent (${response.status})`);
+			}
+			await router.invalidate();
+		} catch (error) {
+			setActionError(error instanceof Error ? error.message : String(error));
+		}
 	}
 	async function del(id) {
-		if (!confirm("permanently delete this agent and all its data?")) return;
 		const agent = agents.find((candidate) => candidate.id === id);
-		if (!agent) return;
+		if (!agent) throw new Error("The selected agent no longer exists.");
 		const policyResponse = await fetch(`/api/teams/${encodeURIComponent(agent.teamId)}/policy`);
-		if (!policyResponse.ok) return;
+		if (!policyResponse.ok) throw new Error("The current Team policy is unavailable. Nothing was deleted.");
 		const policy = await policyResponse.json();
-		await fetch(`/api/agents/${encodeURIComponent(id)}?expectedTeamRevision=${policy.teamPolicy.revision}`, { method: "DELETE" });
+		const response = await fetch(`/api/agents/${encodeURIComponent(id)}?expectedTeamRevision=${policy.teamPolicy.revision}`, { method: "DELETE" });
+		if (!response.ok && response.status !== 204) {
+			const body = await response.json().catch(() => null);
+			throw new Error(body?.error ?? `Could not delete agent (${response.status})`);
+		}
 		await router.invalidate();
 	}
 	return /* @__PURE__ */ jsxs(PageShell, {
@@ -49,14 +67,19 @@ function AgentsPage() {
 				modelGroups,
 				onSpawned: router.invalidate
 			}),
+			actionError && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "err",
+				children: actionError
+			}),
 			/* @__PURE__ */ jsx(SectionCard, {
 				title: showAll ? "All agents" : "Current agents",
 				description: showAll ? "Active and archived agents are shown together." : "Archived agents stay hidden until you choose to show them.",
 				children: agents.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
 					title: showAll ? "No agents yet" : "No current agents",
 					description: "Spawn an agent above to give a team its first working member."
-				}) : /* @__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-[760px]",
 						children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
@@ -96,7 +119,10 @@ function AgentsPage() {
 								className: "flex justify-end gap-1.5",
 								children: [a.status !== "archived" ? /* @__PURE__ */ jsx(Button, {
 									variant: "ghost",
-									onClick: () => archive(a.id),
+									onClick: () => setPendingAction({
+										kind: "archive",
+										agent: a
+									}),
 									children: "Archive"
 								}) : /* @__PURE__ */ jsx(Button, {
 									variant: "ghost",
@@ -104,13 +130,108 @@ function AgentsPage() {
 									children: "Restore"
 								}), /* @__PURE__ */ jsx(Button, {
 									variant: "danger",
-									onClick: () => del(a.id),
+									onClick: () => setPendingAction({
+										kind: "delete",
+										agent: a
+									}),
 									children: "Delete"
 								})]
 							}) })
 						] }, a.id)) })]
 					})
-				})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "grid gap-3 md:hidden",
+					children: agents.map((agent) => /* @__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 gap-3",
+								children: [
+									/* @__PURE__ */ jsx(AgentAvatar, {
+										identity: agent.identity,
+										size: 36
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "min-w-0 flex-1",
+										children: [/* @__PURE__ */ jsx("a", {
+											href: `/agents/${agent.id}`,
+											className: "block truncate font-semibold text-foreground",
+											children: agent.name
+										}), /* @__PURE__ */ jsx("p", {
+											className: "mt-0.5 truncate text-xs text-muted-foreground",
+											children: agent.identity?.creature || agent.identity?.vibe ? [agent.identity?.creature, agent.identity?.vibe].filter(Boolean).join(" · ") : `Agent template: ${agent.profileId}`
+										})]
+									}),
+									/* @__PURE__ */ jsx(StatusBadge, {
+										variant: agent.status === "archived" ? "warning" : "success",
+										children: agent.status
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("dl", {
+								className: "mt-3 grid grid-cols-2 gap-2 text-xs",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "min-w-0 rounded-lg bg-muted p-2",
+									children: [/* @__PURE__ */ jsx("dt", {
+										className: "font-semibold text-muted-foreground",
+										children: "ID"
+									}), /* @__PURE__ */ jsxs("dd", {
+										className: "mt-0.5 truncate font-mono",
+										title: agent.id,
+										children: [agent.id.slice(0, 12), "…"]
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "min-w-0 rounded-lg bg-muted p-2",
+									children: [/* @__PURE__ */ jsx("dt", {
+										className: "font-semibold text-muted-foreground",
+										children: "Agent template"
+									}), /* @__PURE__ */ jsx("dd", {
+										className: "mt-0.5 truncate font-mono",
+										title: agent.profileId,
+										children: agent.profileId
+									})]
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "mt-3 flex flex-wrap gap-2",
+								children: [agent.status === "archived" ? /* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									onClick: () => void unarchive(agent.id),
+									children: "Restore"
+								}) : /* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									onClick: () => setPendingAction({
+										kind: "archive",
+										agent
+									}),
+									children: "Archive"
+								}), /* @__PURE__ */ jsx(Button, {
+									variant: "danger",
+									onClick: () => setPendingAction({
+										kind: "delete",
+										agent
+									}),
+									children: "Delete"
+								})]
+							})
+						]
+					}, agent.id))
+				})] })
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: pendingAction !== null,
+				onOpenChange: (open) => {
+					if (!open) setPendingAction(null);
+				},
+				title: pendingAction?.kind === "delete" ? `Delete ${pendingAction.agent.name} permanently?` : `Archive ${pendingAction?.agent.name ?? "agent"}?`,
+				description: pendingAction?.kind === "delete" ? /* @__PURE__ */ jsx("p", { children: "This permanently removes the Agent, its messages, triggers, skill attachments, sessions, and private on-disk directory. This cannot be undone." }) : /* @__PURE__ */ jsx("p", { children: "The Agent will stop appearing in current lists and cannot receive normal work. You can restore it later from “Show archived”." }),
+				confirmLabel: pendingAction?.kind === "delete" ? "Delete permanently" : "Archive agent",
+				confirmVariant: pendingAction?.kind === "delete" ? "danger" : "primary",
+				onConfirm: async () => {
+					if (!pendingAction) return;
+					if (pendingAction.kind === "delete") await del(pendingAction.agent.id);
+					else await archive(pendingAction.agent.id);
+				}
 			})
 		]
 	});
@@ -169,6 +290,7 @@ function SpawnForm({ profiles, teams, modelGroups, onSpawned }) {
 			onSubmit: submit,
 			children: [
 				err && /* @__PURE__ */ jsx("div", {
+					role: "alert",
 					className: "err",
 					children: err
 				}),

package/dist/web/server/assets/{agents-DZuFEj0D.js → agents-DfNKc_Q7.js}

@@ -1,9 +1,11 @@
-import { t as Route } from "./agents-BvttypqB.js";
-import { n as PageHeader, r as PageShell } from "./Page-LENulSXY.js";
+import { t as Route } from "./agents-CJk4pxKu.js";
+import { n as PageHeader, r as PageShell } 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 UnsavedChangesGuard } from "./UnsavedChangesGuard-CiStXyBI.js";
 import { t as DEFAULT_PROFILE_COMMUNICATION } from "./team-policy-vPG01onj.js";
 import { t as ProfileCommunicationEditor } from "./ProfileCommunicationEditor-C2RU-2QB.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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -11,13 +13,13 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ProfilesPage() {
 	const { profiles, modelGroups, skills, templates } = Route.useLoaderData();
 	const router = useRouter();
+	const [deleteTarget, setDeleteTarget] = useState(null);
+	const [deleteError, setDeleteError] = useState(null);
 	async function del(id) {
-		if (!confirm("delete profile and all its files?")) return;
-		const res = await fetch(`/api/profiles/${id}`, { method: "DELETE" });
+		const res = await fetch(`/api/profiles/${encodeURIComponent(id)}`, { method: "DELETE" });
 		if (!res.ok && res.status !== 204) {
 			const body = await res.json().catch(() => null);
-			alert(body?.error ?? res.statusText);
-			return;
+			throw new Error(body?.error ?? res.statusText);
 		}
 		await router.invalidate();
 	}
@@ -29,6 +31,11 @@ function ProfilesPage() {
 				title: "Agent templates",
 				description: "Define reusable identity, model, skills, and communication defaults for newly spawned agents."
 			}),
+			deleteError && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "err",
+				children: deleteError
+			}),
 			/* @__PURE__ */ jsx(TemplatesTabs, {}),
 			/* @__PURE__ */ jsx(CreateProfileForm, {
 				modelGroups,
@@ -65,7 +72,10 @@ function ProfilesPage() {
 						}),
 						/* @__PURE__ */ jsx("td", { children: p.agentCount === 0 ? /* @__PURE__ */ jsx(Button, {
 							variant: "danger",
-							onClick: () => del(p.id),
+							onClick: () => {
+								setDeleteError(null);
+								setDeleteTarget(p);
+							},
 							children: "delete"
 						}) : /* @__PURE__ */ jsx("span", {
 							className: "muted",
@@ -74,6 +84,31 @@ function ProfilesPage() {
 						}) })
 					] }, p.id);
 				})] })] })
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: deleteTarget !== null,
+				title: `Delete Agent template ${deleteTarget?.name ?? ""}?`,
+				description: /* @__PURE__ */ jsxs("p", { children: [
+					"This permanently deletes ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: deleteTarget?.id
+					}),
+					" and all of its template files. It cannot be restored. Existing Agents keep their own copies."
+				] }),
+				confirmLabel: "delete Agent template",
+				onConfirm: async () => {
+					if (!deleteTarget) return;
+					try {
+						await del(deleteTarget.id);
+					} catch (err) {
+						setDeleteError(err instanceof Error ? err.message : String(err));
+						throw err;
+					}
+				},
+				onOpenChange: (open) => {
+					if (!open) setDeleteTarget(null);
+				}
 			})
 		]
 	});
@@ -100,6 +135,7 @@ function CreateProfileForm({ modelGroups, skills, templates, onCreated }) {
 	const [picked, setPicked] = useState(/* @__PURE__ */ new Set());
 	const [error, setError] = useState(null);
 	const [submitting, setSubmitting] = useState(false);
+	const dirty = id.length > 0 || name.length > 0 || model.length > 0 || soul !== templates.soul || identity !== templates.identity || bootstrap !== templates.bootstrap || !enableBootstrap || agentsTpl !== templates.agents || !enableAgents || toolsTpl !== templates.tools || !enableTools || skillsMode !== "all" || picked.size > 0 || JSON.stringify(communication) !== JSON.stringify(DEFAULT_PROFILE_COMMUNICATION);
 	function togglePicked(name) {
 		setPicked((prev) => {
 			const next = new Set(prev);
@@ -146,6 +182,9 @@ function CreateProfileForm({ modelGroups, skills, templates, onCreated }) {
 			setId("");
 			setName("");
 			setModel("");
+			setSoul(templates.soul);
+			setIdentity(templates.identity);
+			setBootstrap(templates.bootstrap);
 			setEnableBootstrap(true);
 			setAgentsTpl(templates.agents);
 			setEnableAgents(true);
@@ -166,8 +205,13 @@ function CreateProfileForm({ modelGroups, skills, templates, onCreated }) {
 		className: "card",
 		onSubmit: submit,
 		children: [
+			/* @__PURE__ */ jsx(UnsavedChangesGuard, {
+				when: dirty && !submitting,
+				subject: "Agent template draft"
+			}),
 			/* @__PURE__ */ jsx("h3", { children: "create agent template" }),
 			error && /* @__PURE__ */ jsx("div", {
+				role: "alert",
 				className: "err",
 				children: error
 			}),

package/dist/web/server/assets/{agents-BPKOshR5.js → agents-DjyQk94u.js}

@@ -1,13 +1,13 @@
-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/agents/index.tsx?tss-serverfn-split
 var fetchAgents_createServerFn_handler = createServerRpc({
 	id: "f715bab0037380aa3db7e237e7cf1e74168c363f48a960bb1ddfa5560de3a74e",
 	name: "fetchAgents",
 	filename: "src/routes/agents/index.tsx"
 }, (opts) => fetchAgents.__executeServer(opts));
-var fetchAgents = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(fetchAgents_createServerFn_handler, async ({ data }) => {
+var fetchAgents = createServerFn({ method: "POST" }).validator((d) => d).handler(fetchAgents_createServerFn_handler, async ({ data }) => {
 	const c = daemonClient();
 	const [agents, profiles, teams, models] = await Promise.all([
 		c.get(`/api/agents?includeArchived=${data.all}`),

package/dist/web/server/assets/{approvals-CWcFHlor.js → approvals-7JOoBchn.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/approvals/index.tsx
 var $$splitErrorComponentImporter = () => import("./approvals-CbFXFvG8.js");
-var $$splitComponentImporter = () => import("./approvals-DCaVw1Mz.js");
+var $$splitComponentImporter = () => import("./approvals-Bz123liE.js");
 var loadApprovals = createServerFn({ method: "GET" }).handler(createSsrRpc("816fcbc7b3c7f2952660d3a2c8f49bb0c91084627a284c185b333b1d418fadf8"));
 var Route = createFileRoute("/approvals/")({
 	loader: () => loadApprovals(),

package/dist/web/server/assets/{approvals-BGU-XGIO.js → approvals-BYi84gwl.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/approvals/index.tsx?tss-serverfn-split
 var loadApprovals_createServerFn_handler = createServerRpc({
 	id: "816fcbc7b3c7f2952660d3a2c8f49bb0c91084627a284c185b333b1d418fadf8",

package/dist/web/server/assets/{approvals-DCaVw1Mz.js → approvals-Bz123liE.js}

@@ -1,8 +1,8 @@
-import { t as Route } from "./approvals-CWcFHlor.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 "./approvals-7JOoBchn.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 { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/routes/approvals/index.tsx?tsr-split=component
 function ApprovalQueue() {
 	const [approvals, setApprovals] = useState(Route.useLoaderData().approvals);
@@ -17,9 +17,13 @@ function ApprovalQueue() {
 		setApprovals((await response.json()).approvals);
 	};
 	const inspect = async (id) => {
-		const response = await fetch(`/api/approvals/${encodeURIComponent(id)}`);
-		if (!response.ok) throw new Error(`Could not load approval (${response.status})`);
-		setSelected(await response.json());
+		try {
+			const response = await fetch(`/api/approvals/${encodeURIComponent(id)}`);
+			if (!response.ok) throw new Error(`Could not load approval (${response.status})`);
+			setSelected(await response.json());
+		} catch (error) {
+			setNotice(error instanceof Error ? error.message : String(error));
+		}
 	};
 	const decide = async (action) => {
 		if (!selected) return;
@@ -97,27 +101,21 @@ function ApprovalQueue() {
 				children: visible.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
 					title: "No matching approvals",
 					description: "Try another status filter or return when a protected attempt needs review."
-				}) : /* @__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: "m-0 min-w-[680px]",
 						children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
 							/* @__PURE__ */ jsx("th", { children: "Status" }),
 							/* @__PURE__ */ jsx("th", { children: "Path" }),
 							/* @__PURE__ */ jsx("th", { children: "Origin" }),
-							/* @__PURE__ */ jsx("th", { children: "Expires" })
+							/* @__PURE__ */ jsx("th", { children: "Expires" }),
+							/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "Action"
+							}) })
 						] }) }), /* @__PURE__ */ jsx("tbody", { children: visible.map((item) => /* @__PURE__ */ jsxs("tr", {
-							tabIndex: 0,
-							role: "button",
-							"aria-label": `Inspect ${item.attemptKind} approval`,
-							"aria-current": selected?.id === item.id ? "true" : void 0,
 							onClick: () => void inspect(item.id),
-							onKeyDown: (event) => {
-								if (event.key === "Enter" || event.key === " ") {
-									event.preventDefault();
-									inspect(item.id);
-								}
-							},
 							className: `cursor-pointer ${selected?.id === item.id ? "bg-accent/60" : ""}`,
 							children: [
 								/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Status, { value: item.status }) }),
@@ -136,11 +134,51 @@ function ApprovalQueue() {
 										dateTime: new Date(item.expiresAt).toISOString(),
 										children: formatTimestamp(item.expiresAt)
 									})
-								})
+								}),
+								/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									"aria-pressed": selected?.id === item.id,
+									onClick: (event) => {
+										event.stopPropagation();
+										inspect(item.id);
+									},
+									children: "Inspect"
+								}) })
 							]
 						}, item.id)) })]
 					})
-				})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "grid gap-3 md:hidden",
+					children: visible.map((item) => /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						"aria-label": `Inspect ${item.attemptKind} approval`,
+						"aria-pressed": selected?.id === item.id,
+						onClick: () => void inspect(item.id),
+						className: `unstyled min-w-0 rounded-xl border p-4 text-left ${selected?.id === item.id ? "border-primary/40 bg-accent/60" : "border-border bg-muted/20"}`,
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-wrap items-center justify-between gap-2",
+								children: [/* @__PURE__ */ jsx(Status, { value: item.status }), /* @__PURE__ */ jsx("time", {
+									dateTime: new Date(item.expiresAt).toISOString(),
+									className: "text-xs text-muted-foreground",
+									children: formatTimestamp(item.expiresAt)
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "mt-3 break-words text-sm font-semibold text-foreground",
+								children: [
+									endpoint(item.source),
+									" → ",
+									endpoint(item.target)
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "mt-1 text-xs text-muted-foreground",
+								children: ["Origin: ", item.origin]
+							})
+						]
+					}, item.id))
+				})] })
 			}), /* @__PURE__ */ jsx("aside", {
 				className: "min-w-0",
 				"aria-label": "Approval details",

package/dist/web/server/assets/{attention-BxkTf337.js → attention-B35JvhOL.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/attention/index.tsx
 var $$splitErrorComponentImporter = () => import("./attention-BW_6ddkj.js");
-var $$splitComponentImporter = () => import("./attention-w21GQIGH.js");
+var $$splitComponentImporter = () => import("./attention-C1pPWSXw.js");
 var loadAttention = createServerFn({ method: "GET" }).handler(createSsrRpc("883b401299422096ee31ee824f9a24b49d06bdcedce398789778c4c549a92f3a"));
 var Route = createFileRoute("/attention/")({
 	loader: () => loadAttention(),

package/dist/web/server/assets/{attention-w21GQIGH.js → attention-C1pPWSXw.js}

@@ -1,5 +1,5 @@
-import { t as Route } from "./attention-BxkTf337.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 "./attention-B35JvhOL.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 { useMemo, useState } from "react";
 import { Link } from "@tanstack/react-router";
@@ -92,7 +92,7 @@ function AttentionCenter() {
 			}),
 			(degraded.length > 0 || summary.degraded.length > 0) && /* @__PURE__ */ jsxs("div", {
 				role: "alert",
-				className: "mb-5 rounded-lg border border-coral/40 bg-coral/10 p-4 text-sm",
+				className: "mb-5 rounded-lg border border-danger/40 bg-danger/10 p-4 text-sm",
 				children: [
 					/* @__PURE__ */ jsx("strong", { children: "Partial results." }),
 					" ",

package/dist/web/server/assets/{attention-CM-Ks1N9.js → attention-UhqPK_Ro.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/attention/index.tsx?tss-serverfn-split
 var loadAttention_createServerFn_handler = createServerRpc({
 	id: "883b401299422096ee31ee824f9a24b49d06bdcedce398789778c4c549a92f3a",

package/dist/web/server/assets/{auth-byfSx6Ja.js → auth-7BHTH-KS.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, r as ApiClientError } from "./daemon-client-2NRMzlTr.js";
+import { 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";
 //#region src/lib/auth.ts?tss-serverfn-split
 var fetchAuthState_createServerFn_handler = createServerRpc({
 	id: "a5d3825fc69573bb55bab6df578c750ebb0240dd394c3acee3adea02918a5dc2",
@@ -9,9 +9,9 @@ var fetchAuthState_createServerFn_handler = createServerRpc({
 }, (opts) => fetchAuthState.__executeServer(opts));
 var fetchAuthState = createServerFn({ method: "GET" }).handler(fetchAuthState_createServerFn_handler, async () => {
 	try {
-		const res = await daemonClient().get("/api/auth/me");
+		const res = await daemonClient().get("/api/auth/whoami");
 		return {
-			authed: res.authed,
+			authed: res.authenticated,
 			setupComplete: res.setupComplete
 		};
 	} catch (err) {