bazilion 0.13.0 → 0.14.0

package/dist/web/server/assets/{_id-CPIXIqyO.js → _id-BqWTB8Wl.js}

@@ -1,16 +1,29 @@
-import { t as Route } from "./_id-BENqNBfK.js";
-import { r as PageShell } from "./Page-LENulSXY.js";
+import { t as Route } from "./_id-BYKpT2Tu.js";
+import { r as PageShell } from "./Page-Bz-ydB8j.js";
+import { t as UnsavedChangesGuard } from "./UnsavedChangesGuard-CiStXyBI.js";
 import { t as DEFAULT_PROFILE_COMMUNICATION } from "./team-policy-vPG01onj.js";
 import { t as ProfileCommunicationEditor } from "./ProfileCommunicationEditor-C2RU-2QB.js";
-import { t as TemplatesTabs } from "./TemplatesTabs-CcRxZhJe.js";
-import { useState } from "react";
+import { t as TemplatesTabs } from "./TemplatesTabs-B0fA361R.js";
+import { useCallback, useEffect, useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/routes/templates/agents/$id/index.tsx?tsr-split=component
 function ProfileDetailPage() {
 	const { loaded, modelGroups, skills } = Route.useLoaderData();
 	const [tab, setTab] = useState("basics");
+	const [dirtySections, setDirtySections] = useState({});
+	const reportDirty = useCallback((section, dirty) => {
+		setDirtySections((current) => current[section] === dirty ? current : {
+			...current,
+			[section]: dirty
+		});
+	}, []);
+	const dirtyCount = Object.values(dirtySections).filter(Boolean).length;
 	return /* @__PURE__ */ jsxs(PageShell, { children: [
+		/* @__PURE__ */ jsx(UnsavedChangesGuard, {
+			when: dirtyCount > 0,
+			subject: "Agent template changes"
+		}),
 		/* @__PURE__ */ jsx(TemplatesTabs, {}),
 		/* @__PURE__ */ jsxs("header", {
 			className: "mb-1",
@@ -58,77 +71,134 @@ function ProfileDetailPage() {
 			active: tab,
 			onChange: (t) => setTab(t)
 		}),
-		tab === "basics" && /* @__PURE__ */ jsxs("div", { children: [
-			/* @__PURE__ */ jsx(SettingsCard, {
-				profileId: loaded.profile.id,
-				initialName: loaded.profile.name,
-				currentModel: loaded.profile.defaultModel,
-				modelGroups
-			}),
-			/* @__PURE__ */ jsx(FileCard, {
-				profileId: loaded.profile.id,
-				file: "SOUL.md",
-				initialContent: loaded.files.soul,
-				rows: 14
-			}),
-			/* @__PURE__ */ jsx(FileCard, {
-				profileId: loaded.profile.id,
-				file: "IDENTITY.md",
-				initialContent: loaded.files.identity,
-				rows: 10
-			}),
-			loaded.files.bootstrap === null ? /* @__PURE__ */ jsxs("section", {
-				className: "file-card",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "file-head",
-					children: /* @__PURE__ */ jsx("h3", { children: "BOOTSTRAP.md" })
-				}), /* @__PURE__ */ jsx("p", {
-					className: "muted",
-					children: "This profile was created without a bootstrap prompt. Spawned agents won't see a first-run intro message."
-				})]
-			}) : /* @__PURE__ */ jsx(FileCard, {
-				profileId: loaded.profile.id,
-				file: "BOOTSTRAP.md",
-				initialContent: loaded.files.bootstrap,
-				rows: 10
-			}),
-			/* @__PURE__ */ jsx(OptionalFileCard, {
-				profileId: loaded.profile.id,
-				file: "AGENTS.md",
-				initialContent: loaded.files.agents,
-				hint: "Peers and routing notes — who this agent can hand off to."
-			}),
-			/* @__PURE__ */ jsx(OptionalFileCard, {
+		dirtyCount > 0 && /* @__PURE__ */ jsxs("p", {
+			role: "status",
+			className: "mb-4 text-sm text-warning",
+			children: [
+				dirtyCount,
+				" unsaved ",
+				dirtyCount === 1 ? "section" : "sections",
+				" — switching tabs keeps the draft, but leaving this page will ask for confirmation."
+			]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			hidden: tab !== "basics",
+			children: [
+				/* @__PURE__ */ jsx(SettingsCard, {
+					profileId: loaded.profile.id,
+					initialName: loaded.profile.name,
+					currentModel: loaded.profile.defaultModel,
+					modelGroups,
+					onDirtyChange: reportDirty
+				}),
+				/* @__PURE__ */ jsx(FileCard, {
+					profileId: loaded.profile.id,
+					file: "SOUL.md",
+					initialContent: loaded.files.soul,
+					rows: 14,
+					onDirtyChange: reportDirty
+				}),
+				/* @__PURE__ */ jsx(FileCard, {
+					profileId: loaded.profile.id,
+					file: "IDENTITY.md",
+					initialContent: loaded.files.identity,
+					rows: 10,
+					onDirtyChange: reportDirty
+				}),
+				loaded.files.bootstrap === null ? /* @__PURE__ */ jsxs("section", {
+					className: "file-card",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "file-head",
+						children: /* @__PURE__ */ jsx("h3", { children: "BOOTSTRAP.md" })
+					}), /* @__PURE__ */ jsx("p", {
+						className: "muted",
+						children: "This profile was created without a bootstrap prompt. Spawned agents won't see a first-run intro message."
+					})]
+				}) : /* @__PURE__ */ jsx(FileCard, {
+					profileId: loaded.profile.id,
+					file: "BOOTSTRAP.md",
+					initialContent: loaded.files.bootstrap,
+					rows: 10,
+					onDirtyChange: reportDirty
+				}),
+				/* @__PURE__ */ jsx(OptionalFileCard, {
+					profileId: loaded.profile.id,
+					file: "AGENTS.md",
+					initialContent: loaded.files.agents,
+					hint: "Peers and routing notes — who this agent can hand off to.",
+					onDirtyChange: reportDirty
+				}),
+				/* @__PURE__ */ jsx(OptionalFileCard, {
+					profileId: loaded.profile.id,
+					file: "TOOLS.md",
+					initialContent: loaded.files.tools,
+					hint: "Tool playbook. Agent-specific usage notes that go beyond the generic tool descriptions.",
+					onDirtyChange: reportDirty
+				})
+			]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			hidden: tab !== "skills",
+			children: /* @__PURE__ */ jsx(SkillsCard, {
 				profileId: loaded.profile.id,
-				file: "TOOLS.md",
-				initialContent: loaded.files.tools,
-				hint: "Tool playbook. Agent-specific usage notes that go beyond the generic tool descriptions."
+				initialMode: loaded.profile.skillsMode,
+				initialPicked: new Set(loaded.defaultSkills),
+				skills,
+				onDirtyChange: reportDirty
 			})
-		] }),
-		tab === "skills" && /* @__PURE__ */ jsx(SkillsCard, {
-			profileId: loaded.profile.id,
-			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
+		/* @__PURE__ */ jsx("div", {
+			hidden: tab !== "communication",
+			children: /* @__PURE__ */ jsx(ProfileCommunicationCard, {
+				profileId: loaded.profile.id,
+				initial: loaded.profile.communicationDefaults ?? DEFAULT_PROFILE_COMMUNICATION,
+				onDirtyChange: reportDirty
+			})
 		})
 	] });
 }
-function ProfileCommunicationCard({ profileId, initial }) {
+function useDirtyReporter(section, dirty, onDirtyChange) {
+	useEffect(() => {
+		onDirtyChange(section, dirty);
+	}, [
+		dirty,
+		onDirtyChange,
+		section
+	]);
+}
+function ProfileCommunicationCard({ profileId, initial, onDirtyChange }) {
 	const [value, setValue] = useState(initial);
-	const [savedAt, setSavedAt] = useState(null);
-	const dirty = JSON.stringify(value) !== JSON.stringify(initial);
+	const [original, setOriginal] = useState(initial);
+	const [status, setStatus] = useState({
+		kind: "idle",
+		message: ""
+	});
+	const dirty = JSON.stringify(value) !== JSON.stringify(original);
+	const display = visibleStatus(dirty, status);
+	useDirtyReporter("communication", dirty, onDirtyChange);
 	const save = async () => {
-		const response = await fetch(`/api/profiles/${encodeURIComponent(profileId)}`, {
-			method: "PATCH",
-			headers: { "content-type": "application/json" },
-			body: JSON.stringify({ communicationDefaults: value })
+		setStatus({
+			kind: "saving",
+			message: "saving…"
 		});
-		if (!response.ok) throw new Error((await response.json().catch(() => null))?.error ?? response.statusText);
-		setSavedAt(Date.now());
+		try {
+			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);
+			setOriginal(value);
+			setStatus({
+				kind: "saved",
+				message: "saved to daemon"
+			});
+		} catch (err) {
+			setStatus({
+				kind: "error",
+				message: `error: ${err instanceof Error ? err.message : String(err)}`
+			});
+		}
 	};
 	return /* @__PURE__ */ jsxs("section", {
 		className: "rounded-md border border-frost bg-snow p-5 shadow-baziu-sm",
@@ -153,12 +223,13 @@ function ProfileCommunicationCard({ profileId, initial }) {
 				children: [/* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: "btn-primary",
-					disabled: !dirty,
+					disabled: !dirty || status.kind === "saving",
 					onClick: save,
 					children: "save communication defaults"
-				}), savedAt && /* @__PURE__ */ jsx("span", {
-					className: "text-xs text-sapphire",
-					children: "saved to daemon"
+				}), display.message && /* @__PURE__ */ jsx("span", {
+					role: display.kind === "error" ? "alert" : "status",
+					className: `text-xs ${statusColor(display.kind)}`,
+					children: display.message
 				})]
 			})
 		]
@@ -184,6 +255,12 @@ function statusColor(kind) {
 	if (kind === "dirty") return "text-mocha";
 	return "text-mocha-light";
 }
+function visibleStatus(dirty, status) {
+	return dirty && status.kind !== "saving" && status.kind !== "error" ? {
+		kind: "dirty",
+		message: "unsaved changes"
+	} : status;
+}
 function FileCardShell({ title, status, children }) {
 	return /* @__PURE__ */ jsxs("section", {
 		className: "file-card mb-5 rounded-[16px] border border-frost bg-snow p-5 shadow-baziu-sm",
@@ -193,23 +270,23 @@ function FileCardShell({ title, status, children }) {
 				className: "m-0 font-mono text-[0.95em] font-semibold normal-case tracking-normal text-chocolate",
 				children: title
 			}), status && /* @__PURE__ */ jsx("span", {
+				role: status.kind === "error" ? "alert" : status.message ? "status" : void 0,
 				className: `text-[0.82em] ${statusColor(status.kind)}`,
 				children: status.message
 			})]
 		}), children]
 	});
 }
