bazilion 0.8.0 → 0.10.0

package/dist/web/server/assets/Sidebar-O_CH1-JD.js

@@ -0,0 +1,964 @@
+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";
+import { Archive, Bot, ChevronDown, ChevronRight, Pencil, Plus, Send, UsersRound } from "lucide-react";
+//#region src/components/CreateTeamDialog.tsx
+function CreateTeamDialog({ onClose }) {
+	const router = useRouter();
+	const [id, setId] = useState("");
+	const [name, setName] = useState("");
+	const [link, setLink] = useState("");
+	const [busy, setBusy] = useState(false);
+	const [err, setErr] = useState(null);
+	async function submit(e) {
+		e.preventDefault();
+		setErr(null);
+		if (!id.trim()) {
+			setErr("id is required");
+			return;
+		}
+		setBusy(true);
+		try {
+			const body = { id: id.trim() };
+			if (name.trim()) body.name = name.trim();
+			if (link.trim()) body.link = link.trim();
+			const res = await fetch("/api/teams", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body)
+			});
+			if (!res.ok) {
+				const e = await res.json().catch(() => ({}));
+				throw new Error(e.error ?? `${res.status} ${res.statusText}`);
+			}
+			onClose();
+			await router.invalidate();
+		} catch (e) {
+			setErr(e.message);
+			setBusy(false);
+		}
+	}
+	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-charcoal/45 p-4 backdrop-blur-sm",
+		children: /* @__PURE__ */ jsxs("form", {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "create-team-title",
+			onSubmit: submit,
+			onClick: (e) => e.stopPropagation(),
+			className: "max-h-[calc(100dvh-2rem)] w-full max-w-lg overflow-y-auto rounded-3xl border border-frost bg-card p-6 shadow-baziu-lg sm:p-7",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					id: "create-team-title",
+					className: "font-serif text-2xl text-foreground",
+					children: "Create a team"
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-sm text-muted-foreground mb-4",
+					children: [
+						"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/teams/<slug>/"
+						}),
+						"."
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mb-3 grid gap-3 sm:grid-cols-2",
+					children: [/* @__PURE__ */ jsxs("label", {
+						className: "block text-sm",
+						children: ["ID (slug)", /* @__PURE__ */ jsx("input", {
+							type: "text",
+							value: id,
+							onChange: (e) => setId(e.target.value),
+							required: true,
+							pattern: "[a-z0-9][a-z0-9_-]*",
+							placeholder: "myproject",
+							autoFocus: true,
+							className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
+						})]
+					}), /* @__PURE__ */ jsxs("label", {
+						className: "block text-sm",
+						children: [
+							"Name ",
+							/* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground font-normal",
+								children: "(optional)"
+							}),
+							/* @__PURE__ */ jsx("input", {
+								type: "text",
+								value: name,
+								onChange: (e) => setName(e.target.value),
+								className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "block text-sm mb-3",
+					children: [
+						"Link target",
+						" ",
+						/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground font-normal",
+							children: "(optional, absolute path)"
+						}),
+						/* @__PURE__ */ jsx("input", {
+							type: "text",
+							value: link,
+							onChange: (e) => setLink(e.target.value),
+							placeholder: "/home/you/projects/myrepo",
+							className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "mt-1 block text-xs text-muted-foreground",
+							children: "Leave blank to create a fresh directory. Supply an absolute path to materialize the slot as a symlink to your existing project tree."
+						})
+					]
+				}),
+				err && /* @__PURE__ */ jsx("p", {
+					className: "err mt-2",
+					children: err
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-5 flex justify-end gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						onClick: onClose,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						type: "submit",
+						disabled: busy,
+						children: busy ? "Creating…" : "Create"
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/SpawnDialog.tsx
+function SpawnDialog({ profileId, teamHint, teams, onClose }) {
+	const navigate = useNavigate();
+	const [name, setName] = useState("");
+	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 {
+			if (!preview) {
+				await review();
+				return;
+			}
+			const body = {
+				profile: profileId,
+				teamExpectedRevision: preview.currentRevision,
+				placement
+			};
+			if (name.trim()) body.name = name.trim();
+			if (teamId) body.teamId = teamId;
+			const res = await fetch("/api/agents", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body)
+			});
+			if (!res.ok) {
+				const e = await res.json().catch(() => ({}));
+				throw new Error(e.error ?? `${res.status} ${res.statusText}`);
+			}
+			const created = (await res.json()).agent;
+			onClose();
+			await navigate({
+				to: "/",
+				search: { agent: created.id }
+			});
+		} catch (e) {
+			setErr(e.message);
+			setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ jsx(Backdrop, {
+		onClose,
+		children: /* @__PURE__ */ jsxs("form", {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "spawn-agent-title",
+			onSubmit: submit,
+			className: "max-h-[calc(100dvh-2rem)] w-full max-w-lg overflow-y-auto rounded-3xl border border-frost bg-card p-6 shadow-baziu-lg sm:p-7",
+			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"
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-sm text-muted-foreground mb-4",
+					children: ["Profile: ", /* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: profileId
+					})]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "block text-sm text-foreground mb-3",
+					children: [
+						"Agent name",
+						" ",
+						/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground font-normal",
+							children: "(optional — defaults to the profile's name)"
+						}),
+						/* @__PURE__ */ jsx("input", {
+							type: "text",
+							value: name,
+							onChange: (e) => setName(e.target.value),
+							autoFocus: true,
+							autoComplete: "off",
+							className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 outline-none focus:ring-2 focus:ring-ring/30"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "block text-sm text-foreground mb-3",
+					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("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: teams.map((g) => /* @__PURE__ */ jsxs("option", {
+							value: g.id,
+							children: [g.name, g.id === "default" ? " (default)" : ""]
+						}, g.id))
+					})]
+				}),
+				err && /* @__PURE__ */ jsx("p", {
+					className: "err mt-2",
+					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, {
+						variant: "ghost",
+						onClick: onClose,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						type: "submit",
+						disabled: busy,
+						children: busy ? "Working…" : preview ? "Commit reviewed creation" : "Review exact policy"
+					})]
+				})
+			]
+		})
+	});
+}
+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-charcoal/45 p-4 backdrop-blur-sm",
+		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",
+		"aria-labelledby": "spawn-team-title",
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-charcoal/45 p-4 backdrop-blur-sm",
+		onClick: onClose,
+		onKeyDown: (event) => {
+			if (event.key === "Escape") onClose();
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			ref: dialogRef,
+			tabIndex: -1,
+			className: "max-h-[calc(100dvh-2rem)] w-full max-w-lg overflow-y-auto rounded-3xl border border-frost bg-card p-6 shadow-baziu-lg sm:p-7",
+			role: "document",
+			onClick: (event) => event.stopPropagation(),
+			onKeyDown: (event) => {
+				if (event.key !== "Escape") event.stopPropagation();
+			},
+			children: [
+				/* @__PURE__ */ jsxs("h2", {
+					id: "spawn-team-title",
+					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) {
+	if (typeof document === "undefined") return;
+	const value = encodeURIComponent(JSON.stringify(map));
+	document.cookie = `${SIDEBAR_OPEN_GROUPS_COOKIE}=${value}; Path=/; Max-Age=31536000; SameSite=Lax`;
+}
+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();
+		if (!next || next === a.name) return;
+		const res = await fetch(`/api/agents/${a.id}`, {
+			method: "PATCH",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({ name: next })
+		});
+		if (!res.ok) {
+			const body = await res.json().catch(() => null);
+			alert(body?.error ?? res.statusText);
+			return;
+		}
+		await router.invalidate();
+	}
+	async function archive(a) {
+		if (!confirm(`archive "${a.name}"? (reversible — find under "show archived")`)) return;
+		const res = await fetch(`/api/agents/${a.id}/archive`, { method: "POST" });
+		if (!res.ok && res.status !== 204) {
+			alert(res.statusText);
+			return;
+		}
+		await router.invalidate();
+	}
+	const sortedProfiles = [...profiles].sort((a, b) => {
+		if (a.id === "default") return -1;
+		if (b.id === "default") return 1;
+		return 0;
+	});
+	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.teamId) ?? [];
+		list.push(a);
+		agentsByGroup.set(a.teamId, list);
+	}
+	const selectedTeamId = agents.find((a) => a.id === selectedAgentId)?.teamId ?? null;
+	return /* @__PURE__ */ jsxs("aside", {
+		className: "flex h-full flex-col overflow-hidden rounded-2xl border border-border bg-card shadow-baziu-sm",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex items-center justify-between gap-3 border-b border-border bg-muted/30 px-3 py-2.5",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 text-sm font-semibold text-foreground",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "flex size-7 items-center justify-center rounded-lg bg-accent text-accent-foreground",
+							children: /* @__PURE__ */ jsx(Bot, {
+								className: "size-4",
+								"aria-hidden": "true"
+							})
+						}), /* @__PURE__ */ jsx("span", { children: "Agents" })]
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "mt-0.5 truncate pl-9 text-[0.7rem] text-muted-foreground",
+						children: [
+							agents.length,
+							" agent",
+							agents.length === 1 ? "" : "s",
+							" across ",
+							teams.length,
+							" team",
+							teams.length === 1 ? "" : "s"
+						]
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ jsxs("button", {
+						ref: newButtonRef,
+						type: "button",
+						onClick: () => setMenuOpen((v) => !v),
+						"aria-expanded": menuOpen,
+						"aria-haspopup": "menu",
+						className: "unstyled inline-flex h-8 items-center gap-1 rounded-lg border border-border bg-card px-2.5 text-xs font-semibold text-foreground shadow-baziu-sm transition-colors hover:border-primary/30 hover:bg-accent hover:text-accent-foreground",
+						children: [
+							/* @__PURE__ */ jsx(Plus, {
+								className: "size-3.5",
+								"aria-hidden": "true"
+							}),
+							"New",
+							/* @__PURE__ */ jsx(ChevronDown, {
+								className: `size-3.5 text-muted-foreground transition-transform ${menuOpen ? "rotate-180" : ""}`,
+								"aria-hidden": "true"
+							})
+						]
+					}), menuOpen && /* @__PURE__ */ jsxs("div", {
+						role: "menu",
+						className: "absolute right-0 top-[calc(100%+0.4rem)] z-20 w-60 overflow-hidden rounded-xl border border-border bg-popover p-1.5 text-popover-foreground shadow-baziu-lg",
+						onMouseLeave: () => setMenuOpen(false),
+						children: [
+							profiles.length === 0 ? /* @__PURE__ */ jsxs("div", {
+								className: "rounded-lg bg-muted/40 px-3 py-2.5 text-xs leading-5 text-muted-foreground",
+								children: [
+									"No Agent templates yet.",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: "/templates/agents",
+										className: "text-primary underline",
+										children: "Create one to spawn agents."
+									})
+								]
+							}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-1.5 px-2.5 pb-1 pt-1 text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-muted-foreground",
+								children: [/* @__PURE__ */ jsx(Bot, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}), "Agent templates"]
+							}), sortedProfiles.map((p) => /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								role: "menuitem",
+								onClick: () => {
+									setMenuOpen(false);
+									setSpawnFor({ profileId: p.id });
+								},
+								className: "unstyled flex min-h-8 w-full items-center gap-2 rounded-lg px-2.5 py-1.5 text-left text-sm text-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "flex size-6 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
+										children: /* @__PURE__ */ jsx(Bot, {
+											className: "size-3.5",
+											"aria-hidden": "true"
+										})
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "min-w-0 flex-1 truncate",
+										children: p.name || p.id
+									}),
+									p.id === "default" && /* @__PURE__ */ jsx("span", {
+										className: "rounded-full border border-border bg-muted px-1.5 py-0.5 text-[0.65rem] font-semibold text-muted-foreground",
+										children: "Default"
+									})
+								]
+							}, p.id))] }),
+							/* @__PURE__ */ jsx("div", { className: "my-1.5 h-px bg-border" }),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-1.5 px-2.5 pb-1 pt-1 text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-muted-foreground",
+								children: [/* @__PURE__ */ jsx(UsersRound, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}), "Team templates"]
+							}),
+							profileGroups.length === 0 ? /* @__PURE__ */ jsxs("div", {
+								className: "rounded-lg bg-muted/40 px-3 py-2 text-xs leading-5 text-muted-foreground",
+								children: [
+									"No team templates yet.",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: "/templates/teams",
+										className: "text-primary underline",
+										children: "Create one"
+									}),
+									"."
+								]
+							}) : profileGroups.map((pg) => /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								role: "menuitem",
+								disabled: pg.slotCount === 0,
+								title: pg.slotCount === 0 ? "Add at least one member before spawning" : void 0,
+								onClick: () => {
+									setMenuOpen(false);
+									setSpawnTeamFor(pg);
+								},
+								className: "unstyled flex min-h-8 w-full items-center gap-2 rounded-lg px-2.5 py-1.5 text-left text-sm text-foreground transition-colors hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "flex size-6 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
+										children: /* @__PURE__ */ jsx(UsersRound, {
+											className: "size-3.5",
+											"aria-hidden": "true"
+										})
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "min-w-0 flex-1 truncate",
+										children: pg.name || pg.id
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "inline-flex min-w-6 items-center justify-center rounded-full bg-muted px-1.5 font-mono text-[0.68rem] text-muted-foreground",
+										children: pg.slotCount
+									})
+								]
+							}, pg.id)),
+							/* @__PURE__ */ jsx("div", { className: "my-1.5 h-px bg-border" }),
+							/* @__PURE__ */ jsxs("button", {
+								type: "button",
+								onClick: () => {
+									setMenuOpen(false);
+									setCreateGroupOpen(true);
+								},
+								className: "unstyled flex min-h-8 w-full items-center gap-2 rounded-lg px-2.5 py-1.5 text-left text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+								children: [/* @__PURE__ */ jsx(Plus, {
+									className: "size-3.5",
+									"aria-hidden": "true"
+								}), "Create a team"]
+							})
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx("nav", {
+				className: "flex-1 overflow-y-auto p-1.5",
+				"aria-label": "Teams and agents",
+				children: agents.length === 0 && teams.length === 0 ? /* @__PURE__ */ jsxs("div", {
+					className: "m-1 flex flex-col items-center rounded-xl border border-dashed border-border bg-muted/30 px-4 py-6 text-center",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "mb-2 flex size-9 items-center justify-center rounded-full bg-accent text-accent-foreground",
+							children: /* @__PURE__ */ jsx(Bot, {
+								className: "size-4",
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm font-semibold text-foreground",
+							children: "No agents yet"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "mt-1 text-xs leading-5 text-muted-foreground",
+							children: "Spawn your first agent to start a conversation."
+						}),
+						/* @__PURE__ */ jsxs("a", {
+							href: "/agents",
+							className: "mt-3 inline-flex items-center gap-1 text-xs font-semibold text-primary hover:text-primary/80",
+							children: ["Open agent setup", /* @__PURE__ */ jsx(ChevronRight, {
+								className: "size-3.5",
+								"aria-hidden": "true"
+							})]
+						})
+					]
+				}) : sortedGroups.map((g) => {
+					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",
+						onToggle: (e) => {
+							const next = e.currentTarget.open;
+							if (openGroups[g.id] === next) return;
+							const merged = {
+								...openGroups,
+								[g.id]: next
+							};
+							writeOpenGroupsCookie(merged);
+							setOpenGroups(merged);
+							router.invalidate();
+						},
+						className: "team/details mb-1 last:mb-0",
+						children: [/* @__PURE__ */ jsxs("summary", {
+							className: `flex min-h-8 cursor-pointer list-none items-center gap-1.5 rounded-lg px-2 py-1.5 text-sm transition-colors hover:bg-accent hover:text-accent-foreground ${containsSelected ? "bg-muted/60 text-foreground" : "text-muted-foreground"}`,
+							children: [
+								/* @__PURE__ */ jsx(ChevronRight, {
+									className: "size-3.5 shrink-0 transition-transform team-open/details:rotate-90",
+									"aria-hidden": "true"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "flex size-5 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
+									children: /* @__PURE__ */ jsx(UsersRound, {
+										className: "size-3",
+										"aria-hidden": "true"
+									})
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "min-w-0 flex-1 truncate font-medium",
+									children: g.name
+								}),
+								g.id === "default" && /* @__PURE__ */ jsx("span", {
+									className: "text-[0.62rem] font-semibold uppercase tracking-wide text-muted-foreground",
+									children: "Default"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "inline-flex min-w-6 items-center justify-center rounded-full border border-border bg-card px-1.5 font-mono text-[0.68rem] text-muted-foreground",
+									children: teamAgents.length
+								})
+							]
+						}), teamAgents.length === 0 ? /* @__PURE__ */ jsx("div", {
+							className: "py-2 pl-12 pr-2 text-xs text-muted-foreground",
+							children: "No agents in this team"
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "space-y-0.5 py-0.5 pl-2",
+							children: teamAgents.map((a) => /* @__PURE__ */ jsxs("div", {
+								className: "team/row relative rounded-lg",
+								children: [/* @__PURE__ */ jsxs(Link, {
+									to: "/",
+									search: { agent: a.id },
+									"aria-current": a.id === selectedAgentId ? "page" : void 0,
+									className: `block min-h-11 rounded-lg border border-transparent py-1.5 pl-2.5 pr-[4.6rem] transition-colors hover:bg-accent/70 ${a.id === selectedAgentId ? "border-primary/20 bg-accent text-accent-foreground shadow-baziu-sm" : "text-foreground"}`,
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-1.5 text-sm font-medium",
+										children: [
+											/* @__PURE__ */ jsx("span", {
+												className: `size-1.5 shrink-0 rounded-full ${a.id === selectedAgentId ? "bg-primary" : "bg-border"}`,
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "min-w-0 flex-1 truncate",
+												children: a.name
+											}),
+											a.telegramTopicId !== null && /* @__PURE__ */ jsx("span", {
+												className: "shrink-0 text-primary",
+												title: `Telegram topic #${a.telegramTopicId}`,
+												"aria-label": `Bound to Telegram topic ${a.telegramTopicId}`,
+												children: /* @__PURE__ */ jsx(Send, {
+													className: "size-3",
+													"aria-hidden": "true"
+												})
+											})
+										]
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "mt-0.5 flex gap-2 pl-3 font-mono text-[0.65rem] text-muted-foreground",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "uppercase tracking-wide",
+											children: a.status
+										}), /* @__PURE__ */ jsx("span", { children: a.id.slice(0, 8) })]
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "absolute right-1 top-1/2 z-10 flex -translate-y-1/2 gap-0.5",
+									children: [/* @__PURE__ */ jsx("button", {
+										type: "button",
+										onClick: () => rename(a),
+										title: "Rename",
+										"aria-label": `Rename ${a.name}`,
+										className: "unstyled flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-card hover:text-primary focus-visible:bg-card",
+										children: /* @__PURE__ */ jsx(Pencil, {
+											className: "size-3.5",
+											"aria-hidden": "true"
+										})
+									}), /* @__PURE__ */ jsx("button", {
+										type: "button",
+										onClick: () => archive(a),
+										title: "Archive",
+										"aria-label": `Archive ${a.name}`,
+										className: "unstyled flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive focus-visible:bg-destructive/10 focus-visible:text-destructive",
+										children: /* @__PURE__ */ jsx(Archive, {
+											className: "size-3.5",
+											"aria-hidden": "true"
+										})
+									})]
+								})]
+							}, a.id))
+						})]
+					}, g.id);
+				})
+			}),
+			spawnFor && /* @__PURE__ */ jsx(SpawnDialog, {
+				profileId: spawnFor.profileId,
+				teamHint: spawnFor.teamHint,
+				teams: sortedGroups,
+				onClose: () => {
+					setSpawnFor(null);
+					restoreNewButton();
+				}
+			}),
+			spawnTeamFor && /* @__PURE__ */ jsx(SpawnTeamModal, {
+				profileGroup: spawnTeamFor,
+				teams: sortedGroups,
+				onClose: () => {
+					setSpawnTeamFor(null);
+					restoreNewButton();
+				},
+				onSpawned: (slug) => {
+					setSpawnTeamFor(null);
+					router.navigate({
+						to: "/teams/$id",
+						params: { id: slug }
+					});
+				}
+			}),
+			createGroupOpen && /* @__PURE__ */ jsx(CreateTeamDialog, { onClose: () => {
+				setCreateGroupOpen(false);
+				restoreNewButton();
+			} })
+		]
+	});
+}
+//#endregion
+export { Sidebar as n, SIDEBAR_OPEN_GROUPS_COOKIE as t };