bazilion 0.7.0 → 0.9.0

package/dist/web/server/assets/{Sidebar-DmEiewRN.js → Sidebar-CGmtCnYU.js}

@@ -1,10 +1,10 @@
-import "./wire-constants-Deb4NxBb.js";
-import { t as SpawnTeamModal } from "./SpawnTeamModal-dSN421k_.js";
-import { useState } from "react";
+import "./wire-constants-C8nBJcU3.js";
+import { t as Button } from "./Button-Dsnw22OF.js";
+import { useEffect, useRef, useState } from "react";
 import { Link, useNavigate, useRouter } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/CreateGroupDialog.tsx
-function CreateGroupDialog({ onClose }) {
+//#region src/components/CreateTeamDialog.tsx
+function CreateTeamDialog({ onClose }) {
 	const router = useRouter();
 	const [id, setId] = useState("");
 	const [name, setName] = useState("");
@@ -23,7 +23,7 @@ function CreateGroupDialog({ onClose }) {
 			const body = { id: id.trim() };
 			if (name.trim()) body.name = name.trim();
 			if (link.trim()) body.link = link.trim();
-			const res = await fetch("/api/groups", {
+			const res = await fetch("/api/teams", {
 				method: "POST",
 				headers: { "content-type": "application/json" },
 				body: JSON.stringify(body)
@@ -49,15 +49,15 @@ function CreateGroupDialog({ onClose }) {
 			children: [
 				/* @__PURE__ */ jsx("h3", {
 					className: "font-serif text-xl text-foreground mb-1",
-					children: "Create a new group"
+					children: "Create a new team"
 				}),
 				/* @__PURE__ */ jsxs("p", {
 					className: "text-sm text-muted-foreground mb-4",
 					children: [
-						"A group is a collaboration context — one filesystem root, one USER.md, one roster. The slot lives at ",
+						"A team is a collaboration context — one filesystem root, one USER.md, one roster. The slot lives at ",
 						/* @__PURE__ */ jsx("code", {
 							className: "font-mono",
-							children: "~/.bazilion/groups/<slug>/"
+							children: "~/.bazilion/teams/<slug>/"
 						}),
 						"."
 					]
@@ -139,20 +139,65 @@ function CreateGroupDialog({ onClose }) {
 }
 //#endregion
 //#region src/components/SpawnDialog.tsx
-function SpawnDialog({ profileId, groupHint, groups, onClose }) {
+function SpawnDialog({ profileId, teamHint, teams, onClose }) {
 	const navigate = useNavigate();
 	const [name, setName] = useState("");
-	const [groupId, setGroupId] = useState(groupHint ?? "default");
+	const [teamId, setTeamId] = useState(teamHint ?? teams.find((team) => team.id === "default")?.id ?? teams[0]?.id ?? "");
+	const [placement, setPlacement] = useState("profile_defaults");
 	const [busy, setBusy] = useState(false);
 	const [err, setErr] = useState(null);
+	const [preview, setPreview] = useState(null);
+	async function requestBody() {
+		const policy = await fetch(`/api/teams/${encodeURIComponent(teamId)}/policy`);
+		if (!policy.ok) throw new Error("The selected Team policy is unavailable. Reload and try again.");
+		const current = await policy.json();
+		return {
+			current,
+			body: {
+				profileId,
+				teamId,
+				teamExpectedRevision: current.teamPolicy.revision,
+				placement
+			}
+		};
+	}
+	async function review() {
+		setErr(null);
+		setBusy(true);
+		try {
+			const { body } = await requestBody();
+			const response = await fetch("/api/agents/placement-preview", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body)
+			});
+			if (!response.ok) {
+				const value = await response.json().catch(() => null);
+				throw new Error(value?.error ?? `Preview failed (${response.status})`);
+			}
+			setPreview(await response.json());
+		} catch (cause) {
+			setErr(cause.message);
+		} finally {
+			setBusy(false);
+		}
+	}
 	async function submit(e) {
 		e.preventDefault();
 		setErr(null);
 		setBusy(true);
 		try {
-			const body = { profile: profileId };
+			if (!preview) {
+				await review();
+				return;
+			}
+			const body = {
+				profile: profileId,
+				teamExpectedRevision: preview.currentRevision,
+				placement
+			};
 			if (name.trim()) body.name = name.trim();
-			if (groupId) body.groupId = groupId;
+			if (teamId) body.teamId = teamId;
 			const res = await fetch("/api/agents", {
 				method: "POST",
 				headers: { "content-type": "application/json" },
@@ -162,7 +207,7 @@ function SpawnDialog({ profileId, groupHint, groups, onClose }) {
 				const e = await res.json().catch(() => ({}));
 				throw new Error(e.error ?? `${res.status} ${res.statusText}`);
 			}
-			const created = await res.json();
+			const created = (await res.json()).agent;
 			onClose();
 			await navigate({
 				to: "/",
@@ -176,11 +221,15 @@ function SpawnDialog({ profileId, groupHint, groups, onClose }) {
 	return /* @__PURE__ */ jsx(Backdrop, {
 		onClose,
 		children: /* @__PURE__ */ jsxs("form", {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "spawn-agent-title",
 			onSubmit: submit,
 			className: "w-full max-w-md rounded-2xl border bg-card p-6 shadow-lg",
 			onClick: (e) => e.stopPropagation(),
 			children: [
 				/* @__PURE__ */ jsx("h3", {
+					id: "spawn-agent-title",
 					className: "font-serif text-xl text-foreground mb-1",
 					children: "Spawn a new agent"
 				}),
@@ -212,11 +261,46 @@ function SpawnDialog({ profileId, groupHint, groups, onClose }) {
 				}),
 				/* @__PURE__ */ jsxs("label", {
 					className: "block text-sm text-foreground mb-3",
-					children: ["Group", /* @__PURE__ */ jsx("select", {
-						value: groupId,
-						onChange: (e) => setGroupId(e.target.value),
+					children: [
+						"Initial policy placement",
+						/* @__PURE__ */ jsxs("select", {
+							value: placement,
+							onChange: (e) => {
+								setPlacement(e.target.value);
+								setPreview(null);
+							},
+							className: "mt-1 block w-full rounded-md border bg-background px-3 py-2",
+							children: [
+								/* @__PURE__ */ jsx("option", {
+									value: "profile_defaults",
+									children: "agent-template defaults"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "isolated",
+									children: "isolated"
+								}),
+								/* @__PURE__ */ jsx("option", {
+									value: "open",
+									children: "open to current members and boundaries"
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "mt-1 block text-xs text-muted-foreground",
+							children: "The current Team revision is checked again when you submit."
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "block text-sm text-foreground mb-3",
+					children: ["Team", /* @__PURE__ */ jsx("select", {
+						value: teamId,
+						onChange: (e) => {
+							setTeamId(e.target.value);
+							setPreview(null);
+						},
 						className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30",
-						children: groups.map((g) => /* @__PURE__ */ jsxs("option", {
+						children: teams.map((g) => /* @__PURE__ */ jsxs("option", {
 							value: g.id,
 							children: [g.name, g.id === "default" ? " (default)" : ""]
 						}, g.id))
@@ -226,6 +310,36 @@ function SpawnDialog({ profileId, groupHint, groups, onClose }) {
 					className: "mt-2 text-sm text-rose-700",
 					children: err
 				}),
+				preview && /* @__PURE__ */ jsxs("div", {
+					className: "mt-3 rounded-md border border-sapphire-light bg-sapphire-glow p-3 text-sm",
+					children: [
+						/* @__PURE__ */ jsxs("p", { children: [
+							"Creating this Agent advances Team revision ",
+							preview.currentRevision,
+							" → ",
+							/* @__PURE__ */ jsx("strong", { children: preview.resultingRevision }),
+							" and adds ",
+							/* @__PURE__ */ jsx("strong", { children: preview.addedEdges.length }),
+							" directed edges to the existing ",
+							preview.existingEdges.length,
+							"."
+						] }),
+						/* @__PURE__ */ jsx("ul", {
+							className: "mt-2 max-h-36 overflow-auto",
+							children: preview.addedEdges.map((edge, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("code", { children: [
+								edge.sourceKind,
+								edge.sourceId ? `:${edge.sourceId}` : "",
+								" → ",
+								edge.targetKind,
+								edge.targetId ? `:${edge.targetId}` : ""
+							] }) }, `${edge.sourceKind}:${edge.sourceId ?? ""}>${edge.targetKind}:${edge.targetId ?? ""}:${index}`))
+						}),
+						preview.addedEdges.length === 0 && /* @__PURE__ */ jsx("p", {
+							className: "mt-2",
+							children: "The new Agent starts isolated."
+						})
+					]
+				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "mt-5 flex justify-end gap-2",
 					children: [/* @__PURE__ */ jsx("button", {
@@ -237,7 +351,7 @@ function SpawnDialog({ profileId, groupHint, groups, onClose }) {
 						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 ? "Creating…" : "Create"
+						children: busy ? "Working…" : preview ? "Commit reviewed creation" : "Review exact policy"
 					})]
 				})
 			]
@@ -247,11 +361,209 @@ function SpawnDialog({ profileId, groupHint, groups, onClose }) {
 function Backdrop({ children, onClose }) {
 	return /* @__PURE__ */ jsx("div", {
 		onClick: onClose,
+		onKeyDown: (event) => {
+			if (event.key === "Escape") onClose();
+		},
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1px]",
 		children
 	});
 }
 //#endregion
+//#region src/components/SpawnTeamModal.tsx
+function SpawnTeamModal({ profileGroup: team, teams, onClose, onSpawned }) {
+	const [teamId, setTeamId] = useState("");
+	const [userMd, setUserMd] = useState("");
+	const [error, setError] = useState(null);
+	const [busy, setBusy] = useState(false);
+	const [preview, setPreview] = useState(null);
+	const dialogRef = useRef(null);
+	useEffect(() => {
+		dialogRef.current?.focus();
+	}, []);
+	async function requestBody() {
+		const target = teamId.trim();
+		if (!target) throw new Error("target Team slug is required");
+		const existing = teams.find((team) => team.id === target);
+		let teamExpectedRevision;
+		if (existing) {
+			const policyResponse = await fetch(`/api/teams/${encodeURIComponent(target)}/policy`);
+			if (!policyResponse.ok) throw new Error("The target Team policy is unavailable.");
+			teamExpectedRevision = (await policyResponse.json()).teamPolicy.revision;
+		}
+		return {
+			target,
+			body: {
+				templateExpectedRevision: team.currentRevision,
+				teamId: target,
+				...teamExpectedRevision ? { teamExpectedRevision } : {},
+				mode: existing ? "append" : "initialize",
+				...userMd ? { userMd } : {}
+			}
+		};
+	}
+	async function review() {
+		setBusy(true);
+		setError(null);
+		setPreview(null);
+		try {
+			const { body } = await requestBody();
+			const response = await fetch(`/api/team-templates/${encodeURIComponent(team.id)}/spawn/preview`, {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body)
+			});
+			if (!response.ok) throw new Error((await response.json().catch(() => null))?.error ?? response.statusText);
+			setPreview(await response.json());
+		} catch (cause) {
+			setError(cause.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function spawn() {
+		const target = teamId.trim();
+		if (!target) {
+			setError("target Team slug is required");
+			return;
+		}
+		setBusy(true);
+		setError(null);
+		try {
+			const { body } = await requestBody();
+			const response = await fetch(`/api/team-templates/${encodeURIComponent(team.id)}/spawn`, {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body)
+			});
+			if (!response.ok) throw new Error((await response.json().catch(() => null))?.error ?? response.statusText);
+			onSpawned(target);
+		} catch (cause) {
+			setError(cause.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ jsx("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
+		onClick: onClose,
+		onKeyDown: (event) => {
+			if (event.key === "Escape") onClose();
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: dialogRef,
+			tabIndex: -1,
+			className: "card w-full max-w-lg",
+			role: "document",
+			onClick: (event) => event.stopPropagation(),
+			onKeyDown: (event) => {
+				if (event.key !== "Escape") event.stopPropagation();
+			},
+			children: [
+				/* @__PURE__ */ jsxs("h3", { children: ["spawn team — ", team.name] }),
+				error && /* @__PURE__ */ jsx("div", {
+					className: "err",
+					children: error
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "muted",
+					children: [
+						"Uses immutable Team revision ",
+						team.currentRevision,
+						". Existing Teams append at their current reviewed revision; a new Team initializes at revision 1. Conflicts never overwrite newer state."
+					]
+				}),
+				/* @__PURE__ */ jsxs("label", { children: [
+					"target Team slug",
+					/* @__PURE__ */ jsx("input", {
+						value: teamId,
+						onChange: (event) => {
+							setTeamId(event.target.value);
+							setPreview(null);
+						},
+						list: "canonical-teams",
+						required: true
+					}),
+					/* @__PURE__ */ jsx("datalist", {
+						id: "canonical-teams",
+						children: teams.map((team) => /* @__PURE__ */ jsx("option", {
+							value: team.id,
+							children: team.name
+						}, team.id))
+					})
+				] }),
+				/* @__PURE__ */ jsxs("label", { children: ["starter USER.md (new Team only)", /* @__PURE__ */ jsx("textarea", {
+					rows: 3,
+					value: userMd,
+					onChange: (event) => {
+						setUserMd(event.target.value);
+						setPreview(null);
+					},
+					className: "font-mono text-[0.88em] leading-[1.55]"
+				})] }),
+				preview && /* @__PURE__ */ jsxs("div", {
+					className: "mt-4 rounded-md border border-sapphire-light bg-sapphire-glow p-3 text-sm",
+					children: [
+						/* @__PURE__ */ jsxs("p", { children: [
+							/* @__PURE__ */ jsx("strong", { children: preview.mode === "initialize" ? "Initialize" : "Append" }),
+							" produces Team revision ",
+							preview.resultingRevision,
+							", adds ",
+							preview.newMembers.length,
+							" Agents, and results in ",
+							preview.edges.length,
+							" directed allow edges."
+						] }),
+						/* @__PURE__ */ jsx("ul", {
+							className: "mt-2 max-h-40 overflow-auto",
+							children: preview.newMembers.map((member) => /* @__PURE__ */ jsxs("li", { children: [
+								member.agentName,
+								" · stable source slot ",
+								/* @__PURE__ */ jsx("code", { children: member.slotId })
+							] }, member.slotId))
+						}),
+						/* @__PURE__ */ jsxs("details", {
+							className: "mt-2",
+							children: [/* @__PURE__ */ jsx("summary", {
+								className: "cursor-pointer",
+								children: "Review exact edge topology"
+							}), /* @__PURE__ */ jsx("ul", {
+								className: "mt-2 max-h-40 overflow-auto",
+								children: preview.edges.map((edge, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("code", { children: [
+									edge.sourceKind,
+									edge.sourceId ? `:${edge.sourceId}` : "",
+									" → ",
+									edge.targetKind,
+									edge.targetId ? `:${edge.targetId}` : ""
+								] }) }, `${edge.sourceKind}:${edge.sourceId ?? ""}>${edge.targetKind}:${edge.targetId ?? ""}:${index}`))
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-4 flex justify-end gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						onClick: onClose,
+						children: "cancel"
+					}), preview ? /* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						onClick: spawn,
+						disabled: busy,
+						children: busy ? "spawning…" : `commit ${preview.mode}`
+					}) : /* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						onClick: review,
+						disabled: busy || team.slotCount === 0,
+						children: busy ? "reviewing…" : "review exact result"
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region src/components/Sidebar.tsx
 var SIDEBAR_OPEN_GROUPS_COOKIE = "bz_sidebar_open_groups";
 function writeOpenGroupsCookie(map) {
@@ -259,12 +571,14 @@ function writeOpenGroupsCookie(map) {
 	const value = encodeURIComponent(JSON.stringify(map));
 	document.cookie = `${SIDEBAR_OPEN_GROUPS_COOKIE}=${value}; Path=/; Max-Age=31536000; SameSite=Lax`;
 }
-function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, initialOpenGroups }) {
+function Sidebar({ agents, teams, profiles, profileGroups, selectedAgentId, initialOpenGroups }) {
 	const router = useRouter();
 	const [spawnFor, setSpawnFor] = useState(null);
 	const [spawnTeamFor, setSpawnTeamFor] = useState(null);
 	const [createGroupOpen, setCreateGroupOpen] = useState(false);
 	const [menuOpen, setMenuOpen] = useState(false);
+	const newButtonRef = useRef(null);
+	const restoreNewButton = () => window.requestAnimationFrame(() => newButtonRef.current?.focus());
 	const [openGroups, setOpenGroups] = useState(() => initialOpenGroups ?? {});
 	async function rename(a) {
 		const next = window.prompt(`rename "${a.name}" to:`, a.name)?.trim();
@@ -295,18 +609,18 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 		if (b.id === "default") return 1;
 		return 0;
 	});
-	const sortedGroups = [...groups].sort((a, b) => {
+	const sortedGroups = [...teams].sort((a, b) => {
 		if (a.id === "default") return -1;
 		if (b.id === "default") return 1;
 		return 0;
 	});
 	const agentsByGroup = /* @__PURE__ */ new Map();
 	for (const a of agents) {
-		const list = agentsByGroup.get(a.groupId) ?? [];
+		const list = agentsByGroup.get(a.teamId) ?? [];
 		list.push(a);
-		agentsByGroup.set(a.groupId, list);
+		agentsByGroup.set(a.teamId, list);
 	}
-	const selectedGroupId = agents.find((a) => a.id === selectedAgentId)?.groupId ?? null;
+	const selectedTeamId = agents.find((a) => a.id === selectedAgentId)?.teamId ?? null;
 	return /* @__PURE__ */ jsxs("aside", {
 		className: "flex h-full flex-col rounded-lg border bg-card overflow-hidden",
 		children: [
@@ -318,6 +632,7 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ jsx("button", {
+						ref: newButtonRef,
 						type: "button",
 						onClick: () => setMenuOpen((v) => !v),
 						className: "rounded-md border px-2 py-1 text-xs text-muted-foreground hover:text-foreground hover:border-foreground/30",
@@ -333,7 +648,7 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 									"No profiles yet.",
 									/* @__PURE__ */ jsx("br", {}),
 									/* @__PURE__ */ jsx("a", {
-										href: "/profiles",
+										href: "/templates/agents",
 										className: "text-primary underline",
 										children: "Create one"
 									}),
@@ -359,7 +674,7 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 							/* @__PURE__ */ jsx("div", { className: "my-1 h-px bg-border" }),
 							/* @__PURE__ */ jsx("div", {
 								className: "px-3 pt-1 pb-0.5 text-[0.7em] uppercase tracking-wide text-muted-foreground",
-								children: "spawn group from template"
+								children: "spawn team from template"
 							}),
 							profileGroups.length === 0 ? /* @__PURE__ */ jsxs("div", {
 								className: "px-3 py-1.5 text-xs text-muted-foreground",
@@ -367,7 +682,7 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 									"No team templates yet.",
 									" ",
 									/* @__PURE__ */ jsx("a", {
-										href: "/profile-groups",
+										href: "/templates/teams",
 										className: "text-primary underline",
 										children: "Create one"
 									}),
@@ -376,8 +691,8 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 							}) : profileGroups.map((pg) => /* @__PURE__ */ jsxs("button", {
 								type: "button",
 								role: "menuitem",
-								disabled: pg.memberCount === 0,
-								title: pg.memberCount === 0 ? "add at least one member before spawning" : void 0,
+								disabled: pg.slotCount === 0,
+								title: pg.slotCount === 0 ? "add at least one member before spawning" : void 0,
 								onClick: () => {
 									setMenuOpen(false);
 									setSpawnTeamFor(pg);
@@ -385,7 +700,7 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 								className: "flex w-full items-center justify-between rounded-sm px-3 py-1.5 text-sm hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent",
 								children: [/* @__PURE__ */ jsx("span", { children: pg.name || pg.id }), /* @__PURE__ */ jsx("span", {
 									className: "font-mono text-[0.7em] text-muted-foreground",
-									children: pg.memberCount
+									children: pg.slotCount
 								})]
 							}, pg.id)),
 							/* @__PURE__ */ jsx("div", { className: "my-1 h-px bg-border" }),
@@ -396,7 +711,7 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 									setCreateGroupOpen(true);
 								},
 								className: "block w-full text-left rounded-sm px-3 py-1.5 text-xs text-muted-foreground hover:bg-accent",
-								children: "+ create group"
+								children: "+ create team"
 							})
 						]
 					})]
@@ -404,7 +719,7 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 			}),
 			/* @__PURE__ */ jsx("nav", {
 				className: "flex-1 overflow-y-auto p-1",
-				children: agents.length === 0 && groups.length === 0 ? /* @__PURE__ */ jsxs("div", {
+				children: agents.length === 0 && teams.length === 0 ? /* @__PURE__ */ jsxs("div", {
 					className: "p-4 text-sm text-muted-foreground",
 					children: [
 						"No agents yet.",
@@ -418,8 +733,8 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 						"to start chatting."
 					]
 				}) : sortedGroups.map((g) => {
-					const groupAgents = agentsByGroup.get(g.id) ?? [];
-					const containsSelected = selectedGroupId === g.id;
+					const teamAgents = agentsByGroup.get(g.id) ?? [];
+					const containsSelected = selectedTeamId === g.id;
 					const stored = openGroups[g.id];
 					return /* @__PURE__ */ jsxs("details", {
 						open: stored !== void 0 ? stored : containsSelected || g.id === "default",
@@ -434,12 +749,12 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 							setOpenGroups(merged);
 							router.invalidate();
 						},
-						className: "group/details mb-1 last:mb-0",
+						className: "team/details mb-1 last:mb-0",
 						children: [/* @__PURE__ */ jsxs("summary", {
 							className: "flex cursor-pointer list-none items-center gap-1.5 rounded-sm px-2 py-1.5 text-xs uppercase tracking-wide text-muted-foreground hover:bg-accent",
 							children: [
 								/* @__PURE__ */ jsx("span", {
-									className: "w-3 text-xs transition-transform group-open/details:rotate-90 inline-block",
+									className: "w-3 text-xs transition-transform team-open/details:rotate-90 inline-block",
 									children: "▸"
 								}),
 								/* @__PURE__ */ jsx("span", {
@@ -448,16 +763,16 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 								}),
 								/* @__PURE__ */ jsx("span", {
 									className: "font-mono text-xs rounded bg-muted px-1 min-w-[1.4em] text-center",
-									children: groupAgents.length
+									children: teamAgents.length
 								})
 							]
-						}), groupAgents.length === 0 ? /* @__PURE__ */ jsx("div", {
+						}), teamAgents.length === 0 ? /* @__PURE__ */ jsx("div", {
 							className: "pl-6 py-1 text-xs italic text-muted-foreground",
 							children: "no agents"
 						}) : /* @__PURE__ */ jsx("div", {
 							className: "pl-2",
-							children: groupAgents.map((a) => /* @__PURE__ */ jsxs("div", {
-								className: "group/row relative",
+							children: teamAgents.map((a) => /* @__PURE__ */ jsxs("div", {
+								className: "team/row relative",
 								children: [/* @__PURE__ */ jsxs(Link, {
 									to: "/",
 									search: { agent: a.id },
@@ -481,7 +796,7 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 										}), /* @__PURE__ */ jsx("code", { children: a.id.slice(0, 8) })]
 									})]
 								}), /* @__PURE__ */ jsxs("div", {
-									className: "absolute right-1 top-1 flex gap-0.5 opacity-0 transition-opacity group-hover/row:opacity-100 focus-within:opacity-100",
+									className: "absolute right-1 top-1 flex gap-0.5 opacity-0 transition-opacity team-hover/row:opacity-100 focus-within:opacity-100",
 									children: [/* @__PURE__ */ jsx("button", {
 										type: "button",
 										onClick: () => rename(a),
@@ -505,23 +820,32 @@ function Sidebar({ agents, groups, profiles, profileGroups, selectedAgentId, ini
 			}),
 			spawnFor && /* @__PURE__ */ jsx(SpawnDialog, {
 				profileId: spawnFor.profileId,
-				groupHint: spawnFor.groupHint,
-				groups: sortedGroups,
-				onClose: () => setSpawnFor(null)
+				teamHint: spawnFor.teamHint,
+				teams: sortedGroups,
+				onClose: () => {
+					setSpawnFor(null);
+					restoreNewButton();
+				}
 			}),
 			spawnTeamFor && /* @__PURE__ */ jsx(SpawnTeamModal, {
 				profileGroup: spawnTeamFor,
-				groups: sortedGroups,
-				onClose: () => setSpawnTeamFor(null),
+				teams: sortedGroups,
+				onClose: () => {
+					setSpawnTeamFor(null);
+					restoreNewButton();
+				},
 				onSpawned: (slug) => {
 					setSpawnTeamFor(null);
 					router.navigate({
-						to: "/groups/$id",
+						to: "/teams/$id",
 						params: { id: slug }
 					});
 				}
 			}),
-			createGroupOpen && /* @__PURE__ */ jsx(CreateGroupDialog, { onClose: () => setCreateGroupOpen(false) })
+			createGroupOpen && /* @__PURE__ */ jsx(CreateTeamDialog, { onClose: () => {
+				setCreateGroupOpen(false);
+				restoreNewButton();
+			} })
 		]
 	});
 }