-function FileCard({ profileId, file, initialContent, rows = 10 }) {
+function FileCard({ profileId, file, initialContent, rows = 10, onDirtyChange }) {
 	const [original, setOriginal] = useState(initialContent);
 	const [content, setContent] = useState(initialContent);
 	const [status, setStatus] = useState({
 		kind: "idle",
 		message: ""
 	});
-	const display = content !== original && status.kind !== "saving" && status.kind !== "error" ? {
-		kind: "dirty",
-		message: "unsaved changes"
-	} : status;
+	const dirty = content !== original;
+	useDirtyReporter(`file:${file}`, dirty, onDirtyChange);
+	const display = visibleStatus(dirty, status);
 	async function save() {
 		setStatus({
 			kind: "saving",
@@ -248,6 +325,7 @@ function FileCard({ profileId, file, initialContent, rows = 10 }) {
 		title: file,
 		status: display,
 		children: [/* @__PURE__ */ jsx("textarea", {
+			"aria-label": `${file} contents`,
 			rows,
 			value: content,
 			onChange: (e) => setContent(e.target.value),
@@ -269,7 +347,7 @@ function FileCard({ profileId, file, initialContent, rows = 10 }) {
 		})]
 	});
 }
-function OptionalFileCard({ profileId, file, initialContent, hint }) {
+function OptionalFileCard({ profileId, file, initialContent, hint, onDirtyChange }) {
 	const router = useRouter();
 	const [creating, setCreating] = useState(false);
 	const [status, setStatus] = useState({
@@ -325,20 +403,28 @@ function OptionalFileCard({ profileId, file, initialContent, hint }) {
 		profileId,
 		file,
 		initialContent,
-		rows: 10
+		rows: 10,
+		onDirtyChange
 	})] });
 }
-function SettingsCard({ profileId, initialName, currentModel, modelGroups }) {
+function SettingsCard({ profileId, initialName, currentModel, modelGroups, onDirtyChange }) {
 	const router = useRouter();
 	const [name, setName] = useState(initialName);
 	const [defaultModel, setDefaultModel] = useState(currentModel);
+	const [originalName, setOriginalName] = useState(initialName);
+	const [originalModel, setOriginalModel] = useState(currentModel);
 	const [status, setStatus] = useState({
 		kind: "idle",
 		message: ""
 	});
+	const dirty = name !== originalName || defaultModel !== originalModel;
+	const display = visibleStatus(dirty, status);
+	useDirtyReporter("settings", dirty, onDirtyChange);
 	const modelMissing = !modelGroups.flatMap((g) => g.models.map((m) => `${g.provider}:${m}`)).includes(currentModel);
 	async function save(e) {
 		e.preventDefault();
+		const savedName = name.trim();
+		const savedModel = defaultModel.trim();
 		setStatus({
 			kind: "saving",
 			message: "saving…"
@@ -348,8 +434,8 @@ function SettingsCard({ profileId, initialName, currentModel, modelGroups }) {
 				method: "PATCH",
 				headers: { "content-type": "application/json" },
 				body: JSON.stringify({
-					name: name.trim(),
-					defaultModel: defaultModel.trim()
+					name: savedName,
+					defaultModel: savedModel
 				})
 			});
 			if (!res.ok) {
@@ -357,6 +443,10 @@ function SettingsCard({ profileId, initialName, currentModel, modelGroups }) {
 				throw new Error(e2?.error ?? res.statusText);
 			}
 			await router.invalidate();
+			setName(savedName);
+			setDefaultModel(savedModel);
+			setOriginalName(savedName);
+			setOriginalModel(savedModel);
 			setStatus({
 				kind: "saved",
 				message: "saved"
@@ -370,7 +460,7 @@ function SettingsCard({ profileId, initialName, currentModel, modelGroups }) {
 	}
 	return /* @__PURE__ */ jsx(FileCardShell, {
 		title: "settings",
-		status,
+		status: display,
 		children: /* @__PURE__ */ jsxs("form", {
 			onSubmit: save,
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -405,21 +495,26 @@ function SettingsCard({ profileId, initialName, currentModel, modelGroups }) {
 				className: "mt-3 flex gap-2",
 				children: /* @__PURE__ */ jsx("button", {
 					type: "submit",
-					disabled: status.kind === "saving",
+					disabled: !dirty || status.kind === "saving",
 					children: "save settings"
 				})
 			})]
 		})
 	});
 }
-function SkillsCard({ profileId, initialMode, initialPicked, skills }) {
+function SkillsCard({ profileId, initialMode, initialPicked, skills, onDirtyChange }) {
 	const router = useRouter();
 	const [mode, setMode] = useState(initialMode);
 	const [picked, setPicked] = useState(initialPicked);
+	const [originalMode, setOriginalMode] = useState(initialMode);
+	const [originalPicked, setOriginalPicked] = useState(initialPicked);
 	const [status, setStatus] = useState({
 		kind: "idle",
 		message: ""
 	});
+	const dirty = mode !== originalMode || !sameSet(picked, originalPicked);
+	const display = visibleStatus(dirty, status);
+	useDirtyReporter("skills", dirty, onDirtyChange);
 	function toggle(name) {
 		setPicked((prev) => {
 			const next = new Set(prev);
@@ -430,6 +525,7 @@ function SkillsCard({ profileId, initialMode, initialPicked, skills }) {
 	}
 	async function save(e) {
 		e.preventDefault();
+		const savedPicked = mode === "selected" ? new Set(picked) : /* @__PURE__ */ new Set();
 		setStatus({
 			kind: "saving",
 			message: "saving…"
@@ -440,7 +536,7 @@ function SkillsCard({ profileId, initialMode, initialPicked, skills }) {
 				headers: { "content-type": "application/json" },
 				body: JSON.stringify({
 					skillsMode: mode,
-					defaultSkills: mode === "selected" ? Array.from(picked) : []
+					defaultSkills: Array.from(savedPicked)
 				})
 			});
 			if (!res.ok) {
@@ -448,6 +544,9 @@ function SkillsCard({ profileId, initialMode, initialPicked, skills }) {
 				throw new Error(e2?.error ?? res.statusText);
 			}
 			await router.invalidate();
+			setOriginalMode(mode);
+			setPicked(savedPicked);
+			setOriginalPicked(savedPicked);
 			setStatus({
 				kind: "saved",
 				message: "saved"
@@ -461,7 +560,7 @@ function SkillsCard({ profileId, initialMode, initialPicked, skills }) {
 	}
 	return /* @__PURE__ */ jsxs(FileCardShell, {
 		title: "skills",
-		status,
+		status: display,
 		children: [/* @__PURE__ */ jsx("p", {
 			className: "muted my-2",
 			children: "Choose what agents spawned from this profile inherit. Existing agents aren't affected — they keep whatever skills they were spawned with."
@@ -512,7 +611,7 @@ function SkillsCard({ profileId, initialMode, initialPicked, skills }) {
 					className: "mt-3 flex gap-2",
 					children: /* @__PURE__ */ jsx("button", {
 						type: "submit",
-						disabled: status.kind === "saving",
+						disabled: !dirty || status.kind === "saving",
 						children: "save skills"
 					})
 				})
@@ -520,5 +619,8 @@ function SkillsCard({ profileId, initialMode, initialPicked, skills }) {
 		})]
 	});
 }
+function sameSet(left, right) {
+	return left.size === right.size && Array.from(left).every((item) => right.has(item));
+}
 //#endregion
 export { ProfileDetailPage as component };

package/dist/web/server/assets/{_id-DkrNqqTw.js → _id-BwvCtzlD.js}

@@ -3,7 +3,7 @@ import { t as createSsrRpc } from "./createSsrRpc-6LHNEsSK.js";
 import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
 //#region src/routes/templates/teams/$id/index.tsx
 var $$splitErrorComponentImporter = () => import("./_id-A8Xiv6Lc.js");
-var $$splitComponentImporter = () => import("./_id-BQ2zoMiR.js");
+var $$splitComponentImporter = () => import("./_id-BM5m2FLT.js");
 var fetchTeam = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("a0bbbee5d0c1240a05e35c04d56a0e95ec78f05265e4e937eec48c8ac2041e58"));
 var Route = createFileRoute("/templates/teams/$id/")({
 	loader: ({ params }) => fetchTeam({ data: params }),

package/dist/web/server/assets/{_id-BZWunvy7.js → _id-DYU6uIBx.js}

@@ -1,7 +1,6 @@
 import { n as createServerFn } from "../server.js";
 import { t as createServerRpc } from "./createServerRpc-B7Yr1K8i.js";
 import { n as daemonClient, r as ApiClientError } from "./daemon-client-CI5NHwNC.js";
-import "react";
 //#region src/routes/templates/agents/$id/index.tsx?tss-serverfn-split
 var fetchProfile_createServerFn_handler = createServerRpc({
 	id: "032d74b7d41c718191dbdde6b06ba44993340ce1154af1fa6723a6d4f7a7236e",