bazilion 0.5.1 → 0.7.0

package/dist/web/server/assets/profiles-LxcC_L6n.js

@@ -0,0 +1,453 @@
+import { t as Route } from "./profiles-CZ5NkmVw.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 };