bazilion 0.5.0 → 0.6.0

package/dist/web/server/assets/profile-groups-B_kIT6BU.js

@@ -0,0 +1,208 @@
+import { t as Route } from "./profile-groups-BW5gU-fG.js";
+import { t as Button } from "./Button-Dsnw22OF.js";
+import { t as SpawnTeamModal } from "./SpawnTeamModal-dSN421k_.js";
+import { t as MembersEditor } from "./MembersEditor-BWQztvrX.js";
+import { t as TemplatesTabs } from "./TemplatesTabs---7h5GYa.js";
+import { useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/profile-groups/index.tsx?tsr-split=component
+function ProfileGroupsPage() {
+	const { profileGroups, groups, profiles, modelGroups, userMdDefault } = Route.useLoaderData();
+	const router = useRouter();
+	const [spawningId, setSpawningId] = useState(null);
+	async function del(id) {
+		if (!confirm("delete this profile group? (does not affect spawned agents)")) return;
+		const res = await fetch(`/api/profile-groups/${id}`, { method: "DELETE" });
+		if (!res.ok && res.status !== 204) {
+			const e = await res.json().catch(() => null);
+			alert(e?.error ?? res.statusText);
+			return;
+		}
+		await router.invalidate();
+	}
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx(TemplatesTabs, {}),
+		/* @__PURE__ */ jsx("h1", { children: "profile groups" }),
+		/* @__PURE__ */ jsx("p", {
+			className: "muted",
+			children: "A profile group is a reusable team template. Each one holds an ordered list of members — profile + agent-name + optional overrides — that get replayed as a single transactional spawn into a target group."
+		}),
+		/* @__PURE__ */ jsx(CreateProfileGroupForm, {
+			profiles,
+			modelGroups,
+			userMdDefault,
+			onCreated: () => router.invalidate()
+		}),
+		/* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx("th", { children: "id" }),
+			/* @__PURE__ */ jsx("th", { children: "name" }),
+			/* @__PURE__ */ jsx("th", { children: "members" }),
+			/* @__PURE__ */ jsx("th", {})
+		] }) }), /* @__PURE__ */ jsxs("tbody", { children: [profileGroups.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+			colSpan: 4,
+			className: "muted",
+			children: "no profile groups yet"
+		}) }), profileGroups.map((g) => /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("a", {
+				href: `/profile-groups/${g.id}`,
+				children: /* @__PURE__ */ jsx("code", { children: g.id })
+			}) }),
+			/* @__PURE__ */ jsx("td", { children: g.name }),
+			/* @__PURE__ */ jsx("td", { children: g.memberCount }),
+			/* @__PURE__ */ jsxs("td", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					disabled: g.memberCount === 0,
+					title: g.memberCount === 0 ? "add at least one member before spawning" : void 0,
+					onClick: () => setSpawningId(g.id),
+					children: "spawn team"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "danger",
+					onClick: () => del(g.id),
+					children: "delete"
+				})]
+			})
+		] }, g.id))] })] }),
+		spawningId && /* @__PURE__ */ jsx(SpawnTeamModal, {
+			profileGroup: profileGroups.find((g) => g.id === spawningId),
+			groups,
+			onClose: () => setSpawningId(null),
+			onSpawned: (slug) => {
+				setSpawningId(null);
+				router.navigate({
+					to: "/groups/$id",
+					params: { id: slug }
+				});
+			}
+		})
+	] });
+}
+function CreateProfileGroupForm({ profiles, modelGroups, userMdDefault, onCreated }) {
+	const [id, setId] = useState("");
+	const [name, setName] = useState("");
+	const [userMd, setUserMd] = useState(userMdDefault);
+	const [members, setMembers] = useState([]);
+	const [err, setErr] = useState(null);
+	const [submitting, setSubmitting] = useState(false);
+	async function submit(e) {
+		e.preventDefault();
+		setErr(null);
+		if (!id.trim()) {
+			setErr("id is required");
+			return;
+		}
+		setSubmitting(true);
+		try {
+			const createBody = { id: id.trim() };
+			if (name.trim()) createBody.name = name.trim();
+			if (userMd) createBody.userMd = userMd;
+			const createRes = await fetch("/api/profile-groups", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(createBody)
+			});
+			if (!createRes.ok) {
+				const e2 = await createRes.json().catch(() => null);
+				throw new Error(e2?.error ?? createRes.statusText);
+			}
+			if (members.length > 0) {
+				const membersRes = await fetch(`/api/profile-groups/${id.trim()}/members`, {
+					method: "PUT",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ members })
+				});
+				if (!membersRes.ok) {
+					const e2 = await membersRes.json().catch(() => null);
+					throw new Error(`group created, member save failed: ${e2?.error ?? membersRes.statusText}`);
+				}
+			}
+			setId("");
+			setName("");
+			setUserMd(userMdDefault);
+			setMembers([]);
+			onCreated();
+		} catch (e2) {
+			setErr(e2.message);
+		} finally {
+			setSubmitting(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		className: "card",
+		onSubmit: submit,
+		children: [
+			/* @__PURE__ */ jsx("h3", { children: "create profile group" }),
+			err && /* @__PURE__ */ jsx("div", {
+				className: "err",
+				children: err
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-4",
+				children: [/* @__PURE__ */ jsxs("label", {
+					className: "flex-1",
+					children: ["id (slug)", /* @__PURE__ */ jsx("input", {
+						value: id,
+						onChange: (e) => setId(e.target.value),
+						required: true,
+						placeholder: "platform-team"
+					})]
+				}), /* @__PURE__ */ jsxs("label", {
+					className: "flex-1",
+					children: ["name", /* @__PURE__ */ jsx("input", {
+						value: name,
+						onChange: (e) => setName(e.target.value),
+						placeholder: "Platform Team"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("label", { children: ["starter USER.md (seeded into freshly-created target groups; prefilled with the built-in default — edit to customise)", /* @__PURE__ */ jsx("textarea", {
+				rows: 3,
+				value: userMd,
+				onChange: (e) => setUserMd(e.target.value),
+				className: "font-mono text-[0.88em] leading-[1.55]"
+			})] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-4",
+				children: [
+					/* @__PURE__ */ jsx("h4", {
+						className: "mb-1 text-[0.95em] font-medium",
+						children: "members"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "muted mb-2 text-[0.88em]",
+						children: [
+							"Each member becomes one agent when the team is spawned. You can also configure members later from the detail page.",
+							" ",
+							profiles.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+								"Available profiles:",
+								" ",
+								profiles.map((p, i) => /* @__PURE__ */ jsxs("span", { children: [i > 0 && ", ", /* @__PURE__ */ jsx("code", { children: p.id })] }, p.id)),
+								"."
+							] })
+						]
+					}),
+					/* @__PURE__ */ jsx(MembersEditor, {
+						members,
+						onChange: setMembers,
+						profiles,
+						modelGroups,
+						emptyHint: "No members configured yet — add one to pick a profile for each team member."
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-4",
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					type: "submit",
+					disabled: submitting,
+					children: submitting ? "creating…" : "create"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { ProfileGroupsPage as component };

package/dist/web/server/assets/profile-groups-C5isDI2t.js

@@ -0,0 +1,28 @@
+import { t as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-CBTntoKx.js";
+import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
+//#region src/routes/profile-groups/index.tsx?tss-serverfn-split
+var fetchProfileGroupsData_createServerFn_handler = createServerRpc({
+	id: "be2ab9d2d20bd46baa655e08a8f6f0c2161b01657d0362564a58edeaf2195a31",
+	name: "fetchProfileGroupsData",
+	filename: "src/routes/profile-groups/index.tsx"
+}, (opts) => fetchProfileGroupsData.__executeServer(opts));
+var fetchProfileGroupsData = createServerFn({ method: "GET" }).handler(fetchProfileGroupsData_createServerFn_handler, async () => {
+	const c = daemonClient();
+	const [profileGroups, groups, profiles, models, templates] = await Promise.all([
+		c.get("/api/profile-groups"),
+		c.get("/api/groups"),
+		c.get("/api/profiles"),
+		c.get("/api/config/available-models"),
+		c.get("/api/profiles/_/templates")
+	]);
+	return {
+		profileGroups,
+		groups,
+		profiles,
+		modelGroups: models.groups,
+		userMdDefault: templates.userMd
+	};
+});
+//#endregion
+export { fetchProfileGroupsData_createServerFn_handler };

package/dist/web/server/assets/profiles-BP1v-jna.js

@@ -0,0 +1,453 @@
+import { t as Route } from "./profiles-Cy5auEj8.js";
+import { t as Button } from "./Button-Dsnw22OF.js";
+import { t as TemplatesTabs } from "./TemplatesTabs---7h5GYa.js";
+import { useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/profiles/index.tsx?tsr-split=component
+function ProfilesPage() {
+	const { profiles, modelGroups, skills, templates } = Route.useLoaderData();
+	const router = useRouter();
+	async function del(id) {
+		if (!confirm("delete profile and all its files?")) return;
+		const res = await fetch(`/api/profiles/${id}`, { method: "DELETE" });
+		if (!res.ok && res.status !== 204) {
+			const body = await res.json().catch(() => null);
+			alert(body?.error ?? res.statusText);
+			return;
+		}
+		await router.invalidate();
+	}
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx(TemplatesTabs, {}),
+		/* @__PURE__ */ jsx("h1", { children: "profiles" }),
+		/* @__PURE__ */ jsx("p", {
+			className: "muted",
+			children: "A profile is a spawn template — SOUL/IDENTITY templates, a default model, a skills policy. Agents choose a group at spawn time, independent of their profile."
+		}),
+		/* @__PURE__ */ jsx(CreateProfileForm, {
+			modelGroups,
+			skills,
+			templates,
+			onCreated: () => router.invalidate()
+		}),
+		/* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx("th", { children: "id" }),
+			/* @__PURE__ */ jsx("th", { children: "name" }),
+			/* @__PURE__ */ jsx("th", { children: "model" }),
+			/* @__PURE__ */ jsx("th", { children: "agents" }),
+			/* @__PURE__ */ jsx("th", { children: "skills" }),
+			/* @__PURE__ */ jsx("th", {})
+		] }) }), /* @__PURE__ */ jsxs("tbody", { children: [profiles.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+			colSpan: 6,
+			className: "muted",
+			children: "no profiles yet"
+		}) }), profiles.map((p) => {
+			const skillsLabel = p.skillsMode === "all" ? "all" : p.defaultSkills.length === 0 ? "—" : p.defaultSkills.join(", ");
+			return /* @__PURE__ */ jsxs("tr", { children: [
+				/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("a", {
+					href: `/profiles/${p.id}`,
+					children: /* @__PURE__ */ jsx("code", { children: p.id })
+				}) }),
+				/* @__PURE__ */ jsx("td", { children: p.name }),
+				/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("code", { children: p.defaultModel }) }),
+				/* @__PURE__ */ jsx("td", { children: p.agentCount }),
+				/* @__PURE__ */ jsx("td", {
+					className: "text-xs text-mocha-light",
+					children: skillsLabel
+				}),
+				/* @__PURE__ */ jsx("td", { children: p.agentCount === 0 ? /* @__PURE__ */ jsx(Button, {
+					variant: "danger",
+					onClick: () => del(p.id),
+					children: "delete"
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "muted",
+					title: `${p.agentCount} agent(s) use this profile`,
+					children: "in use"
+				}) })
+			] }, p.id);
+		})] })] })
+	] });
+}
+function CreateProfileForm({ modelGroups, skills, templates, onCreated }) {
+	const [tab, setTab] = useState("basics");
+	const [id, setId] = useState("");
+	const [name, setName] = useState("");
+	const [model, setModel] = useState("");
+	const [soul, setSoul] = useState(templates.soul);
+	const [identity, setIdentity] = useState(templates.identity);
+	const [bootstrap, setBootstrap] = useState(templates.bootstrap);
+	const [enableBootstrap, setEnableBootstrap] = useState(true);
+	const [agentsTpl, setAgentsTpl] = useState(templates.agents);
+	const [enableAgents, setEnableAgents] = useState(true);
+	const [toolsTpl, setToolsTpl] = useState(templates.tools);
+	const [enableTools, setEnableTools] = useState(true);
+	const [heartbeatTpl, setHeartbeatTpl] = useState(templates.heartbeat);
+	const [enableHeartbeat, setEnableHeartbeat] = useState(false);
+	function setTemplateEnabled(key, setter, on) {
+		setter(on);
+		if (!on && tab === key) setTab("basics");
+	}
+	const [skillsMode, setSkillsMode] = useState("all");
+	const [picked, setPicked] = useState(/* @__PURE__ */ new Set());
+	const [error, setError] = useState(null);
+	const [submitting, setSubmitting] = useState(false);
+	function togglePicked(name) {
+		setPicked((prev) => {
+			const next = new Set(prev);
+			if (next.has(name)) next.delete(name);
+			else next.add(name);
+			return next;
+		});
+	}
+	async function submit(e) {
+		e.preventDefault();
+		setError(null);
+		if (!id.trim()) {
+			setError("id is required");
+			return;
+		}
+		if (!model.trim()) {
+			setError("default model is required");
+			return;
+		}
+		setSubmitting(true);
+		try {
+			const body = {
+				id: id.trim(),
+				name: name.trim() || void 0,
+				model: model.trim(),
+				skillsMode,
+				defaultSkills: skillsMode === "selected" ? Array.from(picked) : [],
+				soul,
+				identity,
+				bootstrap: enableBootstrap ? bootstrap : null,
+				agents: enableAgents ? agentsTpl : null,
+				tools: enableTools ? toolsTpl : null,
+				heartbeat: enableHeartbeat ? heartbeatTpl : null
+			};
+			const res = await fetch("/api/profiles", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body)
+			});
+			if (!res.ok) {
+				const e2 = await res.json().catch(() => null);
+				throw new Error(e2?.error ?? res.statusText);
+			}
+			setId("");
+			setName("");
+			setModel("");
+			setEnableBootstrap(true);
+			setAgentsTpl(templates.agents);
+			setEnableAgents(true);
+			setToolsTpl(templates.tools);
+			setEnableTools(true);
+			setHeartbeatTpl(templates.heartbeat);
+			setEnableHeartbeat(false);
+			setPicked(/* @__PURE__ */ new Set());
+			setSkillsMode("all");
+			setTab("basics");
+			onCreated();
+		} catch (err) {
+			setError(err.message);
+		} finally {
+			setSubmitting(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		className: "card",
+		onSubmit: submit,
+		children: [
+			/* @__PURE__ */ jsx("h3", { children: "create profile" }),
+			error && /* @__PURE__ */ jsx("div", {
+				className: "err",
+				children: error
+			}),
+			/* @__PURE__ */ jsx(Tabs, {
+				items: [
+					{
+						id: "basics",
+						label: "basics"
+					},
+					{
+						id: "soul",
+						label: "SOUL"
+					},
+					{
+						id: "identity",
+						label: "IDENTITY"
+					},
+					{
+						id: "bootstrap",
+						label: "BOOTSTRAP",
+						disabled: !enableBootstrap
+					},
+					{
+						id: "agents",
+						label: "AGENTS",
+						disabled: !enableAgents
+					},
+					{
+						id: "tools",
+						label: "TOOLS",
+						disabled: !enableTools
+					},
+					{
+						id: "heartbeat",
+						label: "HEARTBEAT",
+						disabled: !enableHeartbeat
+					},
+					{
+						id: "skills",
+						label: "skills"
+					}
+				],
+				active: tab,
+				onChange: (t) => setTab(t)
+			}),
+			/* @__PURE__ */ jsxs("fieldset", {
+				className: "mb-5 rounded-md border border-frost p-3",
+				children: [
+					/* @__PURE__ */ jsx("legend", {
+						className: "px-1 text-[0.85em] font-medium text-mocha",
+						children: "templates to include"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-wrap gap-x-5 gap-y-2 text-[0.9em]",
+						children: [
+							/* @__PURE__ */ jsxs("label", {
+								className: "inline-flex items-center gap-1.5 opacity-60",
+								title: "always included",
+								children: [/* @__PURE__ */ jsx("input", {
+									type: "checkbox",
+									defaultChecked: true,
+									disabled: true
+								}), " SOUL.md"]
+							}),
+							/* @__PURE__ */ jsxs("label", {
+								className: "inline-flex items-center gap-1.5 opacity-60",
+								title: "always included",
+								children: [/* @__PURE__ */ jsx("input", {
+									type: "checkbox",
+									defaultChecked: true,
+									disabled: true
+								}), " IDENTITY.md"]
+							}),
+							/* @__PURE__ */ jsxs("label", {
+								className: "inline-flex cursor-pointer items-center gap-1.5",
+								children: [/* @__PURE__ */ jsx("input", {
+									type: "checkbox",
+									checked: enableBootstrap,
+									onChange: (e) => setTemplateEnabled("bootstrap", setEnableBootstrap, e.target.checked)
+								}), "BOOTSTRAP.md"]
+							}),
+							/* @__PURE__ */ jsxs("label", {
+								className: "inline-flex cursor-pointer items-center gap-1.5",
+								children: [/* @__PURE__ */ jsx("input", {
+									type: "checkbox",
+									checked: enableAgents,
+									onChange: (e) => setTemplateEnabled("agents", setEnableAgents, e.target.checked)
+								}), "AGENTS.md"]
+							}),
+							/* @__PURE__ */ jsxs("label", {
+								className: "inline-flex cursor-pointer items-center gap-1.5",
+								children: [/* @__PURE__ */ jsx("input", {
+									type: "checkbox",
+									checked: enableTools,
+									onChange: (e) => setTemplateEnabled("tools", setEnableTools, e.target.checked)
+								}), "TOOLS.md"]
+							}),
+							/* @__PURE__ */ jsxs("label", {
+								className: "inline-flex cursor-pointer items-center gap-1.5",
+								children: [/* @__PURE__ */ jsx("input", {
+									type: "checkbox",
+									checked: enableHeartbeat,
+									onChange: (e) => setTemplateEnabled("heartbeat", setEnableHeartbeat, e.target.checked)
+								}), "HEARTBEAT.md"]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "muted mt-2 text-[0.8em]",
+						children: "Disabled files aren't created for this profile. Each spawned agent gets its own copy of the enabled files at spawn time."
+					})
+				]
+			}),
+			tab === "basics" && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-4",
+				children: [/* @__PURE__ */ jsxs("label", {
+					className: "flex-1",
+					children: ["id (slug)", /* @__PURE__ */ jsx("input", {
+						value: id,
+						onChange: (e) => setId(e.target.value),
+						required: true
+					})]
+				}), /* @__PURE__ */ jsxs("label", {
+					className: "flex-1",
+					children: ["name", /* @__PURE__ */ jsx("input", {
+						value: name,
+						onChange: (e) => setName(e.target.value)
+					})]
+				})]
+			}), /* @__PURE__ */ jsxs("label", { children: ["default model", modelGroups.length === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("select", {
+				disabled: true,
+				children: /* @__PURE__ */ jsx("option", { children: "(no models available)" })
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "muted text-[0.85em]",
+				children: [
+					"Enable a provider and curate models on ",
+					/* @__PURE__ */ jsx("a", {
+						href: "/config",
+						children: "/config"
+					}),
+					" first."
+				]
+			})] }) : /* @__PURE__ */ jsxs("select", {
+				value: model,
+				onChange: (e) => setModel(e.target.value),
+				required: true,
+				children: [/* @__PURE__ */ jsx("option", {
+					value: "",
+					children: "-- pick a model --"
+				}), modelGroups.map((g) => /* @__PURE__ */ jsx("optgroup", {
+					label: g.provider,
+					children: g.models.map((m) => /* @__PURE__ */ jsx("option", {
+						value: `${g.provider}:${m}`,
+						children: `${g.provider}:${m}`
+					}, m))
+				}, g.provider))]
+			})] })] }),
+			tab === "soul" && /* @__PURE__ */ jsx(TemplateTab, {
+				label: "SOUL.md",
+				hint: "Persona, values, and operating principles. Injected into every session.",
+				value: soul,
+				onChange: setSoul,
+				rows: 16
+			}),
+			tab === "identity" && /* @__PURE__ */ jsx(TemplateTab, {
+				label: "IDENTITY.md",
+				hint: "Name, creature, vibe, emoji, avatar — filled in during the bootstrap ritual.",
+				value: identity,
+				onChange: setIdentity,
+				rows: 12
+			}),
+			tab === "bootstrap" && /* @__PURE__ */ jsx(TemplateTab, {
+				label: "BOOTSTRAP.md",
+				hint: "One-time first-run ritual. The agent retires it once introductions are done.",
+				value: bootstrap,
+				onChange: setBootstrap,
+				rows: 16
+			}),
+			tab === "agents" && /* @__PURE__ */ jsx(TemplateTab, {
+				label: "AGENTS.md",
+				hint: "The workspace operating manual — memory discipline, red lines, channel etiquette.",
+				value: agentsTpl,
+				onChange: setAgentsTpl,
+				rows: 16
+			}),
+			tab === "tools" && /* @__PURE__ */ jsx(TemplateTab, {
+				label: "TOOLS.md",
+				hint: "Agent-specific tool notes and environment facts beyond the generic tool descriptions.",
+				value: toolsTpl,
+				onChange: setToolsTpl,
+				rows: 14
+			}),
+			tab === "heartbeat" && /* @__PURE__ */ jsx(TemplateTab, {
+				label: "HEARTBEAT.md",
+				hint: "Optional checklist run on scheduled wake-ups. Pair with an interval/cron trigger.",
+				value: heartbeatTpl,
+				onChange: setHeartbeatTpl,
+				rows: 12
+			}),
+			tab === "skills" && /* @__PURE__ */ jsxs("div", { children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "muted my-2",
+					children: "Choose which skills agents inherit at spawn time. In both modes each agent can still attach or detach skills individually after it's spawned."
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "flex items-start gap-2 my-2 cursor-pointer",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "radio",
+						name: "skillsMode",
+						value: "all",
+						checked: skillsMode === "all",
+						onChange: () => setSkillsMode("all")
+					}), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("strong", { children: "allow all skills" }), " — every skill on disk is attached when an agent is spawned."] })]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "flex items-start gap-2 my-2 cursor-pointer",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "radio",
+						name: "skillsMode",
+						value: "selected",
+						checked: skillsMode === "selected",
+						onChange: () => setSkillsMode("selected")
+					}), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("strong", { children: "select skills" }), " — attach only the ones you pick below."] })]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: `mt-3 max-h-[22rem] overflow-y-auto rounded-md border border-frost p-3 ${skillsMode === "all" ? "opacity-50 pointer-events-none" : ""}`,
+					children: skills.length === 0 ? /* @__PURE__ */ jsxs("p", {
+						className: "muted",
+						children: [
+							"No skills installed yet. Import some on ",
+							/* @__PURE__ */ jsx("a", {
+								href: "/skills",
+								children: "/skills"
+							}),
+							"."
+						]
+					}) : skills.map((s) => /* @__PURE__ */ jsxs("label", {
+						className: "my-1.5 flex cursor-pointer items-start gap-2",
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "checkbox",
+							checked: picked.has(s.name),
+							onChange: () => togglePicked(s.name)
+						}), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("code", { children: s.name }), s.description && /* @__PURE__ */ jsxs("span", {
+							className: "text-[0.9em] text-mocha-light",
+							children: [" — ", s.description]
+						})] })]
+					}, s.name))
+				})
+			] }),
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-5 flex gap-2",
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					type: "submit",
+					disabled: submitting,
+					children: submitting ? "creating…" : "create"
+				})
+			})
+		]
+	});
+}
+function Tabs({ items, active, onChange }) {
+	return /* @__PURE__ */ jsx("nav", {
+		role: "tablist",
+		className: "-mb-px mb-5 flex flex-wrap gap-1 border-b border-frost",
+		children: items.map((it) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			role: "tab",
+			"aria-selected": active === it.id,
+			disabled: it.disabled,
+			title: it.disabled ? "disabled — enable it in “templates to include”" : void 0,
+			onClick: () => onChange(it.id),
+			className: `unstyled border-b-2 bg-transparent px-4 py-2 text-[0.9em] font-medium transition-colors ${it.disabled ? "cursor-not-allowed border-transparent text-mocha-light/40" : active === it.id ? "cursor-pointer border-sapphire text-sapphire" : "cursor-pointer border-transparent text-mocha hover:text-sapphire"}`,
+			children: it.label
+		}, it.id))
+	});
+}
+function TemplateTab({ label, hint, value, onChange, rows }) {
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+		className: "muted my-2 text-[0.85em]",
+		children: hint
+	}), /* @__PURE__ */ jsxs("label", { children: [label, /* @__PURE__ */ jsx("textarea", {
+		rows,
+		value,
+		onChange: (e) => onChange(e.target.value),
+		className: "font-mono text-[0.88em] leading-[1.55]"
+	})] })] });
+}
+//#endregion
+export { ProfilesPage as component };