bazilion 0.5.0 → 0.6.0

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

@@ -0,0 +1,24 @@
+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/$id.tsx?tss-serverfn-split
+var fetchDetail_createServerFn_handler = createServerRpc({
+	id: "86dad0c33c97a6f0913d1f38e9b01ac4144f7d0970b45fdb3470e9bc9a78e0e0",
+	name: "fetchDetail",
+	filename: "src/routes/profile-groups/$id.tsx"
+}, (opts) => fetchDetail.__executeServer(opts));
+var fetchDetail = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(fetchDetail_createServerFn_handler, async ({ data }) => {
+	const c = daemonClient();
+	const [detail, profiles, models] = await Promise.all([
+		c.get(`/api/profile-groups/${encodeURIComponent(data.id)}`),
+		c.get("/api/profiles"),
+		c.get("/api/config/available-models")
+	]);
+	return {
+		detail,
+		profiles,
+		modelGroups: models.groups
+	};
+});
+//#endregion
+export { fetchDetail_createServerFn_handler };

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

@@ -0,0 +1,662 @@
+import { t as Route } from "./_id-CvIGhq4U.js";
+import { t as AgentTabs } from "./AgentTabs-BOjTN7QF.js";
+import { t as AgentAvatar } from "./AgentAvatar-8gTAy_tP.js";
+import { t as ChatPane } from "./ChatPane-BvpswYvF.js";
+import { r as REASONING_LEVELS } from "./wire-constants-Deb4NxBb.js";
+import { useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/CopyButton.tsx
+function CopyButton({ value, className, ariaLabel = "Copy to clipboard", title = "Copy to clipboard" }) {
+	const [copied, setCopied] = useState(false);
+	async function copy() {
+		if (!value) return;
+		let ok = false;
+		try {
+			if (navigator.clipboard?.writeText) {
+				await navigator.clipboard.writeText(value);
+				ok = true;
+			}
+		} catch {}
+		if (!ok) {
+			const ta = document.createElement("textarea");
+			ta.value = value;
+			ta.setAttribute("readonly", "");
+			ta.style.position = "fixed";
+			ta.style.opacity = "0";
+			document.body.appendChild(ta);
+			ta.select();
+			try {
+				ok = document.execCommand("copy");
+			} catch {}
+			ta.remove();
+		}
+		if (ok) {
+			setCopied(true);
+			setTimeout(() => setCopied(false), 1e3);
+		}
+	}
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: copy,
+		title,
+		"aria-label": ariaLabel,
+		className: `inline-flex h-[1.3rem] w-[1.6rem] items-center justify-center rounded-sm border border-transparent text-mocha-light transition-colors hover:border-frost hover:bg-snow hover:text-mocha ${copied ? "border-[#bcd9bc] bg-[#eef7ee] text-[#3b7a3b] hover:border-[#bcd9bc] hover:bg-[#eef7ee] hover:text-[#3b7a3b]" : ""} ${className ?? ""}`,
+		children: copied ? "✓" : "⧉"
+	});
+}
+//#endregion
+//#region src/routes/agents/$id/index.tsx?tsr-split=component
+function AgentDetailPage() {
+	const { resolved, initialMessages, sessionHead, groups, skills, modelGroups, telegramConfigured } = Route.useLoaderData();
+	const router = useRouter();
+	async function archive() {
+		if (!confirm(`archive "${resolved.agent.name}"? (reversible)`)) return;
+		await fetch(`/api/agents/${resolved.agent.id}/archive`, { method: "POST" });
+		await router.invalidate();
+	}
+	async function unarchive() {
+		await fetch(`/api/agents/${resolved.agent.id}/unarchive`, { method: "POST" });
+		await router.invalidate();
+	}
+	async function del() {
+		const msg = `Permanently delete agent "${resolved.agent.name}"?\n\nThis removes the DB rows (messages, triggers, skill attachments) AND the agent's on-disk directory (memory, templates, state, sessions). This cannot be undone.`;
+		if (!confirm(msg)) return;
+		const res = await fetch(`/api/agents/${resolved.agent.id}`, { method: "DELETE" });
+		if (res.ok || res.status === 204) window.location.assign("/agents");
+		else alert(`failed: ${res.statusText}`);
+	}
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsxs("header", {
+			className: "mb-8",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ jsx(AgentAvatar, {
+						identity: resolved.agent.identity,
+						size: 44
+					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						className: "mb-0",
+						children: resolved.agent.name
+					}), (resolved.agent.identity?.creature || resolved.agent.identity?.vibe) && /* @__PURE__ */ jsx("p", {
+						className: "muted mt-0.5 text-sm",
+						children: [resolved.agent.identity?.creature, resolved.agent.identity?.vibe].filter(Boolean).join(" · ")
+					})] })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-2 flex flex-wrap items-center gap-x-5 gap-y-2",
+					children: [
+						/* @__PURE__ */ jsxs(Tag, { children: [/* @__PURE__ */ jsx("span", {
+							className: "px-1.5 font-mono text-[0.95em] text-mocha select-all",
+							children: resolved.agent.id
+						}), /* @__PURE__ */ jsx(CopyButton, {
+							value: resolved.agent.id,
+							ariaLabel: "Copy agent UUID",
+							title: "Copy UUID to clipboard"
+						})] }),
+						/* @__PURE__ */ jsxs(Tag, { children: ["status: ", /* @__PURE__ */ jsx("span", {
+							className: "ml-1",
+							children: resolved.agent.status
+						})] }),
+						/* @__PURE__ */ jsxs(Tag, { children: ["profile: ", /* @__PURE__ */ jsx("code", {
+							className: "ml-1 bg-transparent px-0",
+							children: resolved.profile.id
+						})] }),
+						/* @__PURE__ */ jsxs(Tag, { children: [
+							"group:",
+							" ",
+							/* @__PURE__ */ jsx("a", {
+								href: `/groups/${encodeURIComponent(resolved.group.id)}`,
+								className: "ml-1 bg-transparent px-0 font-mono underline",
+								children: resolved.group.id
+							}),
+							" ",
+							"·",
+							" ",
+							/* @__PURE__ */ jsx("a", {
+								href: `/groups/${encodeURIComponent(resolved.group.id)}/memory`,
+								className: "ml-0.5 underline",
+								children: "shared memory →"
+							})
+						] }),
+						/* @__PURE__ */ jsxs(Tag, { children: ["model: ", /* @__PURE__ */ jsx("code", {
+							className: "ml-1 bg-transparent px-0",
+							children: resolved.model
+						})] }),
+						/* @__PURE__ */ jsxs(Tag, { children: [
+							"reasoning:",
+							" ",
+							/* @__PURE__ */ jsx("code", {
+								className: "ml-1 bg-transparent px-0",
+								children: resolved.reasoningLevel
+							})
+						] })
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-3 flex flex-wrap gap-2",
+					children: [resolved.agent.status === "archived" ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: unarchive,
+						className: "ghost-btn",
+						children: "unarchive"
+					}) : /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: archive,
+						className: "ghost-btn",
+						children: "archive"
+					}), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: del,
+						className: "ghost-btn border-[rgba(196,135,138,0.4)] text-[#9B3D3D] hover:bg-[rgba(196,135,138,0.08)]",
+						children: "delete permanently"
+					})]
+				}),
+				/* @__PURE__ */ jsx(SettingsDetails, {
+					agentId: resolved.agent.id,
+					currentModelOverride: resolved.agent.modelOverride ?? null,
+					profileDefaultModel: resolved.profile.defaultModel,
+					currentReasoning: resolved.reasoningLevel,
+					modelGroups
+				})
+			]
+		}),
+		resolved.agent.status === "archived" && /* @__PURE__ */ jsxs("div", {
+			className: "mb-4 rounded-md border border-frost bg-fawn/35 px-4 py-2 text-[0.9em] text-chocolate",
+			children: [
+				/* @__PURE__ */ jsx("strong", {
+					className: "text-[#7a4e2a]",
+					children: "This agent is archived."
+				}),
+				" It's hidden from the default agent list; use ",
+				/* @__PURE__ */ jsx("em", { children: "unarchive" }),
+				" above to bring it back, or",
+				" ",
+				/* @__PURE__ */ jsx("em", { children: "delete permanently" }),
+				" to remove its data entirely."
+			]
+		}),
+		/* @__PURE__ */ jsx(AgentTabs, {
+			agentId: resolved.agent.id,
+			active: "chat",
+			archived: resolved.agent.status === "archived"
+		}),
+		/* @__PURE__ */ jsx(SectionTitle, { children: "Chat" }),
+		/* @__PURE__ */ jsx("div", {
+			className: "h-[70vh]",
+			children: /* @__PURE__ */ jsx(ChatPane, {
+				agentId: resolved.agent.id,
+				agentName: resolved.agent.name,
+				initialMessages,
+				initialSessionHead: sessionHead
+			})
+		}),
+		/* @__PURE__ */ jsx("p", {
+			className: "mt-2 text-[0.82em] text-mocha-light",
+			children: "chat history persists in bazilion across navigation and restarts."
+		}),
+		/* @__PURE__ */ jsxs("section", {
+			className: "mt-10",
+			children: [
+				/* @__PURE__ */ jsx(SectionTitle, { children: "Group" }),
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-[0.9em] text-mocha-light",
+					children: [
+						"Current group: ",
+						/* @__PURE__ */ jsx("code", { children: resolved.group.id }),
+						" (",
+						resolved.group.name,
+						") —",
+						" ",
+						/* @__PURE__ */ jsx("code", { children: resolved.group.path }),
+						".",
+						" ",
+						/* @__PURE__ */ jsx("a", {
+							href: `/groups/${resolved.group.id}`,
+							children: "view / edit USER.md"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(MoveGroupForm, {
+					agentId: resolved.agent.id,
+					currentGroupId: resolved.group.id,
+					groups
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("section", {
+			className: "mt-10",
+			children: [/* @__PURE__ */ jsx(SectionTitle, { children: "Skills" }), /* @__PURE__ */ jsx(SkillsTable, {
+				agentId: resolved.agent.id,
+				attached: new Set(resolved.skills),
+				all: skills
+			})]
+		}),
+		telegramConfigured && /* @__PURE__ */ jsxs("section", {
+			className: "mt-10",
+			children: [/* @__PURE__ */ jsx(SectionTitle, { children: "Telegram" }), /* @__PURE__ */ jsx(TelegramSection, { agent: resolved.agent })]
+		})
+	] });
+}
+function SectionTitle({ children }) {
+	return /* @__PURE__ */ jsx("h3", {
+		className: "mb-3 font-body text-[0.85em] font-semibold uppercase tracking-wider text-mocha-light",
+		children
+	});
+}
+function Tag({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "inline-flex items-center gap-1 rounded-full border border-frost bg-ivory px-3 py-0.5 text-[0.84em] text-mocha-light",
+		children
+	});
+}
+function SettingsDetails({ agentId, currentModelOverride, profileDefaultModel, currentReasoning, modelGroups }) {
+	const router = useRouter();
+	const [modelOverride, setModelOverride] = useState(currentModelOverride ?? "");
+	const [reasoning, setReasoning] = useState(currentReasoning);
+	const [saving, setSaving] = useState(false);
+	const [savedFlash, setSavedFlash] = useState(false);
+	const [error, setError] = useState(null);
+	const currentInGroups = currentModelOverride !== null && modelGroups.some((g) => g.models.some((m) => `${g.provider}:${m}` === currentModelOverride));
+	async function save(e) {
+		e.preventDefault();
+		setSaving(true);
+		setError(null);
+		try {
+			const res = await fetch(`/api/agents/${encodeURIComponent(agentId)}`, {
+				method: "PATCH",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({
+					modelOverride: modelOverride === "" ? null : modelOverride,
+					reasoningLevel: reasoning
+				})
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => null);
+				throw new Error(body?.error ?? res.statusText);
+			}
+			setSavedFlash(true);
+			setTimeout(() => setSavedFlash(false), 1500);
+			await router.invalidate();
+		} catch (err) {
+			setError(err.message);
+		} finally {
+			setSaving(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("details", {
+		className: "mt-3 text-[0.9em]",
+		children: [/* @__PURE__ */ jsx("summary", {
+			className: "cursor-pointer text-mocha-light",
+			children: "settings"
+		}), /* @__PURE__ */ jsxs("form", {
+			onSubmit: save,
+			className: "mt-2 flex flex-wrap items-end gap-3 border-t border-dashed border-frost py-3",
+			children: [
+				/* @__PURE__ */ jsxs("label", {
+					className: "flex flex-col gap-1 text-[0.85em] text-mocha-light",
+					children: ["model override", /* @__PURE__ */ jsxs("select", {
+						name: "modelOverride",
+						value: modelOverride,
+						onChange: (e) => setModelOverride(e.target.value),
+						className: "min-w-[16rem] rounded-sm border border-frost bg-snow px-2 py-1.5",
+						children: [
+							/* @__PURE__ */ jsxs("option", {
+								value: "",
+								children: [
+									"inherit from profile (",
+									profileDefaultModel,
+									")"
+								]
+							}),
+							currentModelOverride !== null && !currentInGroups && /* @__PURE__ */ jsxs("option", {
+								value: currentModelOverride,
+								children: [currentModelOverride, " (not in curated list)"]
+							}),
+							modelGroups.map((g) => /* @__PURE__ */ jsx("optgroup", {
+								label: g.provider,
+								children: g.models.map((m) => {
+									const value = `${g.provider}:${m}`;
+									return /* @__PURE__ */ jsx("option", {
+										value,
+										children: value
+									}, value);
+								})
+							}, g.provider))
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("label", {
+					className: "flex flex-col gap-1 text-[0.85em] text-mocha-light",
+					children: ["reasoning level", /* @__PURE__ */ jsx("select", {
+						name: "reasoningLevel",
+						value: reasoning,
+						onChange: (e) => setReasoning(e.target.value),
+						className: "min-w-[16rem] rounded-sm border border-frost bg-snow px-2 py-1.5",
+						children: REASONING_LEVELS.map((lvl) => /* @__PURE__ */ jsx("option", {
+							value: lvl,
+							children: lvl
+						}, lvl))
+					})]
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "submit",
+					disabled: saving,
+					children: saving ? "saving…" : "save"
+				}),
+				savedFlash && /* @__PURE__ */ jsx("span", {
+					className: "text-[0.85em] text-[#3b7a3b]",
+					children: "saved ✓"
+				}),
+				error && /* @__PURE__ */ jsx("span", {
+					className: "text-[0.85em] text-[#9B3D3D]",
+					children: error
+				})
+			]
+		})]
+	});
+}
+function MoveGroupForm({ agentId, currentGroupId, groups }) {
+	const router = useRouter();
+	const [groupId, setGroupId] = useState(currentGroupId);
+	const [moving, setMoving] = useState(false);
+	const [err, setErr] = useState(null);
+	async function move(e) {
+		e.preventDefault();
+		if (groupId === currentGroupId) return;
+		setMoving(true);
+		setErr(null);
+		try {
+			const res = await fetch(`/api/agents/${encodeURIComponent(agentId)}/group`, {
+				method: "PATCH",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ groupId })
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => null);
+				throw new Error(body?.error ?? res.statusText);
+			}
+			await router.invalidate();
+		} catch (e2) {
+			setErr(e2.message);
+		} finally {
+			setMoving(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: move,
+		className: "mt-2 flex flex-wrap items-end gap-2",
+		children: [
+			/* @__PURE__ */ jsxs("label", {
+				className: "flex flex-col gap-1 text-[0.85em] text-mocha-light",
+				children: ["move to:", /* @__PURE__ */ jsx("select", {
+					value: groupId,
+					onChange: (e) => setGroupId(e.target.value),
+					className: "min-w-[18rem] rounded-sm border border-frost bg-snow px-2 py-1.5",
+					children: groups.map((g) => /* @__PURE__ */ jsxs("option", {
+						value: g.id,
+						children: [
+							g.id,
+							" — ",
+							g.path
+						]
+					}, g.id))
+				})]
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "submit",
+				disabled: moving || groupId === currentGroupId,
+				children: moving ? "moving…" : "move"
+			}),
+			err && /* @__PURE__ */ jsx("span", {
+				className: "text-[0.85em] text-[#9B3D3D]",
+				children: err
+			})
+		]
+	});
+}
+function SkillsTable({ agentId, attached, all }) {
+	const router = useRouter();
+	const [pending, setPending] = useState(null);
+	const [err, setErr] = useState(null);
+	async function attach(name) {
+		setPending(name);
+		setErr(null);
+		try {
+			const res = await fetch(`/api/agents/${encodeURIComponent(agentId)}/skills`, {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ skill: name })
+			});
+			if (!res.ok) {
+				const body = await res.json().catch(() => null);
+				throw new Error(body?.error ?? res.statusText);
+			}
+			await router.invalidate();
+		} catch (e) {
+			setErr(e.message);
+		} finally {
+			setPending(null);
+		}
+	}
+	async function detach(name) {
+		setPending(name);
+		setErr(null);
+		try {
+			const res = await fetch(`/api/agents/${encodeURIComponent(agentId)}/skills/${encodeURIComponent(name)}`, { method: "DELETE" });
+			if (!res.ok && res.status !== 204) {
+				const body = await res.json().catch(() => null);
+				throw new Error(body?.error ?? res.statusText);
+			}
+			await router.invalidate();
+		} catch (e) {
+			setErr(e.message);
+		} finally {
+			setPending(null);
+		}
+	}
+	if (all.length === 0) return /* @__PURE__ */ jsx("p", {
+		className: "text-[0.9em] text-mocha-light",
+		children: "no skills installed"
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [err && /* @__PURE__ */ jsx("p", {
+		className: "mb-2 text-[0.85em] text-[#9B3D3D]",
+		children: err
+	}), /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsx("th", { children: "name" }),
+		/* @__PURE__ */ jsx("th", { children: "description" }),
+		/* @__PURE__ */ jsx("th", {})
+	] }) }), /* @__PURE__ */ jsx("tbody", { children: all.map((s) => {
+		const isAttached = attached.has(s.name);
+		const busy = pending === s.name;
+		return /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("code", { children: s.name }) }),
+			/* @__PURE__ */ jsx("td", { children: s.description || /* @__PURE__ */ jsx("span", {
+				className: "text-mocha-light",
+				children: "—"
+			}) }),
+			/* @__PURE__ */ jsx("td", { children: isAttached ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "ghost-btn",
+				disabled: busy,
+				onClick: () => detach(s.name),
+				children: busy ? "…" : "detach"
+			}) : /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "ghost-btn",
+				disabled: busy,
+				onClick: () => attach(s.name),
+				children: busy ? "…" : "attach"
+			}) })
+		] }, s.name);
+	}) })] })] });
+}
+function TelegramSection({ agent }) {
+	const router = useRouter();
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState(null);
+	const [mirrorMode, setMirrorMode] = useState(agent.telegramMirrorMode);
+	const [iconEmoji, setIconEmoji] = useState(agent.telegramIconEmoji ?? "");
+	const isBound = agent.telegramTopicId !== null;
+	async function bind() {
+		setBusy(true);
+		setError(null);
+		try {
+			const res = await fetch(`/api/agents/${encodeURIComponent(agent.id)}/telegram/bind`, { method: "POST" });
+			if (!res.ok) {
+				const body = await res.json().catch(() => null);
+				throw new Error(body?.error ?? res.statusText);
+			}
+			const result = await res.json();
+			window.open(result.deepLink, "_blank", "noopener");
+			await router.invalidate();
+		} catch (e) {
+			setError(e.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function unbind() {
+		if (!confirm("Unbind this agent from its Telegram topic? The topic stays in Telegram as an orphan.")) return;
+		setBusy(true);
+		setError(null);
+		try {
+			const res = await fetch(`/api/agents/${encodeURIComponent(agent.id)}/telegram/binding`, { method: "DELETE" });
+			if (!res.ok) throw new Error(res.statusText);
+			await router.invalidate();
+		} catch (e) {
+			setError(e.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function saveMirrorMode(next) {
+		setMirrorMode(next);
+		try {
+			const res = await fetch(`/api/agents/${encodeURIComponent(agent.id)}`, {
+				method: "PATCH",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ telegramMirrorMode: next })
+			});
+			if (!res.ok) throw new Error(res.statusText);
+			await router.invalidate();
+		} catch (e) {
+			setMirrorMode(agent.telegramMirrorMode);
+			setError(e.message);
+		}
+	}
+	async function saveIcon() {
+		setError(null);
+		try {
+			const res = await fetch(`/api/agents/${encodeURIComponent(agent.id)}`, {
+				method: "PATCH",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ telegramIconEmoji: iconEmoji.trim() || null })
+			});
+			if (!res.ok) throw new Error(res.statusText);
+			await router.invalidate();
+		} catch (e) {
+			setError(e.message);
+		}
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "text-[0.9em]",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-3 flex items-center gap-3",
+				children: isBound ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-semibold text-emerald-800",
+						children: "bound"
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: "font-mono text-mocha",
+						children: ["topic #", agent.telegramTopicId]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: bind,
+						disabled: busy,
+						className: "ghost-btn",
+						title: "Open the topic in Telegram (works on desktop/Android; iOS shows the topic list)",
+						children: "open in Telegram"
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: unbind,
+						disabled: busy,
+						className: "ghost-btn border-[rgba(196,135,138,0.4)] text-[#9B3D3D] hover:bg-[rgba(196,135,138,0.08)]",
+						children: "unbind"
+					})
+				] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+					className: "rounded-full bg-amber-100 px-2 py-0.5 text-xs font-semibold text-amber-800",
+					children: "unbound"
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: bind,
+					disabled: busy,
+					className: "ghost-btn",
+					title: "Create a Telegram topic for this agent",
+					children: busy ? "binding…" : "bind a topic"
+				})] })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("label", {
+					htmlFor: "mirror-mode",
+					className: "text-mocha-light",
+					children: "mirror mode:"
+				}), /* @__PURE__ */ jsxs("select", {
+					id: "mirror-mode",
+					value: mirrorMode,
+					onChange: (e) => void saveMirrorMode(e.target.value),
+					className: "rounded-md border bg-background px-2 py-1 font-mono text-sm",
+					disabled: busy,
+					children: [/* @__PURE__ */ jsx("option", {
+						value: "minimal",
+						children: "minimal — assistant messages only"
+					}), /* @__PURE__ */ jsx("option", {
+						value: "verbose",
+						children: "verbose — also tool calls"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-2 flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsx("label", {
+						htmlFor: "topic-icon",
+						className: "text-mocha-light",
+						children: "topic icon:"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						id: "topic-icon",
+						value: iconEmoji,
+						onChange: (e) => setIconEmoji(e.target.value),
+						placeholder: "(profile default)",
+						maxLength: 8,
+						className: "w-32 rounded-md border bg-background px-2 py-1 font-mono text-sm",
+						disabled: busy
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => void saveIcon(),
+						disabled: busy || iconEmoji === (agent.telegramIconEmoji ?? ""),
+						className: "ghost-btn",
+						children: "save icon"
+					})
+				]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-sm text-rose-700",
+				children: error
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-3 text-[0.85em] text-mocha-light",
+				children: "When bound, every assistant turn for this agent gets mirrored to the topic. Typing in the topic triggers a new turn. iOS Telegram clients have a known limitation that prevents inline link deep-links from opening directly into a topic — bound state is still functional; navigate via the topic list manually."
+			})
+		]
+	});
+}
+//#endregion
+export { AgentDetailPage as component };