bazilion 0.14.2 → 0.16.0

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

@@ -0,0 +1,779 @@
+import { t as Route } from "./_id-DtIYuJJX.js";
+import { a as StatusBadge, i as SectionCard, r as PageShell } from "./Page-Bz-ydB8j.js";
+import { t as Button } from "./Button-Dsnw22OF.js";
+import { t as TeamTabs } from "./TeamTabs-TCKjCvMA.js";
+import { t as UnsavedChangesGuard } from "./UnsavedChangesGuard-CiStXyBI.js";
+import { useEffect, useRef, useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/CodingDefaultsCard.tsx
+function CodingDefaultsCard({ teamId }) {
+	const [status, setStatus] = useState(null);
+	const [image, setImage] = useState("");
+	const [cwd, setCwd] = useState(".");
+	const [error, setError] = useState("");
+	const [busy, setBusy] = useState(false);
+	const url = `/api/teams/${encodeURIComponent(teamId)}/coding-environment`;
+	useEffect(() => {
+		let active = true;
+		fetch(url).then(async (r) => {
+			if (!r.ok) throw new Error("Defaults unavailable");
+			return r.json();
+		}).then((s) => {
+			if (active) {
+				setStatus(s);
+				setImage(s.environment?.config.image ?? s.image);
+				setCwd(s.environment?.config.cwd ?? ".");
+			}
+		}).catch((e) => {
+			if (active) setError(e.message);
+		});
+		return () => {
+			active = false;
+		};
+	}, [url]);
+	return /* @__PURE__ */ jsxs("details", {
+		className: "border-t mt-4 pt-4",
+		children: [
+			/* @__PURE__ */ jsx("summary", {
+				className: "cursor-pointer text-sm",
+				children: "Optional protected runtime defaults"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground my-3",
+				children: "Agents discover commands during the task. Override the installation image only if this repository needs a different prepared toolchain. Host turns do not use these Docker defaults."
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				children: error
+			}),
+			status && /* @__PURE__ */ jsxs("form", {
+				className: "space-y-3",
+				onSubmit: async (e) => {
+					e.preventDefault();
+					setBusy(true);
+					setError("");
+					try {
+						const r = await fetch(url, {
+							method: "PUT",
+							headers: { "Content-Type": "application/json" },
+							body: JSON.stringify({
+								expectedRevision: status.environment?.revision ?? 0,
+								config: {
+									image,
+									cwd,
+									env: status.environment?.config.env ?? {}
+								}
+							})
+						});
+						const value = await r.json();
+						if (!r.ok) throw new Error(value.error);
+						setStatus({
+							...status,
+							environment: value,
+							image
+						});
+					} catch (e) {
+						setError(e instanceof Error ? e.message : "Save failed");
+					} finally {
+						setBusy(false);
+					}
+				},
+				children: [
+					/* @__PURE__ */ jsxs("label", {
+						className: "block text-sm",
+						children: ["Local Docker image", /* @__PURE__ */ jsx("input", {
+							required: true,
+							value: image,
+							onChange: (e) => setImage(e.target.value),
+							className: "block w-full rounded border p-2 mt-1"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("label", {
+						className: "block text-sm",
+						children: ["Default directory", /* @__PURE__ */ jsx("input", {
+							required: true,
+							value: cwd,
+							onChange: (e) => setCwd(e.target.value),
+							className: "block w-full rounded border p-2 mt-1"
+						})]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "submit",
+						variant: "primary",
+						disabled: busy,
+						children: busy ? "Saving…" : "Save defaults"
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/RepositoryContextCard.tsx
+function RepositoryContextCard({ teamId }) {
+	const [target, setTarget] = useState("");
+	const [capture, setCapture] = useState(null);
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState(null);
+	const request = useRef(0);
+	const report = capture?.report;
+	const issues = report ? [...new Map([
+		...report.instructions.issues,
+		...report.commands.issues,
+		...report.git.issues
+	].map((issue) => [JSON.stringify([issue.path, issue.message]), issue])).values()] : [];
+	async function inspect() {
+		const current = ++request.current;
+		const requestedTarget = target || ".";
+		setBusy(true);
+		setError(null);
+		try {
+			const response = await fetch(`/api/teams/${encodeURIComponent(teamId)}/repository-context?target=${encodeURIComponent(requestedTarget)}`, { cache: "no-store" });
+			if (!response.ok) throw new Error("Repository context could not be loaded. Refresh to try again.");
+			const data = await response.json();
+			if (request.current === current) setCapture({
+				report: data,
+				target: requestedTarget
+			});
+		} catch (err) {
+			if (request.current === current) setError(err instanceof Error ? err.message : "Inspection failed");
+		} finally {
+			if (request.current === current) setBusy(false);
+		}
+	}
+	useEffect(() => {
+		inspect();
+		return () => {
+			request.current++;
+		};
+	}, [teamId]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "min-w-0",
+		"aria-labelledby": "repository-context-heading",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				id: "repository-context-heading",
+				className: "font-serif text-xl mb-1",
+				children: "Explore the repository"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm mb-3",
+				children: "See the instructions and commands for the part of the project you’re working on."
+			}),
+			/* @__PURE__ */ jsxs("form", {
+				onSubmit: (event) => {
+					event.preventDefault();
+					inspect();
+				},
+				className: "flex flex-wrap gap-2 items-end mb-3",
+				children: [/* @__PURE__ */ jsxs("label", {
+					className: "flex-1 min-w-[12rem] m-0 text-sm",
+					children: ["Project path", /* @__PURE__ */ jsx("input", {
+						value: target,
+						onChange: (event) => setTarget(event.target.value),
+						placeholder: ". (Team root)",
+						maxLength: 4096,
+						className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 font-mono text-sm"
+					})]
+				}), /* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					variant: "primary",
+					disabled: busy,
+					children: busy ? "Inspecting…" : report ? "Refresh context" : "Inspect repository"
+				})]
+			}),
+			error && /* @__PURE__ */ jsxs("p", {
+				role: "alert",
+				className: "text-sm text-danger mb-3",
+				children: [
+					error,
+					" ",
+					report ? "The report below is the previous capture." : ""
+				]
+			}),
+			report && capture && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-3 text-sm min-w-0",
+				"aria-live": "polite",
+				children: [
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-xs text-muted-foreground break-words",
+						children: [
+							/* @__PURE__ */ jsx("code", { children: capture.target === "." ? "Team root" : capture.target }),
+							" · Inspected",
+							" ",
+							/* @__PURE__ */ jsx("time", {
+								dateTime: new Date(report.capturedAt).toISOString(),
+								children: new Date(report.capturedAt).toLocaleString()
+							}),
+							". Read-only inspection."
+						]
+					}),
+					issues.length > 0 && /* @__PURE__ */ jsxs("div", {
+						role: "status",
+						className: "border-l-2 border-primary bg-muted/40 px-3 py-2",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "font-sans text-sm font-semibold",
+							children: "Some context is unavailable"
+						}), /* @__PURE__ */ jsx("ul", {
+							className: "mt-1 space-y-1",
+							children: issues.map((issue, index) => /* @__PURE__ */ jsxs("li", {
+								className: "break-words",
+								children: [issue.path ? `${issue.path}: ` : "", issue.message]
+							}, index))
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "rounded-md bg-muted/40 px-3 py-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-wrap items-baseline gap-x-3 gap-y-1",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "font-sans text-sm font-semibold",
+								children: report.git.state === "available" ? "Working tree" : report.git.state === "not_repository" ? "No Git repository" : "Git unavailable"
+							}), report.git.state === "available" && /* @__PURE__ */ jsxs("p", {
+								className: "min-w-0 break-all",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "font-mono",
+									children: report.git.branch ?? "Detached HEAD"
+								}), /* @__PURE__ */ jsxs("span", {
+									className: "text-muted-foreground",
+									children: [
+										" ",
+										"· ",
+										report.git.head?.slice(0, 8) ?? "No commits yet"
+									]
+								})]
+							})]
+						}), report.git.state === "available" && /* @__PURE__ */ jsxs("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: [
+								report.git.staged,
+								" staged · ",
+								report.git.unstaged,
+								" unstaged · ",
+								report.git.untracked,
+								" ",
+								"untracked · ",
+								report.git.conflicted,
+								" conflicted"
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsxs("h3", {
+							className: "font-sans text-sm font-semibold",
+							children: [
+								"Instructions",
+								" ",
+								/* @__PURE__ */ jsxs("span", {
+									className: "font-normal text-muted-foreground",
+									children: [
+										"· ",
+										report.instructions.files.length,
+										" files",
+										report.instructions.state !== "complete" ? " · incomplete" : ""
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "Listed from broadest to most specific. Operator instructions and runtime policy take priority."
+						}),
+						report.instructions.files.length === 0 && /* @__PURE__ */ jsx("p", {
+							className: "mt-2 text-muted-foreground",
+							children: report.instructions.state === "complete" ? "No applicable AGENTS.md files found." : "Instructions for this scope could not be prepared."
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "mt-2 divide-y",
+							children: report.instructions.files.map((file) => /* @__PURE__ */ jsxs("details", {
+								className: "py-2 min-w-0",
+								children: [/* @__PURE__ */ jsx("summary", {
+									className: "cursor-pointer break-words font-mono text-sm",
+									children: file.path
+								}), /* @__PURE__ */ jsx("pre", {
+									className: "mt-2 rounded-md bg-muted/40 p-3 whitespace-pre-wrap break-words text-xs max-h-80 overflow-auto",
+									children: file.content
+								})]
+							}, file.path))
+						})
+					] }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "border-t pt-3",
+						children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "font-sans text-sm font-semibold",
+								children: "Suggested commands"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: "Source suggestions for Agent investigation; inspection never executes commands."
+							}),
+							report.commands.candidates.length === 0 && /* @__PURE__ */ jsx("p", {
+								className: "mt-2 text-muted-foreground",
+								children: "No command suggestions available for this scope."
+							}),
+							/* @__PURE__ */ jsx("ul", {
+								className: "mt-1 divide-y",
+								children: report.commands.candidates.map((candidate, index) => /* @__PURE__ */ jsxs("li", {
+									className: "py-2 min-w-0",
+									children: [/* @__PURE__ */ jsx("div", {
+										className: "flex flex-wrap items-center justify-between gap-2",
+										children: /* @__PURE__ */ jsx("code", {
+											className: "block bg-transparent p-0 whitespace-pre-wrap break-words min-w-0",
+											children: candidate.command
+										})
+									}), /* @__PURE__ */ jsxs("p", {
+										className: "text-xs text-muted-foreground mt-1 break-words",
+										children: [
+											candidate.source,
+											" · ",
+											candidate.location,
+											" · cwd ",
+											candidate.cwd,
+											candidate.kind === "script" ? ` · ${candidate.packageManager ?? "package manager unknown"}` : " · documentation excerpt"
+										]
+									})]
+								}, `${candidate.source}:${index}`))
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("details", {
+						className: "border-t pt-3 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ jsx("summary", {
+							className: "cursor-pointer",
+							children: "Source details and fingerprints"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "mt-2 space-y-2",
+							children: [
+								/* @__PURE__ */ jsx("p", { children: "Deeper repository instructions apply within their own subtree. Private Agent instructions are managed on each Agent." }),
+								/* @__PURE__ */ jsxs("p", {
+									className: "break-all",
+									children: ["Snapshot SHA-256: ", report.fingerprint]
+								}),
+								report.git.head && /* @__PURE__ */ jsxs("p", {
+									className: "break-all",
+									children: ["Git commit: ", report.git.head]
+								}),
+								report.instructions.files.map((file) => /* @__PURE__ */ jsxs("p", {
+									className: "break-all",
+									children: [
+										/* @__PURE__ */ jsx("span", {
+											className: "font-mono",
+											children: file.path
+										}),
+										" · Scope: ",
+										file.scope,
+										" · Precedence:",
+										" ",
+										file.precedence,
+										/* @__PURE__ */ jsx("br", {}),
+										"SHA-256: ",
+										file.sha256
+									]
+								}, file.path)),
+								report.commands.sources.map((source) => /* @__PURE__ */ jsxs("p", {
+									className: "break-all",
+									children: [
+										/* @__PURE__ */ jsx("span", {
+											className: "font-mono",
+											children: source.path
+										}),
+										/* @__PURE__ */ jsx("br", {}),
+										"SHA-256: ",
+										source.sha256
+									]
+								}, source.path))
+							]
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/routes/teams/$id/index.tsx?tsr-split=component
+function TeamDetailPage() {
+	const { team, members, profileGroups } = Route.useLoaderData();
+	const router = useRouter();
+	const [userMd, setUserMd] = useState(team.userMd);
+	const [busy, setBusy] = useState(false);
+	const [err, setErr] = useState(null);
+	const [savedAt, setSavedAt] = useState(null);
+	const [topicDirty, setTopicDirty] = useState(false);
+	const contextDirty = userMd !== team.userMd || topicDirty;
+	async function save() {
+		setBusy(true);
+		setErr(null);
+		try {
+			const res = await fetch(`/api/teams/${encodeURIComponent(team.id)}/user-md`, {
+				method: "PUT",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ userMd })
+			});
+			if (!res.ok) {
+				const e = await res.json().catch(() => ({}));
+				throw new Error(e.error ?? `${res.status} ${res.statusText}`);
+			}
+			setSavedAt(Date.now());
+			await router.invalidate();
+		} catch (e) {
+			setErr(e.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(PageShell, { children: [
+		/* @__PURE__ */ jsx(UnsavedChangesGuard, {
+			when: contextDirty,
+			subject: "Team context"
+		}),
+		/* @__PURE__ */ jsxs("h1", {
+			className: "font-serif text-3xl text-foreground",
+			children: [
+				team.name,
+				" ",
+				/* @__PURE__ */ jsxs("span", {
+					className: "text-muted-foreground text-base",
+					children: [
+						"(",
+						team.id,
+						")"
+					]
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground text-sm mb-6 mt-1",
+			children: [
+				/* @__PURE__ */ jsx("code", {
+					className: "font-mono",
+					children: team.path
+				}),
+				" · ",
+				members.length,
+				" ",
+				"member",
+				members.length === 1 ? "" : "s",
+				" ·",
+				" ",
+				/* @__PURE__ */ jsx("a", {
+					href: `/teams/${encodeURIComponent(team.id)}/memory`,
+					className: "text-primary underline",
+					children: "shared memory →"
+				})
+			]
+		}),
+		/* @__PURE__ */ jsx(TeamTabs, { teamId: team.id }),
+		/* @__PURE__ */ jsxs("section", {
+			className: "rounded-lg border bg-card p-5 mb-6",
+			children: [
+				/* @__PURE__ */ jsx("h3", {
+					className: "font-serif text-xl mb-1",
+					children: "USER.md"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-sm mb-3",
+					children: "Read-only context about the human, injected into every member agent's system prompt. 12 KB cap. Agents cannot edit this file — only you can."
+				}),
+				/* @__PURE__ */ jsx("label", {
+					htmlFor: "team-user-context",
+					className: "sr-only",
+					children: "USER.md Team context"
+				}),
+				/* @__PURE__ */ jsx("textarea", {
+					id: "team-user-context",
+					value: userMd,
+					onChange: (e) => setUserMd(e.target.value),
+					rows: 16,
+					className: "w-full rounded-md border bg-background px-3 py-2 font-mono text-sm outline-none focus:ring-2 focus:ring-ring/30",
+					placeholder: "What the agent should know about you in this team context…"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3 mt-3",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							onClick: save,
+							disabled: busy || userMd === team.userMd,
+							children: busy ? "saving…" : "save"
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-xs text-muted-foreground",
+							children: [userMd.length, " / 12000 chars"]
+						}),
+						savedAt && /* @__PURE__ */ jsx("span", {
+							role: "status",
+							className: "text-xs text-success",
+							children: "Saved"
+						}),
+						err && /* @__PURE__ */ jsx("span", {
+							role: "alert",
+							className: "text-xs text-danger",
+							children: err
+						})
+					]
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("details", {
+			className: "mb-6 rounded-lg border bg-card p-4",
+			children: [
+				/* @__PURE__ */ jsx("summary", {
+					className: "cursor-pointer text-sm",
+					children: "Advanced repository diagnostics"
+				}),
+				/* @__PURE__ */ jsx(RepositoryContextCard, { teamId: team.id }, team.id),
+				/* @__PURE__ */ jsx(CodingDefaultsCard, { teamId: team.id })
+			]
+		}),
+		/* @__PURE__ */ jsx(TopicNameFormatCard, {
+			team,
+			sampleAgent: members[0]?.name ?? "researcher",
+			onSaved: () => router.invalidate(),
+			onDirtyChange: setTopicDirty
+		}),
+		members.length === 0 && /* @__PURE__ */ jsx(SpawnFromTemplateCard, {
+			teamId: team.id,
+			profileGroups,
+			onSpawned: () => router.invalidate()
+		}),
+		/* @__PURE__ */ jsx(SectionCard, {
+			title: "Roster",
+			description: "Live Team membership has one canonical management view.",
+			actions: /* @__PURE__ */ jsxs(StatusBadge, {
+				variant: members.length > 0 ? "success" : "neutral",
+				children: [
+					members.length,
+					" member",
+					members.length === 1 ? "" : "s"
+				]
+			}),
+			children: /* @__PURE__ */ jsx("a", {
+				href: `/teams/${encodeURIComponent(team.id)}/members`,
+				className: "ghost-btn",
+				children: "Manage Team members"
+			})
+		})
+	] });
+}
+function TopicNameFormatCard({ team, sampleAgent, onSaved, onDirtyChange }) {
+	const [format, setFormat] = useState(team.telegramTopicNameFormat ?? "");
+	const [busy, setBusy] = useState(false);
+	const [err, setErr] = useState(null);
+	const [savedAt, setSavedAt] = useState(null);
+	const trimmed = format.trim();
+	const preview = trimmed ? trimmed.replaceAll("{agent.name}", sampleAgent).replaceAll("{team.name}", team.name).replaceAll("{team.slug}", team.id) : team.id === "default" ? sampleAgent : `${team.id} › ${sampleAgent}`;
+	const dirty = (team.telegramTopicNameFormat ?? "") !== format;
+	useEffect(() => {
+		onDirtyChange(dirty);
+		return () => onDirtyChange(false);
+	}, [dirty, onDirtyChange]);
+	async function save(clear) {
+		setBusy(true);
+		setErr(null);
+		try {
+			const res = await fetch(`/api/teams/${encodeURIComponent(team.id)}/topic-format`, {
+				method: "PUT",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ format: clear ? null : format })
+			});
+			if (!res.ok) {
+				const e = await res.json().catch(() => ({}));
+				throw new Error(e.error ?? `${res.status} ${res.statusText}`);
+			}
+			if (clear) setFormat("");
+			setSavedAt(Date.now());
+			onSaved();
+		} catch (e) {
+			setErr(e.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-lg border bg-card p-5 mb-6",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "font-serif text-xl mb-1",
+				children: "Telegram topic names"
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-muted-foreground text-sm mb-3",
+				children: [
+					"Template for this team's Telegram forum-topic titles. Leave empty for built-in naming. Tokens: ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: "{agent.name}"
+					}),
+					" ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: "{team.name}"
+					}),
+					" ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: "{team.slug}"
+					}),
+					" — must include",
+					" ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: "{agent.name}"
+					}),
+					". Saving renames existing topics that you haven't manually renamed in Telegram."
+				]
+			}),
+			/* @__PURE__ */ jsx("label", {
+				htmlFor: "team-telegram-topic-format",
+				className: "sr-only",
+				children: "Telegram topic name format"
+			}),
+			/* @__PURE__ */ jsx("input", {
+				id: "team-telegram-topic-format",
+				value: format,
+				onChange: (e) => setFormat(e.target.value),
+				placeholder: "{team.name} / {agent.name}",
+				className: "w-full rounded-md border bg-background px-3 py-2 font-mono text-sm outline-none focus:ring-2 focus:ring-ring/30"
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-xs text-muted-foreground mt-2",
+				children: ["preview: ", /* @__PURE__ */ jsx("span", {
+					className: "font-mono text-foreground",
+					children: preview
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3 mt-3",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						onClick: () => save(false),
+						disabled: busy || !dirty || trimmed.length === 0,
+						children: busy ? "saving…" : "save"
+					}),
+					team.telegramTopicNameFormat && /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						onClick: () => save(true),
+						disabled: busy,
+						children: "clear"
+					}),
+					savedAt && /* @__PURE__ */ jsx("span", {
+						role: "status",
+						className: "text-xs text-success",
+						children: "Saved"
+					}),
+					err && /* @__PURE__ */ jsx("span", {
+						role: "alert",
+						className: "text-xs text-danger",
+						children: err
+					})
+				]
+			})
+		]
+	});
+}
+function SpawnFromTemplateCard({ teamId, profileGroups, onSpawned }) {
+	const eligible = profileGroups.filter((g) => g.slotCount > 0 && !g.deletedAt);
+	const [selected, setSelected] = useState(eligible[0]?.id ?? "");
+	const [busy, setBusy] = useState(false);
+	const [err, setErr] = useState(null);
+	async function spawn() {
+		if (!selected) return;
+		setBusy(true);
+		setErr(null);
+		try {
+			const template = eligible.find((item) => item.id === selected);
+			if (!template) throw new Error("Team template is unavailable.");
+			const policyResponse = await fetch(`/api/teams/${encodeURIComponent(teamId)}/policy`);
+			if (!policyResponse.ok) throw new Error("The current Team policy is unavailable.");
+			const current = await policyResponse.json();
+			const res = await fetch(`/api/team-templates/${encodeURIComponent(selected)}/spawn`, {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({
+					templateExpectedRevision: template.currentRevision,
+					teamId,
+					teamExpectedRevision: current.teamPolicy.revision,
+					mode: "initialize"
+				})
+			});
+			if (!res.ok) {
+				const e = await res.json().catch(() => ({}));
+				throw new Error(e.error ?? `${res.status} ${res.statusText}`);
+			}
+			onSpawned();
+		} catch (e) {
+			setErr(e.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-lg border bg-card p-5 mb-6",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "font-serif text-xl mb-1",
+				children: "spawn a team into this team"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm mb-3",
+				children: "This Team is empty. Pick a canonical Team template to initialize its roster and policy at the current reviewed Team and Team revisions."
+			}),
+			eligible.length === 0 ? /* @__PURE__ */ jsxs("p", {
+				className: "text-muted-foreground text-sm",
+				children: [
+					"No Team templates with slots yet. Build one on",
+					" ",
+					/* @__PURE__ */ jsx("a", {
+						href: "/templates/teams",
+						className: "text-primary underline",
+						children: "Team templates"
+					}),
+					" ",
+					"first."
+				]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-end gap-3",
+				children: [
+					/* @__PURE__ */ jsxs("label", {
+						className: "m-0 flex min-w-0 flex-1 flex-col gap-1 text-sm text-foreground",
+						children: ["Team template", /* @__PURE__ */ jsx("select", {
+							value: selected,
+							onChange: (e) => setSelected(e.target.value),
+							className: "min-w-0 rounded-md border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-ring/30",
+							children: eligible.map((g) => /* @__PURE__ */ jsxs("option", {
+								value: g.id,
+								children: [
+									g.name,
+									" (",
+									g.slotCount,
+									" slot",
+									g.slotCount === 1 ? "" : "s",
+									", r",
+									g.currentRevision,
+									")"
+								]
+							}, g.id))
+						})]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						onClick: spawn,
+						disabled: busy || !selected,
+						children: busy ? "spawning…" : "spawn team"
+					}),
+					err && /* @__PURE__ */ jsx("span", {
+						role: "alert",
+						className: "basis-full text-xs text-danger",
+						children: err
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { TeamDetailPage as component };