bazilion 0.8.0 → 0.10.0

package/dist/web/server/assets/TeamTabs-zZzbP1t_.js

@@ -0,0 +1,51 @@
+import { n as sectionTabClass, t as SECTION_TABS_CLASS } from "./SectionTabs-BJTPr5nU.js";
+import { Link, useRouterState } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/TeamTabs.tsx
+var TABS = [
+	{
+		suffix: "",
+		label: "Overview",
+		exact: true
+	},
+	{
+		suffix: "/members",
+		label: "Members"
+	},
+	{
+		suffix: "/policy",
+		label: "Policy"
+	},
+	{
+		suffix: "/memory",
+		label: "Memory"
+	},
+	{
+		suffix: "/context",
+		label: "Context"
+	},
+	{
+		suffix: "/activity",
+		label: "Activity"
+	}
+];
+function TeamTabs({ teamId }) {
+	const pathname = useRouterState({ select: (state) => state.location.pathname });
+	const base = `/teams/${encodeURIComponent(teamId)}`;
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Team sections",
+		className: SECTION_TABS_CLASS,
+		children: TABS.map((tab) => {
+			const href = `${base}${tab.suffix}`;
+			const active = "exact" in tab && tab.exact ? pathname === base || pathname === `${base}/` : pathname.startsWith(href);
+			return /* @__PURE__ */ jsx(Link, {
+				to: href,
+				"aria-current": active ? "page" : void 0,
+				className: sectionTabClass(active),
+				children: tab.label
+			}, tab.label);
+		})
+	});
+}
+//#endregion
+export { TeamTabs as t };

package/dist/web/server/assets/{TemplatesTabs---7h5GYa.js → TemplatesTabs-CcRxZhJe.js}

@@ -1,3 +1,4 @@
+import { n as sectionTabClass, t as SECTION_TABS_CLASS } from "./SectionTabs-BJTPr5nU.js";
 import { Link, useRouterState } from "@tanstack/react-router";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/TemplatesTabs.tsx
