bazilion 0.8.0 → 0.10.0

package/dist/web/server/assets/{telegram-DfAddLdv.js → telegram-7ub--6xz.js}

@@ -1,6 +1,6 @@
-import { t as Route } from "./telegram-T3l9KtiE.js";
-import { t as ConfigTabs } from "./ConfigTabs-CyuxzesF.js";
+import { t as Route } from "./telegram-Bazhmpr4.js";
 import { t as Button } from "./Button-Dsnw22OF.js";
+import { t as ConfigPage } from "./ConfigPage-BKlh5vOU.js";
 import { useEffect, useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -75,35 +75,23 @@ function TelegramIntegrationPage() {
 			setChecking(false);
 		}
 	}
-	return /* @__PURE__ */ jsxs("main", {
-		className: "mx-auto max-w-3xl px-6 py-8",
+	return /* @__PURE__ */ jsxs(ConfigPage, {
+		active: "integrations",
+		title: "Telegram",
+		description: "Connect one forum-supergroup bot with one topic per agent, so conversations stay reachable from your phone.",
+		size: "narrow",
 		children: [
-			/* @__PURE__ */ jsx("h1", {
-				className: "font-serif text-3xl text-foreground mb-2",
-				children: "config"
-			}),
-			/* @__PURE__ */ jsx(ConfigTabs, { active: "integrations" }),
-			/* @__PURE__ */ jsxs("header", {
-				className: "mb-6",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-xl font-semibold",
-					children: "Telegram"
-				}), /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground text-sm",
-					children: "One forum-supergroup bot, one topic per agent. Talk to any of your agents from a phone."
-				})]
-			}),
 			/* @__PURE__ */ jsx(Step2Banner, {}),
 			initial.migratedChatId && /* @__PURE__ */ jsx(MigrationBanner, { toChatId: initial.migratedChatId }),
 			/* @__PURE__ */ jsxs("section", {
-				className: "rounded-lg border bg-card p-5 mb-6",
+				className: "rounded-lg border bg-card p-5",
 				children: [
 					/* @__PURE__ */ jsx("h3", {
 						className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-3",
 						children: "Credentials"
 					}),
 					initial.configured && /* @__PURE__ */ jsxs("p", {
-						className: "text-xs text-emerald-700 mb-3",
+						className: "text-xs text-success mb-3",
 						children: [
 							"✓ Stored: ",
 							/* @__PURE__ */ jsx("code", {
@@ -141,7 +129,7 @@ function TelegramIntegrationPage() {
 										className: "text-xs text-muted-foreground mt-1",
 										children: [
 											"From @BotFather → /newbot. Disable Privacy Mode in ",
-											/* @__PURE__ */ jsx("em", { children: "Bot Settings → Group Privacy → Turn off" }),
+											/* @__PURE__ */ jsx("em", { children: "Bot Settings → Team Privacy → Turn off" }),
 											"."
 										]
 									})
@@ -177,7 +165,7 @@ function TelegramIntegrationPage() {
 								]
 							}),
 							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-3 pt-1",
+								className: "flex flex-wrap items-center gap-3 pt-1",
 								children: [
 									/* @__PURE__ */ jsx(Button, {
 										variant: "primary",
@@ -191,11 +179,11 @@ function TelegramIntegrationPage() {
 										children: "clear credentials"
 									}),
 									saveOk && /* @__PURE__ */ jsx("span", {
-										className: "text-xs text-emerald-700",
+										className: "text-xs text-success",
 										children: "saved ✓"
 									}),
 									saveError && /* @__PURE__ */ jsxs("span", {
-										className: "text-xs text-rose-700",
+										className: "text-xs text-danger",
 										children: ["error: ", saveError]
 									})
 								]
@@ -208,7 +196,7 @@ function TelegramIntegrationPage() {
 				className: "rounded-lg border bg-card p-5",
 				children: [
 					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center justify-between mb-3",
+						className: "mb-3 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
 						children: [/* @__PURE__ */ jsx("h3", {
 							className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground",
 							children: "Preflight checks"
@@ -302,7 +290,7 @@ function AccessControlCard() {
 		}
 	}
 	return /* @__PURE__ */ jsxs("section", {
-		className: "rounded-lg border bg-card p-5 mt-6",
+		className: "rounded-lg border bg-card p-5",
 		children: [
 			/* @__PURE__ */ jsx("h3", {
 				className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-1",
@@ -324,12 +312,12 @@ function AccessControlCard() {
 				className: "text-xs text-muted-foreground italic",
 				children: "loading…"
 			}) : users.length === 0 ? /* @__PURE__ */ jsx("p", {
-				className: "text-xs text-amber-700 mb-3",
+				className: "text-xs text-warning mb-3",
 				children: "Open — no allowlist yet. The first user to message the bot claims owner."
 			}) : /* @__PURE__ */ jsx("ul", {
 				className: "mb-3 space-y-1 text-sm",
 				children: users.map((u) => /* @__PURE__ */ jsxs("li", {
-					className: "flex items-center gap-2",
+					className: "flex flex-wrap items-center gap-2",
 					children: [
 						/* @__PURE__ */ jsx("code", {
 							className: "font-mono",
@@ -346,7 +334,7 @@ function AccessControlCard() {
 						u.role !== "owner" && /* @__PURE__ */ jsx("button", {
 							type: "button",
 							onClick: () => void remove(u.userId),
-							className: "ghost-btn text-xs text-[#9B3D3D]",
+							className: "ghost-btn text-xs text-rose-baziu",
 							children: "remove"
 						})
 					]
@@ -354,19 +342,19 @@ function AccessControlCard() {
 			}),
 			/* @__PURE__ */ jsxs("form", {
 				onSubmit: add,
-				className: "flex items-center gap-2",
+				className: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center",
 				children: [
 					/* @__PURE__ */ jsx("input", {
 						value: userId,
 						onChange: (e) => setUserId(e.target.value),
 						placeholder: "user id",
-						className: "w-28 rounded-md border bg-background px-2 py-1 font-mono text-sm"
+						className: "w-full rounded-md border bg-background px-2 py-1 font-mono text-sm sm:w-28"
 					}),
 					/* @__PURE__ */ jsx("input", {
 						value: label,
 						onChange: (e) => setLabel(e.target.value),
 						placeholder: "label (optional)",
-						className: "w-40 rounded-md border bg-background px-2 py-1 text-sm"
+						className: "w-full rounded-md border bg-background px-2 py-1 text-sm sm:w-40"
 					}),
 					/* @__PURE__ */ jsx(Button, {
 						variant: "ghost",
@@ -375,7 +363,7 @@ function AccessControlCard() {
 						children: "add"
 					}),
 					err && /* @__PURE__ */ jsx("span", {
-						className: "text-xs text-rose-700",
+						className: "text-xs text-danger",
 						children: err
 					})
 				]
@@ -402,14 +390,14 @@ function MigrationBanner({ toChatId }) {
 		}
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-md border-2 border-rose-400 bg-rose-50 px-4 py-3 mb-6 text-sm",
+		className: "rounded-md border-2 border-danger/25 bg-danger/10 px-4 py-3 text-sm",
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: "font-semibold text-rose-900 mb-1",
+				className: "font-semibold text-danger mb-1",
 				children: "Supergroup chat id changed"
 			}),
 			/* @__PURE__ */ jsxs("p", {
-				className: "text-rose-900 mb-2",
+				className: "text-danger mb-2",
 				children: [
 					"Telegram migrated this supergroup to a new chat id (",
 					/* @__PURE__ */ jsx("code", {
@@ -422,7 +410,7 @@ function MigrationBanner({ toChatId }) {
 						children: "⚙ bazilion"
 					}),
 					" ",
-					"service chat in the new group. Agent topic bindings will reconcile on next use."
+					"service chat in the new team. Agent topic bindings will reconcile on next use."
 				]
 			}),
 			/* @__PURE__ */ jsx(Button, {
@@ -432,7 +420,7 @@ function MigrationBanner({ toChatId }) {
 				children: busy ? "reconnecting…" : `Reconnect to ${toChatId}`
 			}),
 			err && /* @__PURE__ */ jsx("span", {
-				className: "ml-3 text-xs text-rose-700",
+				className: "ml-3 text-xs text-danger",
 				children: err
 			})
 		]
@@ -440,12 +428,12 @@ function MigrationBanner({ toChatId }) {
 }
 function Step2Banner() {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-md border-2 border-amber-400 bg-amber-50 px-4 py-3 mb-6 text-sm",
+		className: "rounded-md border-2 border-warning/25 bg-warning/10 px-4 py-3 text-sm",
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "font-semibold text-amber-900 mb-1",
+			className: "font-semibold text-warning mb-1",
 			children: "Step 2 of the rollout"
 		}), /* @__PURE__ */ jsxs("p", {
-			className: "text-amber-900",
+			className: "text-warning",
 			children: [
 				"The bot polls Telegram and creates the ",
 				/* @__PURE__ */ jsx("code", {
@@ -474,11 +462,11 @@ function PollingState({ polling }) {
 				className: "flex flex-wrap gap-x-4 gap-y-1 font-mono",
 				children: [
 					/* @__PURE__ */ jsx("span", {
-						className: polling.running ? "text-emerald-700" : "text-rose-700",
+						className: polling.running ? "text-success" : "text-danger",
 						children: polling.running ? "running" : "stopped"
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: polling.activated ? "text-emerald-700" : "text-amber-700",
+						className: polling.activated ? "text-success" : "text-warning",
 						children: polling.activated ? "activated" : "awaiting activation"
 					}),
 					polling.lastUpdateId !== null && /* @__PURE__ */ jsxs("span", { children: ["last update ", polling.lastUpdateId] }),
@@ -487,7 +475,7 @@ function PollingState({ polling }) {
 				]
 			}),
 			polling.error && /* @__PURE__ */ jsxs("p", {
-				className: "text-rose-700",
+				className: "text-danger",
 				children: ["error: ", polling.error]
 			})
 		]
@@ -495,17 +483,17 @@ function PollingState({ polling }) {
 }
 function PreflightResult({ health }) {
 	if (health.error) return /* @__PURE__ */ jsxs("div", {
-		className: "rounded-md border border-rose-300 bg-rose-50 px-3 py-2 text-sm",
+		className: "rounded-md border border-danger/25 bg-danger/10 px-3 py-2 text-sm",
 		children: [
 			/* @__PURE__ */ jsxs("p", {
-				className: "font-semibold text-rose-900",
+				className: "font-semibold text-danger",
 				children: ["Failed at ", /* @__PURE__ */ jsx("code", {
 					className: "font-mono",
 					children: health.error.step
 				})]
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: "text-rose-900 mt-1",
+				className: "text-danger mt-1",
 				children: health.error.message
 			}),
 			hintFor(health.error.step)
@@ -532,7 +520,7 @@ function PreflightResult({ health }) {
 			/* @__PURE__ */ jsx(Check, {
 				ok: p.isForum,
 				label: "Forum topics enabled",
-				children: p.isForum ? "is_forum: true" : "is_forum: false — the supergroup owner must enable Topics in group settings"
+				children: p.isForum ? "is_forum: true" : "is_forum: false — the supergroup owner must enable Topics in team settings"
 			}),
 			/* @__PURE__ */ jsx(Check, {
 				ok: p.hasManageTopics,
@@ -542,7 +530,7 @@ function PreflightResult({ health }) {
 			/* @__PURE__ */ jsx(Check, {
 				ok: p.privacyModeOff,
 				label: "Privacy Mode is OFF",
-				children: p.privacyModeOff ? "can_read_all_group_messages: true" : "BotFather → /mybots → select bot → Bot Settings → Group Privacy → Turn off"
+				children: p.privacyModeOff ? "can_read_all_group_messages: true" : "BotFather → /mybots → select bot → Bot Settings → Team Privacy → Turn off"
 			})
 		]
 	});
@@ -551,14 +539,14 @@ function Check({ ok, label, children }) {
 	return /* @__PURE__ */ jsxs("li", {
 		className: "flex items-start gap-2 text-sm",
 		children: [/* @__PURE__ */ jsx("span", {
-			className: `mt-0.5 inline-flex h-4 w-4 items-center justify-center rounded-full text-[10px] font-bold leading-none ${ok ? "bg-emerald-100 text-emerald-800" : "bg-rose-100 text-rose-800"}`,
+			className: `mt-0.5 inline-flex h-4 w-4 items-center justify-center rounded-full text-[10px] font-bold leading-none ${ok ? "bg-success/10 text-success" : "bg-danger/10 text-danger"}`,
 			"aria-hidden": true,
 			children: ok ? "✓" : "✕"
 		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
 			className: "font-medium",
 			children: label
 		}), /* @__PURE__ */ jsx("span", {
-			className: `ml-2 text-xs ${ok ? "text-muted-foreground" : "text-rose-800"}`,
+			className: `ml-2 text-xs ${ok ? "text-muted-foreground" : "text-danger"}`,
 			children
 		})] })]
 	});
@@ -566,15 +554,15 @@ function Check({ ok, label, children }) {
 function hintFor(step) {
 	switch (step) {
 		case "getMe": return /* @__PURE__ */ jsx("p", {
-			className: "text-xs text-rose-900 mt-1",
+			className: "text-xs text-danger mt-1",
 			children: "The token is invalid or revoked. Re-issue with @BotFather → /token, or paste a fresh one above."
 		});
 		case "getChat": return /* @__PURE__ */ jsx("p", {
-			className: "text-xs text-rose-900 mt-1",
-			children: "The chat id either doesn't exist, points at a basic group (not a supergroup), or the bot isn't a member. Forward any message from the supergroup to the bot to double-check the id, then add the bot to the group."
+			className: "text-xs text-danger mt-1",
+			children: "The chat id either doesn't exist, points at a basic team (not a supergroup), or the bot isn't a member. Forward any message from the supergroup to the bot to double-check the id, then add the bot to the team."
 		});
 		case "getChatMember": return /* @__PURE__ */ jsx("p", {
-			className: "text-xs text-rose-900 mt-1",
+			className: "text-xs text-danger mt-1",
 			children: "The bot is in the chat but the membership lookup failed. Usually means the bot was kicked or the chat id was migrated — confirm the bot is still in the supergroup."
 		});
 	}

package/dist/web/server/assets/{telegram-T3l9KtiE.js → telegram-Bazhmpr4.js}

@@ -1,8 +1,8 @@
 import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-ZBGxhl8t.js";
+import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
 import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
 //#region src/routes/config/integrations/telegram.tsx
-var $$splitComponentImporter = () => import("./telegram-DfAddLdv.js");
+var $$splitComponentImporter = () => import("./telegram-7ub--6xz.js");
 var fetchTelegramConfig = createServerFn({ method: "GET" }).handler(createSsrRpc("00a157dd07824e1f126f06646effd1d876f280f6fc64c144d2f6429414a4e58a"));
 var Route = createFileRoute("/config/integrations/telegram")({
 	loader: () => fetchTelegramConfig(),

package/dist/web/server/assets/{telegram-BdaUIjvs.js → telegram-DNgCWebD.js}

@@ -1,5 +1,5 @@
 import { t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-CeKECg65.js";
+import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
 import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
 //#region src/routes/config/integrations/telegram.tsx?tss-serverfn-split
 var fetchTelegramConfig_createServerFn_handler = createServerRpc({

package/dist/web/server/assets/{tokens-DdpnfV_Y.js → tokens-BnwFbV7T.js}

@@ -1,8 +1,8 @@
 import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-ZBGxhl8t.js";
+import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
 import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
 //#region src/routes/config/tokens.tsx
-var $$splitComponentImporter = () => import("./tokens-CkKqrtk-.js");
+var $$splitComponentImporter = () => import("./tokens-yyTSfBSN.js");
 var fetchTokens = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(createSsrRpc("46e35c9f1afc79423cb49703b454ef684344db08ec19775efd70a8768c7837f1"));
 var Route = createFileRoute("/config/tokens")({
 	validateSearch: (s) => ({ all: s.all === "1" ? "1" : void 0 }),

package/dist/web/server/assets/{tokens-BCz3PSoT.js → tokens-DPDMSN5O.js}

@@ -1,5 +1,5 @@
 import { t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-CeKECg65.js";
+import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
 import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
 //#region src/routes/config/tokens.tsx?tss-serverfn-split
 var fetchTokens_createServerFn_handler = createServerRpc({

package/dist/web/server/assets/tokens-yyTSfBSN.js

@@ -0,0 +1,186 @@
+import { t as Route } from "./tokens-BnwFbV7T.js";
+import { t as ConfigPage } from "./ConfigPage-BKlh5vOU.js";
+import { useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/config/tokens.tsx?tsr-split=component
+function fmtTs(ts) {
+	return new Date(ts).toISOString().slice(0, 16).replace("T", " ");
+}
+function TokensPage() {
+	const { tokens } = Route.useLoaderData();
+	const { all } = Route.useSearch();
+	const includeRevoked = all === "1";
+	const router = useRouter();
+	const [label, setLabel] = useState("");
+	const [created, setCreated] = useState(null);
+	const [err, setErr] = useState(null);
+	const [busy, setBusy] = useState(false);
+	async function mint(e) {
+		e.preventDefault();
+		setErr(null);
+		setBusy(true);
+		try {
+			const res = await fetch("/api/tokens", {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ label })
+			});
+			if (!res.ok) {
+				const j = await res.json().catch(() => ({}));
+				throw new Error(j.error ?? `${res.status} ${res.statusText}`);
+			}
+			setCreated((await res.json()).token);
+			setLabel("");
+			await router.invalidate();
+		} catch (e) {
+			setErr(e.message);
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function revoke(id) {
+		await fetch(`/api/tokens/${id}`, { method: "DELETE" });
+		await router.invalidate();
+	}
+	return /* @__PURE__ */ jsxs(ConfigPage, {
+		active: "tokens",
+		title: "API tokens",
+		description: /* @__PURE__ */ jsxs(Fragment, { children: [
+			"Manage per-client credentials for the HTTP API and CLI. The",
+			" ",
+			/* @__PURE__ */ jsx("code", {
+				className: "font-mono",
+				children: "bootstrap"
+			}),
+			" token from",
+			" ",
+			/* @__PURE__ */ jsx("code", {
+				className: "font-mono",
+				children: "~/.bazilion/auth.json"
+			}),
+			" remains protected; mint separate credentials for mobile, LAN, and remote clients."
+		] }),
+		children: [
+			/* @__PURE__ */ jsxs("section", {
+				className: "rounded-lg border bg-card p-5",
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						className: "font-serif text-xl mb-3",
+						children: "Mint a new token"
+					}),
+					/* @__PURE__ */ jsxs("form", {
+						onSubmit: mint,
+						className: "mb-3 flex flex-col items-stretch gap-2 sm:flex-row sm:items-end",
+						children: [/* @__PURE__ */ jsxs("label", {
+							className: "w-full text-sm sm:w-auto",
+							children: ["Label", /* @__PURE__ */ jsx("input", {
+								type: "text",
+								value: label,
+								onChange: (e) => setLabel(e.target.value),
+								required: true,
+								placeholder: "e.g. laptop-tailscale",
+								autoComplete: "off",
+								className: "mt-1 block w-full rounded-md border bg-background px-3 py-2 text-sm sm:w-72"
+							})]
+						}), /* @__PURE__ */ jsx("button", {
+							type: "submit",
+							disabled: busy,
+							className: "rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50",
+							children: busy ? "creating…" : "create"
+						})]
+					}),
+					created && /* @__PURE__ */ jsxs("div", {
+						className: "rounded-md border border-warning/25 bg-warning/10 p-3",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "text-xs text-warning mb-1",
+							children: "copy this token now — it is not recoverable later."
+						}), /* @__PURE__ */ jsx("pre", {
+							className: "font-mono text-xs whitespace-pre-wrap break-all",
+							children: created
+						})]
+					}),
+					err && /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-danger",
+						children: err
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", {
+				className: "text-sm flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					checked: includeRevoked,
+					onChange: (e) => {
+						window.location.assign(e.target.checked ? "/config/tokens?all=1" : "/config/tokens");
+					}
+				}), "show revoked"]
+			}) }),
+			/* @__PURE__ */ jsx("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ jsxs("table", {
+					className: "w-full min-w-[720px] text-sm",
+					children: [/* @__PURE__ */ jsx("thead", {
+						className: "text-left text-muted-foreground border-b",
+						children: /* @__PURE__ */ jsxs("tr", { children: [
+							/* @__PURE__ */ jsx("th", {
+								className: "py-2",
+								children: "label"
+							}),
+							/* @__PURE__ */ jsx("th", { children: "id" }),
+							/* @__PURE__ */ jsx("th", { children: "state" }),
+							/* @__PURE__ */ jsx("th", { children: "created" }),
+							/* @__PURE__ */ jsx("th", { children: "last used" }),
+							/* @__PURE__ */ jsx("th", {})
+						] })
+					}), /* @__PURE__ */ jsxs("tbody", { children: [tokens.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+						colSpan: 6,
+						className: "py-6 text-center text-muted-foreground italic",
+						children: "no tokens yet — mint one above"
+					}) }), tokens.map((t) => {
+						const isBootstrap = t.label === "bootstrap";
+						return /* @__PURE__ */ jsxs("tr", {
+							className: "border-b last:border-0 hover:bg-accent/30",
+							children: [
+								/* @__PURE__ */ jsxs("td", {
+									className: "py-2",
+									children: [t.label, isBootstrap && /* @__PURE__ */ jsx("span", {
+										className: "ml-2 text-[0.7em] uppercase tracking-wide text-muted-foreground",
+										children: "auth.json"
+									})]
+								}),
+								/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("code", {
+									className: "font-mono text-xs",
+									children: t.id
+								}) }),
+								/* @__PURE__ */ jsx("td", { children: t.revokedAt ? /* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground",
+									children: "revoked"
+								}) : /* @__PURE__ */ jsx("span", {
+									className: "text-success",
+									children: "active"
+								}) }),
+								/* @__PURE__ */ jsx("td", {
+									className: "text-muted-foreground text-xs",
+									children: fmtTs(t.createdAt)
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "text-muted-foreground text-xs",
+									children: t.lastUsedAt ? fmtTs(t.lastUsedAt) : "(never)"
+								}),
+								/* @__PURE__ */ jsx("td", { children: !t.revokedAt && !isBootstrap && /* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: () => revoke(t.id),
+									className: "rounded-md border px-2 py-1 text-xs text-danger hover:bg-danger/10",
+									children: "revoke"
+								}) })
+							]
+						}, t.id);
+					})] })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { TokensPage as component };

package/dist/web/server/assets/{triggers-BzJG1nN5.js → triggers-BMpHsGIr.js}

@@ -1,5 +1,6 @@
-import { t as Route } from "./triggers-BcTTwMfy.js";
-import { t as AgentTabs } from "./AgentTabs-BOjTN7QF.js";
+import { t as Route } from "./triggers-Ca57_qym.js";
+import { r as PageShell } from "./Page-LENulSXY.js";
+import { t as AgentTabs } from "./AgentTabs-DoMDJBXH.js";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,7 +21,7 @@ function TriggersPage() {
 		await fetch(`/api/triggers/${id}`, { method: "DELETE" });
 		await router.invalidate();
 	}
-	return /* @__PURE__ */ jsxs("div", { children: [
+	return /* @__PURE__ */ jsxs(PageShell, { children: [
 		/* @__PURE__ */ jsx("header", {
 			className: "mb-6",
 			children: /* @__PURE__ */ jsx("h1", { children: resolved.agent.name })
@@ -180,7 +181,7 @@ function AddTriggerForm({ agentId, onAdded }) {
 					disabled: submitting,
 					children: submitting ? "adding…" : "add"
 				}), err && /* @__PURE__ */ jsx("span", {
-					className: "text-[0.85em] text-[#9B3D3D]",
+					className: "text-[0.85em] text-danger",
 					children: err
 				})]
 			})

package/dist/web/server/assets/{triggers-BcH_6PW1.js → triggers-C_0y6QV9.js}

@@ -1,5 +1,5 @@
 import { t as createServerFn } from "../server.js";
-import { t as createServerRpc } from "./createServerRpc-CeKECg65.js";
+import { t as createServerRpc } from "./createServerRpc-pU-IQV2Y.js";
 import { n as daemonClient, r as ApiClientError } from "./daemon-client-2NRMzlTr.js";
 //#region src/routes/agents/$id/triggers.tsx?tss-serverfn-split
 var fetchTriggers_createServerFn_handler = createServerRpc({

package/dist/web/server/assets/{triggers-BcTTwMfy.js → triggers-Ca57_qym.js}

@@ -1,8 +1,8 @@
 import { t as createServerFn } from "../server.js";
-import { t as createSsrRpc } from "./createSsrRpc-ZBGxhl8t.js";
+import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
 import { createFileRoute, lazyRouteComponent, redirect } from "@tanstack/react-router";
 //#region src/routes/agents/$id/triggers.tsx
-var $$splitComponentImporter = () => import("./triggers-BzJG1nN5.js");
+var $$splitComponentImporter = () => import("./triggers-BMpHsGIr.js");
 var fetchTriggers = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(createSsrRpc("57ebf437fdb3fcfc63b176e796a55f04bdfec0b230059673196e98d413d15c4d"));
 var Route = createFileRoute("/agents/$id/triggers")({
 	loader: async ({ params }) => {

package/dist/web/server/assets/{welcome-CP4CZ9B6.js → welcome-IYHGurWx.js}

@@ -1,20 +1,25 @@
+import { i as SectionCard, n as PageHeader, r as PageShell } from "./Page-LENulSXY.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRight } from "lucide-react";
 //#region src/routes/welcome.tsx?tsr-split=component
 function WelcomePage() {
-	return /* @__PURE__ */ jsx("div", {
-		className: "mx-auto max-w-2xl",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "card",
+	return /* @__PURE__ */ jsxs(PageShell, {
+		size: "narrow",
+		children: [/* @__PURE__ */ jsx(PageHeader, {
+			eyebrow: "First run",
+			title: "Welcome to bazilion",
+			description: "Connect one model provider, then Bazilion will prepare your default Agent template and Team."
+		}), /* @__PURE__ */ jsxs(SectionCard, {
+			title: "Three steps to your first conversation",
 			children: [
-				/* @__PURE__ */ jsx("h1", { children: "Welcome to bazilion" }),
 				/* @__PURE__ */ jsxs("p", {
-					className: "muted my-3",
+					className: "text-sm leading-6 text-muted-foreground",
 					children: [
 						"Before you can spawn agents, enable a provider and save at least one concrete model id. Once you do, a ",
 						/* @__PURE__ */ jsx("code", { children: "default" }),
-						" profile (and a ",
+						" Agent template (and a ",
 						/* @__PURE__ */ jsx("code", { children: "default" }),
-						" group directory) are created automatically and the rest of the app unlocks."
+						" team directory) are created automatically and the rest of the app unlocks."
 					]
 				}),
 				/* @__PURE__ */ jsxs("ol", {
@@ -41,7 +46,7 @@ function WelcomePage() {
 								" ",
 								/* @__PURE__ */ jsx("code", { children: "claude-opus-4-8" }),
 								", ",
-								/* @__PURE__ */ jsx("code", { children: "gpt-5.5" }),
+								/* @__PURE__ */ jsx("code", { children: "gpt-5.6-luna" }),
 								", or ",
 								/* @__PURE__ */ jsx("code", { children: "llama3.3" }),
 								") and press ",
@@ -53,20 +58,23 @@ function WelcomePage() {
 							n: 3,
 							children: [
 								/* @__PURE__ */ jsx("strong", { children: "Start chatting." }),
-								" You'll be redirected to the home page automatically, where a ",
+								" You'll be redirected to the home page automatically, where the ",
 								/* @__PURE__ */ jsx("code", { children: "default" }),
-								" profile is waiting for a first spawn."
+								" Agent template is ready for your first spawn."
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ jsx("a", {
+				/* @__PURE__ */ jsxs("a", {
 					href: "/config",
-					className: "inline-flex items-center gap-2 rounded-md bg-sapphire px-4 py-2 text-[0.92em] font-semibold text-snow no-underline transition-colors hover:bg-sapphire-deep",
-					children: "Go to config →"
+					className: "btn-primary no-underline",
+					children: ["Configure providers ", /* @__PURE__ */ jsx(ArrowRight, {
+						className: "h-4 w-4",
+						"aria-hidden": "true"
+					})]
 				})
 			]
-		})
+		})]
 	});
 }
 function Step({ n, children }) {