@@ -5,22 +6,22 @@ function TemplatesTabs() {
 	const pathname = useRouterState({ select: (s) => s.location.pathname });
 	return /* @__PURE__ */ jsx("nav", {
 		role: "tablist",
-		className: "-mb-px mb-5 flex gap-1 border-b border-frost",
+		className: SECTION_TABS_CLASS,
 		children: [{
-			to: "/profiles",
-			label: "profiles",
-			match: (p) => p.startsWith("/profiles")
+			to: "/templates/agents",
+			label: "Agent templates",
+			match: (p) => p.startsWith("/templates/agents")
 		}, {
-			to: "/profile-groups",
-			label: "profile groups",
-			match: (p) => p.startsWith("/profile-groups")
+			to: "/templates/teams",
+			label: "Team templates",
+			match: (p) => p.startsWith("/templates/teams")
 		}].map((t) => {
 			const active = t.match(pathname);
 			return /* @__PURE__ */ jsx(Link, {
 				to: t.to,
 				role: "tab",
 				"aria-selected": active,
-				className: `unstyled cursor-pointer border-b-2 bg-transparent px-4 py-2 text-[0.9em] font-medium transition-colors ${active ? "border-sapphire text-sapphire" : "border-transparent text-mocha hover:text-sapphire"}`,
+				className: sectionTabClass(active),
 				children: t.label
 			}, t.to);
 		})

package/dist/web/server/assets/_id-A8Xiv6Lc.js

@@ -0,0 +1,11 @@
+import { t as RecoveryState } from "./RecoveryState-B2SG-mrY.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/routes/templates/teams/$id/index.tsx?tsr-split=errorComponent
+var SplitErrorComponent = ({ error, reset }) => /* @__PURE__ */ jsx(RecoveryState, {
+	title: "Team template unavailable",
+	error,
+	reset,
+	fallbackHref: "/templates/teams"
+});
+//#endregion
+export { SplitErrorComponent as errorComponent };

package/dist/web/server/assets/{_id-Sjw0zhA6.js → _id-BhOB8Umi.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, r as ApiClientError } from "./daemon-client-2NRMzlTr.js";
 //#region src/routes/agents/$id/index.tsx?tss-serverfn-split
 var fetchAgent_createServerFn_handler = createServerRpc({
@@ -16,10 +16,10 @@ var fetchAgent = createServerFn({ method: "POST" }).inputValidator((d) => d).han
 		if (err instanceof ApiClientError && err.status === 404) return null;
 		throw err;
 	}
-	const [msgs, head, groups, skills, models, telegramConfig] = await Promise.all([
+	const [msgs, head, teams, skills, models, telegramConfig] = await Promise.all([
 		c.get(`/api/agents/${encodeURIComponent(resolved.agent.id)}/sessions/messages`),
 		c.get(`/api/agents/${encodeURIComponent(resolved.agent.id)}/sessions/head`),
-		c.get("/api/groups"),
+		c.get("/api/teams"),
 		c.get("/api/skills"),
 		c.get("/api/config/available-models"),
 		c.get("/api/config/telegram").catch(() => ({ configured: false }))
@@ -28,9 +28,9 @@ var fetchAgent = createServerFn({ method: "POST" }).inputValidator((d) => d).han
 		resolved,
 		initialMessages: msgs.messages,
 		sessionHead: head,
-		groups,
+		teams,
 		skills,
-		modelGroups: models.groups,
+		modelGroups: models.teams,
 		telegramConfigured: telegramConfig.configured
 	};
 });

package/dist/web/server/assets/{_id-DDixKEud.js → _id-C3HY4lWg.js}

@@ -1,19 +1,24 @@
-import { t as Route } from "./_id-BqnDy_Ca.js";
+import { t as Route } from "./_id-CwyGjJeP.js";
+import { r as PageShell } from "./Page-LENulSXY.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 { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/routes/profiles/$id.tsx?tsr-split=component
+//#region src/routes/templates/agents/$id/index.tsx?tsr-split=component
 function ProfileDetailPage() {
 	const { loaded, modelGroups, skills } = Route.useLoaderData();
 	const [tab, setTab] = useState("basics");
-	return /* @__PURE__ */ jsxs("div", { children: [
+	return /* @__PURE__ */ jsxs(PageShell, { children: [
+		/* @__PURE__ */ jsx(TemplatesTabs, {}),
 		/* @__PURE__ */ jsxs("header", {
 			className: "mb-1",
 			children: [
 				/* @__PURE__ */ jsx("a", {
-					href: "/profiles",
+					href: "/templates/agents",
 					className: "mb-1 inline-block text-[0.85em] text-mocha-light hover:text-sapphire",
-					children: "← profiles"
+					children: "← agent templates"
 				}),
 				/* @__PURE__ */ jsx("h1", { children: loaded.profile.name }),
 				/* @__PURE__ */ jsxs("div", {
@@ -29,20 +34,27 @@ function ProfileDetailPage() {
 		/* @__PURE__ */ jsxs("p", {
 			className: "muted my-6",
 			children: [
-				"These settings and files seed every agent spawned from this profile going forward.",
+				"These settings and files seed every agent spawned from this Agent template going forward.",
 				" ",
 				/* @__PURE__ */ jsx("strong", { children: "Existing agents keep their own copies" }),
 				" — edits here don't propagate to already-spawned agents."
 			]
 		}),
 		/* @__PURE__ */ jsx(Tabs, {
-			items: [{
-				id: "basics",
-				label: "1. basics"
-			}, {
-				id: "skills",
-				label: "2. skills"
-			}],
+			items: [
+				{
+					id: "basics",
+					label: "1. basics"
+				},
+				{
+					id: "skills",
+					label: "2. skills"
+				},
+				{
+					id: "communication",
+					label: "3. communication"
+				}
+			],
 			active: tab,
 			onChange: (t) => setTab(t)
 		}),
@@ -91,12 +103,6 @@ function ProfileDetailPage() {
 				file: "TOOLS.md",
 				initialContent: loaded.files.tools,
 				hint: "Tool playbook. Agent-specific usage notes that go beyond the generic tool descriptions."
-			}),
-			/* @__PURE__ */ jsx(OptionalFileCard, {
-				profileId: loaded.profile.id,
-				file: "HEARTBEAT.md",
-				initialContent: loaded.files.heartbeat,
-				hint: "Tasks the agent should check on scheduled wake-ups. Pair with a trigger whose message is the canned heartbeat prompt."
 			})
 		] }),
 		tab === "skills" && /* @__PURE__ */ jsx(SkillsCard, {
@@ -104,9 +110,60 @@ function ProfileDetailPage() {
 			initialMode: loaded.profile.skillsMode,
 			initialPicked: new Set(loaded.defaultSkills),
 			skills
+		}),
+		tab === "communication" && /* @__PURE__ */ jsx(ProfileCommunicationCard, {
+			profileId: loaded.profile.id,
+			initial: loaded.profile.communicationDefaults ?? DEFAULT_PROFILE_COMMUNICATION
 		})
 	] });
 }
+function ProfileCommunicationCard({ profileId, initial }) {
+	const [value, setValue] = useState(initial);
+	const [savedAt, setSavedAt] = useState(null);
+	const dirty = JSON.stringify(value) !== JSON.stringify(initial);
+	const save = async () => {
+		const response = await fetch(`/api/profiles/${encodeURIComponent(profileId)}`, {
+			method: "PATCH",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({ communicationDefaults: value })
+		});
+		if (!response.ok) throw new Error((await response.json().catch(() => null))?.error ?? response.statusText);
+		setSavedAt(Date.now());
+	};
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-md border border-frost bg-snow p-5 shadow-baziu-sm",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-2 flex flex-wrap items-center gap-2",
+				children: /* @__PURE__ */ jsx("h3", {
+					className: "m-0 font-body text-[0.95rem] font-semibold normal-case text-chocolate",
+					children: "Communication defaults"
+				})
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "muted mb-4",
+				children: "Materialized into new Team and Team policy snapshots after preset resolution. Existing snapshots never inherit later changes. Stored by the daemon."
+			}),
+			/* @__PURE__ */ jsx(ProfileCommunicationEditor, {
+				value,
+				onChange: setValue
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-4 flex items-center gap-3",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "btn-primary",
+					disabled: !dirty,
+					onClick: save,
+					children: "save communication defaults"
+				}), savedAt && /* @__PURE__ */ jsx("span", {
+					className: "text-xs text-sapphire",
+					children: "saved to daemon"
+				})]
+			})
+		]
+	});
+}
 function Tabs({ items, active, onChange }) {
 	return /* @__PURE__ */ jsx("nav", {
 		role: "tablist",
@@ -123,7 +180,7 @@ function Tabs({ items, active, onChange }) {
 }
 function statusColor(kind) {
 	if (kind === "saved") return "text-sapphire";
-	if (kind === "error") return "text-[#9B3D3D]";
+	if (kind === "error") return "text-danger";
 	if (kind === "dirty") return "text-mocha";
 	return "text-mocha-light";
 }

package/dist/web/server/assets/{_id-BdRiQb2H.js → _id-ClN9hY2x.js}

@@ -1,11 +1,13 @@
-import { t as Route } from "./_id-DUIrFV3G.js";
-import { t as AgentTabs } from "./AgentTabs-BOjTN7QF.js";
+import { t as Route } from "./_id-DkYodSkG.js";
+import { r as PageShell } from "./Page-LENulSXY.js";
+import { t as AgentTabs } from "./AgentTabs-DoMDJBXH.js";
 import { t as AgentAvatar } from "./AgentAvatar-8gTAy_tP.js";
-import { t as ChatPane } from "./ChatPane-BvpswYvF.js";
-import { r as REASONING_LEVELS } from "./wire-constants-Deb4NxBb.js";
+import { t as ChatPane } from "./ChatPane-eUY_dga3.js";
+import { r as REASONING_LEVELS } from "./wire-constants-C8nBJcU3.js";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
 //#region src/components/CopyButton.tsx
 function CopyButton({ value, className, ariaLabel = "Copy to clipboard", title = "Copy to clipboard" }) {
 	const [copied, setCopied] = useState(false);
@@ -48,7 +50,8 @@ function CopyButton({ value, className, ariaLabel = "Copy to clipboard", title =
 //#endregion
 //#region src/routes/agents/$id/index.tsx?tsr-split=component
 function AgentDetailPage() {
-	const { resolved, initialMessages, sessionHead, groups, skills, modelGroups, telegramConfigured } = Route.useLoaderData();
+	const { resolved, initialMessages, sessionHead, teams, skills, modelGroups, telegramConfigured } = Route.useLoaderData();
+	const search = Route.useSearch();
 	const router = useRouter();
 	async function archive() {
 		if (!confirm(`archive "${resolved.agent.name}"? (reversible)`)) return;
@@ -62,14 +65,31 @@ function AgentDetailPage() {
 	async function del() {
 		const msg = `Permanently delete agent "${resolved.agent.name}"?\n\nThis removes the DB rows (messages, triggers, skill attachments) AND the agent's on-disk directory (memory, templates, state, sessions). This cannot be undone.`;
 		if (!confirm(msg)) return;
-		const res = await fetch(`/api/agents/${resolved.agent.id}`, { method: "DELETE" });
+		const policyResponse = await fetch(`/api/teams/${encodeURIComponent(resolved.team.id)}/policy`);
+		if (!policyResponse.ok) {
+			alert("The current Team policy is unavailable. Nothing was deleted.");
+			return;
+		}
+		const current = await policyResponse.json();
+		const res = await fetch(`/api/agents/${resolved.agent.id}?expectedTeamRevision=${current.teamPolicy.revision}`, { method: "DELETE" });
 		if (res.ok || res.status === 204) window.location.assign("/agents");
 		else alert(`failed: ${res.statusText}`);
 	}
-	return /* @__PURE__ */ jsxs("div", { children: [
+	return /* @__PURE__ */ jsxs(PageShell, { children: [
 		/* @__PURE__ */ jsxs("header", {
 			className: "mb-8",
 			children: [
+				search.teamPolicy && /* @__PURE__ */ jsxs("div", {
+					className: "mb-4 flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ jsxs("a", {
+						href: `/teams/${encodeURIComponent(search.teamPolicy)}/policy?view=${search.view ?? "flow"}&selected=${encodeURIComponent(search.selected ?? "")}&vx=${search.vx ?? 0}&vy=${search.vy ?? 0}&vz=${search.vz ?? .9}`,
+						className: "ghost-btn",
+						children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), " back to Team policy"]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "text-xs text-mocha-light",
+						children: "Returns to the same projection, viewport, and selection."
+					})]
+				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ jsx(AgentAvatar, {
@@ -103,18 +123,18 @@ function AgentDetailPage() {
 							children: resolved.profile.id
 						})] }),
 						/* @__PURE__ */ jsxs(Tag, { children: [
-							"group:",
+							"team:",
 							" ",
 							/* @__PURE__ */ jsx("a", {
-								href: `/groups/${encodeURIComponent(resolved.group.id)}`,
+								href: `/teams/${encodeURIComponent(resolved.team.id)}`,
 								className: "ml-1 bg-transparent px-0 font-mono underline",
-								children: resolved.group.id
+								children: resolved.team.id
 							}),
 							" ",
 							"·",
 							" ",
 							/* @__PURE__ */ jsx("a", {
-								href: `/groups/${encodeURIComponent(resolved.group.id)}/memory`,
+								href: `/teams/${encodeURIComponent(resolved.team.id)}/memory`,
 								className: "ml-0.5 underline",
 								children: "shared memory →"
 							})
@@ -148,7 +168,7 @@ function AgentDetailPage() {
 					}), /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: del,
-						className: "ghost-btn border-[rgba(196,135,138,0.4)] text-[#9B3D3D] hover:bg-[rgba(196,135,138,0.08)]",
+						className: "ghost-btn border-[rgba(196,135,138,0.4)] text-danger hover:bg-[rgba(196,135,138,0.08)]",
 						children: "delete permanently"
 					})]
 				}),
@@ -165,7 +185,7 @@ function AgentDetailPage() {
 			className: "mb-4 rounded-md border border-frost bg-fawn/35 px-4 py-2 text-[0.9em] text-chocolate",
 			children: [
 				/* @__PURE__ */ jsx("strong", {
-					className: "text-[#7a4e2a]",
+					className: "text-warning",
 					children: "This agent is archived."
 				}),
 				" It's hidden from the default agent list; use ",
@@ -198,29 +218,29 @@ function AgentDetailPage() {
 		/* @__PURE__ */ jsxs("section", {
 			className: "mt-10",
 			children: [
-				/* @__PURE__ */ jsx(SectionTitle, { children: "Group" }),
+				/* @__PURE__ */ jsx(SectionTitle, { children: "Team" }),
 				/* @__PURE__ */ jsxs("p", {
 					className: "text-[0.9em] text-mocha-light",
 					children: [
-						"Current group: ",
-						/* @__PURE__ */ jsx("code", { children: resolved.group.id }),
+						"Current team: ",
+						/* @__PURE__ */ jsx("code", { children: resolved.team.id }),
 						" (",
-						resolved.group.name,
+						resolved.team.name,
 						") —",
 						" ",
-						/* @__PURE__ */ jsx("code", { children: resolved.group.path }),
+						/* @__PURE__ */ jsx("code", { children: resolved.team.path }),
 						".",
 						" ",
 						/* @__PURE__ */ jsx("a", {
-							href: `/groups/${resolved.group.id}`,
+							href: `/teams/${resolved.team.id}`,
 							children: "view / edit USER.md"
 						})
 					]
 				}),
 				/* @__PURE__ */ jsx(MoveGroupForm, {
 					agentId: resolved.agent.id,
-					currentGroupId: resolved.group.id,
-					groups
+					currentTeamId: resolved.team.id,
+					teams
 				})
 			]
 		}),
@@ -349,28 +369,57 @@ function SettingsDetails({ agentId, currentModelOverride, profileDefaultModel, c
 					children: "saved ✓"
 				}),
 				error && /* @__PURE__ */ jsx("span", {
-					className: "text-[0.85em] text-[#9B3D3D]",
+					className: "text-[0.85em] text-danger",
 					children: error
 				})
 			]
 		})]
 	});
 }
-function MoveGroupForm({ agentId, currentGroupId, groups }) {
+function MoveGroupForm({ agentId, currentTeamId, teams }) {
 	const router = useRouter();
-	const [groupId, setGroupId] = useState(currentGroupId);
+	const [teamId, setTeamId] = useState(currentTeamId);
 	const [moving, setMoving] = useState(false);
+	const [placement, setPlacement] = useState("profile_defaults");
 	const [err, setErr] = useState(null);
+	const [preview, setPreview] = useState(null);
 	async function move(e) {
 		e.preventDefault();
-		if (groupId === currentGroupId) return;
+		if (teamId === currentTeamId) return;
 		setMoving(true);
 		setErr(null);
 		try {
-			const res = await fetch(`/api/agents/${encodeURIComponent(agentId)}/group`, {
+			const [sourceResponse, destinationResponse] = await Promise.all([fetch(`/api/teams/${encodeURIComponent(currentTeamId)}/policy`), fetch(`/api/teams/${encodeURIComponent(teamId)}/policy`)]);
+			if (!sourceResponse.ok || !destinationResponse.ok) throw new Error("A Team policy is unavailable. Nothing was moved.");
+			const source = await sourceResponse.json();
+			const destination = await destinationResponse.json();
+			const request = {
+				teamId,
+				sourceExpectedRevision: source.teamPolicy.revision,
+				destinationExpectedRevision: destination.teamPolicy.revision,
+				placement
+			};
+			if (!preview) {
+				const response = await fetch(`/api/agents/${encodeURIComponent(agentId)}/team/preview`, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(request)
+				});
+				if (!response.ok) {
+					const body = await response.json().catch(() => null);
+					throw new Error(body?.error ?? response.statusText);
+				}
+				setPreview(await response.json());
+				return;
+			}
+			const res = await fetch(`/api/agents/${encodeURIComponent(agentId)}/team`, {
 				method: "PATCH",
 				headers: { "content-type": "application/json" },
-				body: JSON.stringify({ groupId })
+				body: JSON.stringify({
+					...request,
+					sourceExpectedRevision: preview.source.currentRevision,
+					destinationExpectedRevision: preview.destination.currentRevision
+				})
 			});
 			if (!res.ok) {
 				const body = await res.json().catch(() => null);
@@ -390,10 +439,13 @@ function MoveGroupForm({ agentId, currentGroupId, groups }) {
 			/* @__PURE__ */ jsxs("label", {
 				className: "flex flex-col gap-1 text-[0.85em] text-mocha-light",
 				children: ["move to:", /* @__PURE__ */ jsx("select", {
-					value: groupId,
-					onChange: (e) => setGroupId(e.target.value),
+					value: teamId,
+					onChange: (e) => {
+						setTeamId(e.target.value);
+						setPreview(null);
+					},
 					className: "min-w-[18rem] rounded-sm border border-frost bg-snow px-2 py-1.5",
-					children: groups.map((g) => /* @__PURE__ */ jsxs("option", {
+					children: teams.map((g) => /* @__PURE__ */ jsxs("option", {
 						value: g.id,
 						children: [
 							g.id,
@@ -403,14 +455,55 @@ function MoveGroupForm({ agentId, currentGroupId, groups }) {
 					}, g.id))
 				})]
 			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "flex flex-col gap-1 text-[0.85em] text-mocha-light",
+				children: ["destination placement:", /* @__PURE__ */ jsxs("select", {
+					value: placement,
+					onChange: (e) => {
+						setPlacement(e.target.value);
+						setPreview(null);
+					},
+					className: "rounded-sm border border-frost bg-snow px-2 py-1.5",
+					children: [/* @__PURE__ */ jsx("option", {
+						value: "profile_defaults",
+						children: "Agent-template defaults"
+					}), /* @__PURE__ */ jsx("option", {
+						value: "isolated",
+						children: "isolated"
+					})]
+				})]
+			}),
 			/* @__PURE__ */ jsx("button", {
 				type: "submit",
-				disabled: moving || groupId === currentGroupId,
-				children: moving ? "moving…" : "move"
+				disabled: moving || teamId === currentTeamId,
+				children: moving ? "working…" : preview ? "commit reviewed move" : "review move"
 			}),
 			err && /* @__PURE__ */ jsx("span", {
-				className: "text-[0.85em] text-[#9B3D3D]",
+				className: "text-[0.85em] text-danger",
 				children: err
+			}),
+			preview && /* @__PURE__ */ jsxs("div", {
+				className: "basis-full rounded-md border border-sapphire-light bg-sapphire-glow p-3 text-sm",
+				children: [/* @__PURE__ */ jsxs("p", { children: [
+					"Source revision ",
+					preview.source.currentRevision,
+					" → ",
+					/* @__PURE__ */ jsx("strong", { children: preview.source.resultingRevision }),
+					", removing ",
+					preview.source.removedEdges.length,
+					" incident edges. Destination revision ",
+					preview.destination.currentRevision,
+					" → ",
+					/* @__PURE__ */ jsx("strong", { children: preview.destination.resultingRevision }),
+					", adding ",
+					preview.destination.addedEdges.length,
+					" edges to ",
+					preview.destination.existingEdges.length,
+					" existing edges."
+				] }), /* @__PURE__ */ jsx("p", {
+					className: "mt-1 muted",
+					children: preview.lineage
+				})]
 			})
 		]
 	});
@@ -465,7 +558,7 @@ function SkillsTable({ agentId, attached, all }) {
 		children: "no skills installed"
 	});
 	return /* @__PURE__ */ jsxs(Fragment, { children: [err && /* @__PURE__ */ jsx("p", {
-		className: "mb-2 text-[0.85em] text-[#9B3D3D]",
+		className: "mb-2 text-[0.85em] text-danger",
 		children: err
 	}), /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
 		/* @__PURE__ */ jsx("th", { children: "name" }),
@@ -506,7 +599,7 @@ function SkillFindingSummary({ findings }) {
 	return /* @__PURE__ */ jsxs("details", {
 		className: "text-[0.82em]",
 		children: [/* @__PURE__ */ jsxs("summary", {
-			className: findings.some((f) => f.severity === "danger") ? "cursor-pointer text-[#9B3D3D]" : "cursor-pointer text-mocha",
+			className: findings.some((f) => f.severity === "danger") ? "cursor-pointer text-danger" : "cursor-pointer text-mocha",
 			children: [
 				findings.length,
 				" finding",
@@ -603,7 +696,7 @@ function TelegramSection({ agent }) {
 				className: "mb-3 flex items-center gap-3",
 				children: isBound ? /* @__PURE__ */ jsxs(Fragment, { children: [
 					/* @__PURE__ */ jsx("span", {
-						className: "rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-semibold text-emerald-800",
+						className: "rounded-full bg-success/10 px-2 py-0.5 text-xs font-semibold text-success",
 						children: "bound"
 					}),
 					/* @__PURE__ */ jsxs("span", {
@@ -622,11 +715,11 @@ function TelegramSection({ agent }) {
 						type: "button",
 						onClick: unbind,
 						disabled: busy,
-						className: "ghost-btn border-[rgba(196,135,138,0.4)] text-[#9B3D3D] hover:bg-[rgba(196,135,138,0.08)]",
+						className: "ghost-btn border-[rgba(196,135,138,0.4)] text-danger hover:bg-[rgba(196,135,138,0.08)]",
 						children: "unbind"
 					})
 				] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-					className: "rounded-full bg-amber-100 px-2 py-0.5 text-xs font-semibold text-amber-800",
+					className: "rounded-full bg-warning/10 px-2 py-0.5 text-xs font-semibold text-warning",
 					children: "unbound"
 				}), /* @__PURE__ */ jsx("button", {
 					type: "button",
@@ -685,7 +778,7 @@ function TelegramSection({ agent }) {
 				]
 			}),
 			error && /* @__PURE__ */ jsx("p", {
-				className: "mt-2 text-sm text-rose-700",
+				className: "mt-2 text-sm text-danger",
 				children: error
 			}),
 			/* @__PURE__ */ jsx("p", {

package/dist/web/server/assets/{_id-BqnDy_Ca.js → _id-CwyGjJeP.js}

@@ -1,13 +1,14 @@
 import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-ZBGxhl8t.js";
+import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
+import "react";
 import { createFileRoute, lazyRouteComponent, redirect } from "@tanstack/react-router";
-//#region src/routes/profiles/$id.tsx
-var $$splitComponentImporter = () => import("./_id-DDixKEud.js");
-var fetchProfile = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(createSsrRpc("280ae44073f538bf230afd3a1407fc41f9c78cd0cf71b6a06fb0cceff0872d1c"));
-var Route = createFileRoute("/profiles/$id")({
+//#region src/routes/templates/agents/$id/index.tsx
+var $$splitComponentImporter = () => import("./_id-C3HY4lWg.js");
+var fetchProfile = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(createSsrRpc("032d74b7d41c718191dbdde6b06ba44993340ce1154af1fa6723a6d4f7a7236e"));
+var Route = createFileRoute("/templates/agents/$id/")({
 	loader: async ({ params }) => {
 		const data = await fetchProfile({ data: { id: params.id } });
-		if (!data) throw redirect({ to: "/profiles" });
+		if (!data) throw redirect({ to: "/templates/agents" });
 		return data;
 	},
 	component: lazyRouteComponent($$splitComponentImporter, "component")

package/dist/web/server/assets/{_id-D8duqgd5.js → _id-D27T85mU.js}

@@ -1,11 +1,12 @@
 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, r as ApiClientError } from "./daemon-client-2NRMzlTr.js";
-//#region src/routes/profiles/$id.tsx?tss-serverfn-split
+import "react";
+//#region src/routes/templates/agents/$id/index.tsx?tss-serverfn-split
 var fetchProfile_createServerFn_handler = createServerRpc({
-	id: "280ae44073f538bf230afd3a1407fc41f9c78cd0cf71b6a06fb0cceff0872d1c",
+	id: "032d74b7d41c718191dbdde6b06ba44993340ce1154af1fa6723a6d4f7a7236e",
 	name: "fetchProfile",
-	filename: "src/routes/profiles/$id.tsx"
+	filename: "src/routes/templates/agents/$id/index.tsx"
 }, (opts) => fetchProfile.__executeServer(opts));
 var fetchProfile = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(fetchProfile_createServerFn_handler, async ({ data }) => {
 	const c = daemonClient();
@@ -19,7 +20,7 @@ var fetchProfile = createServerFn({ method: "POST" }).inputValidator((d) => d).h
 	const [models, skills] = await Promise.all([c.get("/api/config/available-models"), c.get("/api/skills")]);
 	return {
 		loaded,
-		modelGroups: models.groups,
+		modelGroups: models.teams,
 		skills
 	};
 });