bazilion 0.5.1 → 0.7.0

package/dist/web/server/assets/router-BpBZgRwn.js

@@ -0,0 +1,460 @@
+import { i as getCookie, t as createServerFn } from "../server.js";
+import { t as DAEMON_BASE_URL } from "./daemon-client-2NRMzlTr.js";
+import { n as BaziuLogo, r as PawIcon, t as Route$3 } from "./login-CNznncgA.js";
+import { t as createSsrRpc } from "./createSsrRpc-ZBGxhl8t.js";
+import { t as Route$4 } from "./routes-V9URcp1v.js";
+import { t as Route$5 } from "./skills-CpsyR_WA.js";
+import { t as Route$6 } from "./profiles-CZ5NkmVw.js";
+import { t as Route$7 } from "./profile-groups-aoJleXHP.js";
+import { t as Route$8 } from "./groups-CbSwND2r.js";
+import { t as Route$9 } from "./config-Bq3o924J.js";
+import { t as Route$10 } from "./agents-ChcAJUI5.js";
+import { t as Route$11 } from "./_id-BqnDy_Ca.js";
+import { t as Route$12 } from "./_id-BKev9H1p.js";
+import { t as Route$13 } from "./tokens-DdpnfV_Y.js";
+import { t as Route$14 } from "./services-Ccc5s2bS.js";
+import { t as Route$15 } from "./mcp-CKqwG4mt.js";
+import { t as Route$16 } from "./_id-CnQflrRv.js";
+import { t as Route$17 } from "./_id-81NrHA5d.js";
+import { t as Route$18 } from "./memory-Ns2-Z31p.js";
+import { t as Route$19 } from "./telegram-T3l9KtiE.js";
+import { t as Route$20 } from "./triggers-BcTTwMfy.js";
+import { t as Route$21 } from "./inbox-Bxb3W04M.js";
+import { useEffect, useState } from "react";
+import { HeadContent, Link, Outlet, Scripts, createFileRoute, createRootRoute, createRouter, lazyRouteComponent, redirect, useRouterState } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Monitor, Moon, Sun } from "lucide-react";
+//#region src/components/Footer.tsx
+function Footer() {
+	return /* @__PURE__ */ jsxs("footer", {
+		className: "mt-16 border-t border-frost py-6 text-center text-[0.82em] text-fawn",
+		children: ["dedicated to Baziu", /* @__PURE__ */ jsx(PawIcon, { className: "ml-1 inline-block h-3 w-3 align-[-1px] opacity-40" })]
+	});
+}
+//#endregion
+//#region src/components/ThemeToggle.tsx
+var STORAGE_KEY = "baziu-theme";
+var ICONS = {
+	system: Monitor,
+	light: Sun,
+	dark: Moon
+};
+var NEXT = {
+	system: "light",
+	light: "dark",
+	dark: "system"
+};
+function readMode() {
+	if (typeof window === "undefined") return "system";
+	const v = window.localStorage.getItem(STORAGE_KEY);
+	return v === "light" || v === "dark" || v === "system" ? v : "system";
+}
+function applyMode(mode) {
+	const sysDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+	const dark = mode === "dark" || mode === "system" && sysDark;
+	document.documentElement.classList.toggle("dark", dark);
+}
+function ThemeToggle() {
+	const [mode, setMode] = useState("system");
+	useEffect(() => {
+		setMode(readMode());
+	}, []);
+	useEffect(() => {
+		if (mode !== "system") return;
+		const mq = window.matchMedia("(prefers-color-scheme: dark)");
+		const onChange = () => applyMode("system");
+		mq.addEventListener("change", onChange);
+		return () => mq.removeEventListener("change", onChange);
+	}, [mode]);
+	const cycle = () => {
+		const next = NEXT[mode];
+		setMode(next);
+		window.localStorage.setItem(STORAGE_KEY, next);
+		applyMode(next);
+	};
+	const Icon = ICONS[mode];
+	const label = `Theme: ${mode}`;
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: cycle,
+		className: "unstyled rounded-md p-1.5 text-mocha transition-colors hover:bg-sapphire-glow hover:text-sapphire",
+		title: label,
+		"aria-label": label,
+		children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" })
+	});
+}
+//#endregion
+//#region src/components/TopNav.tsx
+var NAV_LINKS = [
+	{
+		to: "/profiles",
+		label: "templates"
+	},
+	{
+		to: "/agents",
+		label: "agents"
+	},
+	{
+		to: "/groups",
+		label: "groups"
+	},
+	{
+		to: "/skills",
+		label: "skills"
+	},
+	{
+		to: "/config",
+		label: "config"
+	}
+];
+function TopNav() {
+	return /* @__PURE__ */ jsxs("nav", {
+		className: "flex flex-wrap items-center gap-y-1 gap-x-1 border-b border-frost py-5",
+		children: [
+			/* @__PURE__ */ jsxs(Link, {
+				to: "/",
+				className: "logo group mr-6 flex items-center gap-[0.45rem] text-charcoal",
+				children: [/* @__PURE__ */ jsx(BaziuLogo, { className: "logo-paw h-[28px] w-[28px] transition-transform duration-300 group-hover:rotate-[-8deg] group-hover:scale-[1.08]" }), /* @__PURE__ */ jsx("span", {
+					className: "font-display text-[1.35rem] tracking-[-0.02em]",
+					children: "bazilion"
+				})]
+			}),
+			NAV_LINKS.map((link) => /* @__PURE__ */ jsx(Link, {
+				to: link.to,
+				className: "rounded-sm px-3 py-1.5 text-[0.92em] font-medium text-mocha transition-colors hover:bg-sapphire-glow hover:text-sapphire",
+				children: link.label
+			}, link.to)),
+			/* @__PURE__ */ jsx("div", {
+				className: "ml-auto",
+				children: /* @__PURE__ */ jsx(ThemeToggle, {})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/lib/auth.ts
+var fetchAuthState = createServerFn({ method: "GET" }).handler(createSsrRpc("a5d3825fc69573bb55bab6df578c750ebb0240dd394c3acee3adea02918a5dc2"));
+var PUBLIC_PATHS = new Set(["/login"]);
+var SETUP_OPEN_PREFIXES = ["/welcome", "/config"];
+function isSetupOpen(path) {
+	for (const prefix of SETUP_OPEN_PREFIXES) if (path === prefix || path.startsWith(`${prefix}/`)) return true;
+	return false;
+}
+//#endregion
+//#region src/styles.css?url
+var styles_default = "/assets/styles-C06axZZk.css";
+//#endregion
+//#region src/routes/__root.tsx
+var THEME_INIT_SCRIPT = `(function(){try{var t=localStorage.getItem('baziu-theme');var sd=window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches;var d=t==='dark'||((t===null||t==='system')&&sd);document.documentElement.classList.toggle('dark',d);}catch(e){}})();`;
+var Route$2 = createRootRoute({
+	beforeLoad: async ({ location }) => {
+		const path = location.pathname;
+		if (PUBLIC_PATHS.has(path)) return;
+		if (path.startsWith("/api/")) return;
+		const auth = await fetchAuthState();
+		if (!auth.authed) throw redirect({
+			to: "/login",
+			search: {}
+		});
+		if (!isSetupOpen(path) && !auth.setupComplete) throw redirect({ to: "/welcome" });
+	},
+	head: () => ({
+		meta: [
+			{ charSet: "utf-8" },
+			{
+				name: "viewport",
+				content: "width=device-width, initial-scale=1"
+			},
+			{ title: "bazilion" }
+		],
+		links: [
+			{
+				rel: "icon",
+				type: "image/svg+xml",
+				href: "/baziu.svg"
+			},
+			{
+				rel: "preconnect",
+				href: "https://fonts.googleapis.com"
+			},
+			{
+				rel: "preconnect",
+				href: "https://fonts.gstatic.com",
+				crossOrigin: ""
+			},
+			{
+				rel: "stylesheet",
+				href: "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&family=JetBrains+Mono:wght@400;500&display=swap"
+			},
+			{
+				rel: "stylesheet",
+				href: styles_default
+			}
+		]
+	}),
+	component: RootComponent,
+	notFoundComponent: NotFound
+});
+function NotFound() {
+	const pathname = useRouterState({ select: (s) => s.location.pathname });
+	return /* @__PURE__ */ jsx("div", {
+		className: "mx-auto max-w-2xl",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "card",
+			children: [
+				/* @__PURE__ */ jsx("h1", { children: "Not found" }),
+				/* @__PURE__ */ jsxs("p", {
+					className: "muted my-3",
+					children: [
+						"Nothing lives at ",
+						/* @__PURE__ */ jsx("code", { children: pathname }),
+						"."
+					]
+				}),
+				/* @__PURE__ */ jsx(Link, {
+					to: "/",
+					children: "Back to home"
+				})
+			]
+		})
+	});
+}
+function RootComponent() {
+	const pathname = useRouterState({ select: (s) => s.location.pathname });
+	const isLogin = pathname === "/login";
+	const isHome = pathname === "/";
+	return /* @__PURE__ */ jsxs("html", {
+		lang: "en",
+		"data-layout": isHome ? "home" : "page",
+		suppressHydrationWarning: true,
+		children: [/* @__PURE__ */ jsxs("head", { children: [/* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: THEME_INIT_SCRIPT } }), /* @__PURE__ */ jsx(HeadContent, {})] }), /* @__PURE__ */ jsxs("body", {
+			"data-layout": isHome ? "home" : "page",
+			children: [isLogin ? /* @__PURE__ */ jsx(Outlet, {}) : isHome ? /* @__PURE__ */ jsxs("div", {
+				className: "flex h-dvh flex-col px-6",
+				children: [/* @__PURE__ */ jsx(TopNav, {}), /* @__PURE__ */ jsx("main", {
+					className: "min-h-0 flex-1 overflow-hidden",
+					children: /* @__PURE__ */ jsx(Outlet, {})
+				})]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "flex min-h-dvh flex-col px-6 pb-12",
+				children: [
+					/* @__PURE__ */ jsx(TopNav, {}),
+					/* @__PURE__ */ jsx("main", {
+						className: "mt-8 flex-1",
+						children: /* @__PURE__ */ jsx(Outlet, {})
+					}),
+					/* @__PURE__ */ jsx(Footer, {})
+				]
+			}), /* @__PURE__ */ jsx(Scripts, {})]
+		})]
+	});
+}
+//#endregion
+//#region src/routes/welcome.tsx
+var $$splitComponentImporter = () => import("./welcome-CP4CZ9B6.js");
+var Route$1 = createFileRoute("/welcome")({
+	beforeLoad: async () => {
+		if ((await fetchAuthState()).setupComplete) throw redirect({ to: "/" });
+	},
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+//#endregion
+//#region src/routes/api/$.ts
+var STRIP_REQUEST_HEADERS = new Set([
+	"host",
+	"connection",
+	"keep-alive",
+	"proxy-authenticate",
+	"proxy-authorization",
+	"te",
+	"trailer",
+	"transfer-encoding",
+	"upgrade",
+	"cookie"
+]);
+var STRIP_RESPONSE_HEADERS = new Set([
+	"connection",
+	"keep-alive",
+	"proxy-authenticate",
+	"proxy-authorization",
+	"te",
+	"trailer",
+	"transfer-encoding",
+	"upgrade"
+]);
+async function proxy(request) {
+	const incoming = new URL(request.url);
+	const target = `${DAEMON_BASE_URL}${incoming.pathname}${incoming.search}`;
+	const headers = new Headers();
+	for (const [k, v] of request.headers) if (!STRIP_REQUEST_HEADERS.has(k.toLowerCase())) headers.set(k, v);
+	if (!headers.has("authorization")) {
+		const token = getCookie("bz_token");
+		if (token) headers.set("authorization", `Bearer ${token}`);
+	}
+	headers.set("origin", DAEMON_BASE_URL);
+	const init = {
+		method: request.method,
+		headers,
+		redirect: "manual"
+	};
+	if (request.method !== "GET" && request.method !== "HEAD") {
+		init.body = request.body;
+		init.duplex = "half";
+	}
+	const upstream = await fetch(target, init);
+	const respHeaders = new Headers();
+	for (const [k, v] of upstream.headers) if (!STRIP_RESPONSE_HEADERS.has(k.toLowerCase())) respHeaders.set(k, v);
+	return new Response(upstream.body, {
+		status: upstream.status,
+		statusText: upstream.statusText,
+		headers: respHeaders
+	});
+}
+var Route = createFileRoute("/api/$")({ server: { handlers: {
+	GET: ({ request }) => proxy(request),
+	POST: ({ request }) => proxy(request),
+	PUT: ({ request }) => proxy(request),
+	PATCH: ({ request }) => proxy(request),
+	DELETE: ({ request }) => proxy(request)
+} } });
+//#endregion
+//#region src/routeTree.gen.ts
+var WelcomeRoute = Route$1.update({
+	id: "/welcome",
+	path: "/welcome",
+	getParentRoute: () => Route$2
+});
+var LoginRoute = Route$3.update({
+	id: "/login",
+	path: "/login",
+	getParentRoute: () => Route$2
+});
+var IndexRoute = Route$4.update({
+	id: "/",
+	path: "/",
+	getParentRoute: () => Route$2
+});
+var SkillsIndexRoute = Route$5.update({
+	id: "/skills/",
+	path: "/skills/",
+	getParentRoute: () => Route$2
+});
+var ProfilesIndexRoute = Route$6.update({
+	id: "/profiles/",
+	path: "/profiles/",
+	getParentRoute: () => Route$2
+});
+var ProfileGroupsIndexRoute = Route$7.update({
+	id: "/profile-groups/",
+	path: "/profile-groups/",
+	getParentRoute: () => Route$2
+});
+var GroupsIndexRoute = Route$8.update({
+	id: "/groups/",
+	path: "/groups/",
+	getParentRoute: () => Route$2
+});
+var ConfigIndexRoute = Route$9.update({
+	id: "/config/",
+	path: "/config/",
+	getParentRoute: () => Route$2
+});
+var AgentsIndexRoute = Route$10.update({
+	id: "/agents/",
+	path: "/agents/",
+	getParentRoute: () => Route$2
+});
+var ProfilesIdRoute = Route$11.update({
+	id: "/profiles/$id",
+	path: "/profiles/$id",
+	getParentRoute: () => Route$2
+});
+var ProfileGroupsIdRoute = Route$12.update({
+	id: "/profile-groups/$id",
+	path: "/profile-groups/$id",
+	getParentRoute: () => Route$2
+});
+var ConfigTokensRoute = Route$13.update({
+	id: "/config/tokens",
+	path: "/config/tokens",
+	getParentRoute: () => Route$2
+});
+var ConfigServicesRoute = Route$14.update({
+	id: "/config/services",
+	path: "/config/services",
+	getParentRoute: () => Route$2
+});
+var ConfigMcpRoute = Route$15.update({
+	id: "/config/mcp",
+	path: "/config/mcp",
+	getParentRoute: () => Route$2
+});
+var ApiSplatRoute = Route.update({
+	id: "/api/$",
+	path: "/api/$",
+	getParentRoute: () => Route$2
+});
+var GroupsIdIndexRoute = Route$16.update({
+	id: "/groups/$id/",
+	path: "/groups/$id/",
+	getParentRoute: () => Route$2
+});
+var AgentsIdIndexRoute = Route$17.update({
+	id: "/agents/$id/",
+	path: "/agents/$id/",
+	getParentRoute: () => Route$2
+});
+var GroupsIdMemoryRoute = Route$18.update({
+	id: "/groups/$id/memory",
+	path: "/groups/$id/memory",
+	getParentRoute: () => Route$2
+});
+var ConfigIntegrationsTelegramRoute = Route$19.update({
+	id: "/config/integrations/telegram",
+	path: "/config/integrations/telegram",
+	getParentRoute: () => Route$2
+});
+var AgentsIdTriggersRoute = Route$20.update({
+	id: "/agents/$id/triggers",
+	path: "/agents/$id/triggers",
+	getParentRoute: () => Route$2
+});
+var rootRouteChildren = {
+	IndexRoute,
+	LoginRoute,
+	WelcomeRoute,
+	ApiSplatRoute,
+	ConfigMcpRoute,
+	ConfigServicesRoute,
+	ConfigTokensRoute,
+	ProfileGroupsIdRoute,
+	ProfilesIdRoute,
+	AgentsIndexRoute,
+	ConfigIndexRoute,
+	GroupsIndexRoute,
+	ProfileGroupsIndexRoute,
+	ProfilesIndexRoute,
+	SkillsIndexRoute,
+	AgentsIdInboxRoute: Route$21.update({
+		id: "/agents/$id/inbox",
+		path: "/agents/$id/inbox",
+		getParentRoute: () => Route$2
+	}),
+	AgentsIdTriggersRoute,
+	ConfigIntegrationsTelegramRoute,
+	GroupsIdMemoryRoute,
+	AgentsIdIndexRoute,
+	GroupsIdIndexRoute
+};
+var routeTree = Route$2._addFileChildren(rootRouteChildren)._addFileTypes();
+//#endregion
+//#region src/router.tsx
+function getRouter() {
+	return createRouter({
+		routeTree,
+		scrollRestoration: true,
+		defaultPreload: "intent"
+	});
+}
+//#endregion
+export { getRouter };

package/dist/web/server/assets/routes-C61gBiXa.js

@@ -0,0 +1,57 @@
+import { i as getCookie, t as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-CeKECg65.js";
+import { n as daemonClient, r as ApiClientError } from "./daemon-client-2NRMzlTr.js";
+import { t as SIDEBAR_OPEN_GROUPS_COOKIE } from "./Sidebar-DmEiewRN.js";
+//#region src/routes/index.tsx?tss-serverfn-split
+function parseOpenGroupsCookie(raw) {
+	if (!raw) return {};
+	try {
+		const decoded = raw.includes("%") ? decodeURIComponent(raw) : raw;
+		const parsed = JSON.parse(decoded);
+		if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+			const out = {};
+			for (const [k, v] of Object.entries(parsed)) if (typeof v === "boolean") out[k] = v;
+			return out;
+		}
+	} catch {}
+	return {};
+}
+var fetchHomeData_createServerFn_handler = createServerRpc({
+	id: "26dbbcbe40063e8aedfd343cf1dfd4dfe5589f24591c0ba35e80c611d7c57c7c",
+	name: "fetchHomeData",
+	filename: "src/routes/index.tsx"
+}, (opts) => fetchHomeData.__executeServer(opts));
+var fetchHomeData = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(fetchHomeData_createServerFn_handler, async ({ data }) => {
+	const client = daemonClient();
+	const [agents, profiles, profileGroups, groups] = await Promise.all([
+		client.get("/api/agents?includeArchived=false"),
+		client.get("/api/profiles"),
+		client.get("/api/profile-groups"),
+		client.get("/api/groups")
+	]);
+	const initialOpenGroups = parseOpenGroupsCookie(getCookie(SIDEBAR_OPEN_GROUPS_COOKIE));
+	let selected = null;
+	if (data.agentId) try {
+		const resolved = await client.get(`/api/agents/${encodeURIComponent(data.agentId)}`);
+		if (resolved.agent.status !== "archived") {
+			const [msgs, head] = await Promise.all([client.get(`/api/agents/${encodeURIComponent(resolved.agent.id)}/sessions/messages`), client.get(`/api/agents/${encodeURIComponent(resolved.agent.id)}/sessions/head`)]);
+			selected = {
+				resolved,
+				initialMessages: msgs.messages,
+				sessionHead: head
+			};
+		}
+	} catch (err) {
+		if (!(err instanceof ApiClientError) || err.status !== 404) throw err;
+	}
+	return {
+		agents,
+		profiles,
+		profileGroups,
+		groups,
+		selected,
+		initialOpenGroups
+	};
+});
+//#endregion
+export { fetchHomeData_createServerFn_handler };

package/dist/web/server/assets/routes-Ce2VWrU9.js

@@ -0,0 +1,33 @@
+import { t as Route } from "./routes-V9URcp1v.js";
+import { t as ChatPane } from "./ChatPane-BvpswYvF.js";
+import { n as Sidebar } from "./Sidebar-DmEiewRN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/index.tsx?tsr-split=component
+function HomePage() {
+	const data = Route.useLoaderData();
+	const selectedAgentId = data.selected?.resolved.agent.id ?? null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid h-full grid-cols-1 gap-3 py-3 sm:grid-cols-[16rem_minmax(0,1fr)]",
+		children: [/* @__PURE__ */ jsx(Sidebar, {
+			agents: data.agents,
+			groups: data.groups,
+			profiles: data.profiles,
+			profileGroups: data.profileGroups,
+			selectedAgentId,
+			initialOpenGroups: data.initialOpenGroups
+		}), /* @__PURE__ */ jsx("main", {
+			className: "overflow-hidden",
+			children: data.selected ? /* @__PURE__ */ jsx(ChatPane, {
+				agentId: data.selected.resolved.agent.id,
+				agentName: data.selected.resolved.agent.name,
+				initialMessages: data.selected.initialMessages,
+				initialSessionHead: data.selected.sessionHead
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "flex h-full items-center justify-center rounded-lg border border-dashed bg-card text-muted-foreground",
+				children: data.agents.length === 0 ? "No agents yet." : "Pick an agent on the left to start chatting."
+			})
+		})]
+	});
+}
+//#endregion
+export { HomePage as component };

package/dist/web/server/assets/routes-V9URcp1v.js

@@ -0,0 +1,14 @@
+import { t as createServerFn } from "../server.js";
+import { t as createSsrRpc } from "./createSsrRpc-ZBGxhl8t.js";
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+//#region src/routes/index.tsx
+var $$splitComponentImporter = () => import("./routes-Ce2VWrU9.js");
+var fetchHomeData = createServerFn({ method: "POST" }).inputValidator((d) => d).handler(createSsrRpc("26dbbcbe40063e8aedfd343cf1dfd4dfe5589f24591c0ba35e80c611d7c57c7c"));
+var Route = createFileRoute("/")({
+	validateSearch: (s) => ({ agent: typeof s.agent === "string" ? s.agent : void 0 }),
+	loaderDeps: ({ search }) => ({ agentId: search.agent }),
+	loader: ({ deps }) => fetchHomeData({ data: { agentId: deps.agentId } }),
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+//#endregion
+export { Route as t };

package/dist/web/server/assets/services-B91w2f-X.js

@@ -0,0 +1,94 @@
+import { t as Route } from "./services-Ccc5s2bS.js";
+import { t as ConfigTabs } from "./ConfigTabs-CyuxzesF.js";
+import { t as FieldRow } from "./FieldRow-DwyqycWI.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/config/services.tsx?tsr-split=component
+var UNGROUPED_LABEL = "Other";
+/**
+* Bucket services into groups while preserving the order each group first
+* appears in the daemon's SERVICES list. Cards without a `group` field land
+* in an "Other" bucket at the end.
+*/
+function groupServices(services) {
+	const buckets = /* @__PURE__ */ new Map();
+	for (const s of services) {
+		const key = s.group ?? UNGROUPED_LABEL;
+		const bucket = buckets.get(key) ?? [];
+		bucket.push(s);
+		buckets.set(key, bucket);
+	}
+	const entries = Array.from(buckets, ([group, items]) => ({
+		group,
+		items
+	}));
+	if (entries.length > 1) entries.sort((a, b) => {
+		if (a.group === UNGROUPED_LABEL) return 1;
+		if (b.group === UNGROUPED_LABEL) return -1;
+		return 0;
+	});
+	return entries;
+}
+function ServicesPage() {
+	const { services } = Route.useLoaderData();
+	const grouped = groupServices(services);
+	return /* @__PURE__ */ jsxs("main", {
+		className: "mx-auto max-w-5xl px-6 py-8",
+		children: [
+			/* @__PURE__ */ jsx("h1", {
+				className: "font-serif text-3xl text-foreground mb-2",
+				children: "config"
+			}),
+			/* @__PURE__ */ jsx(ConfigTabs, { active: "services" }),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-muted-foreground text-sm mb-6",
+				children: [
+					"Configuration for non-LLM integrations — web search, crawlers, and similar. Fields marked as secrets are encrypted in the ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: "secrets"
+					}),
+					" ",
+					"table; plaintext URLs and IDs live in the ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: "config"
+					}),
+					" ",
+					"table."
+				]
+			}),
+			services.length === 0 && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground italic",
+				children: "(no services registered)"
+			}),
+			grouped.map(({ group, items }) => /* @__PURE__ */ jsxs("section", {
+				className: "mb-6",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+					children: group
+				}), items.map((s) => /* @__PURE__ */ jsxs("section", {
+					className: "rounded-lg border bg-card p-5 mb-3",
+					children: [
+						/* @__PURE__ */ jsxs("header", {
+							className: "flex items-center gap-2 mb-3",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "font-mono font-semibold",
+								children: s.id
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "text-muted-foreground text-sm",
+								children: ["· ", s.displayName]
+							})]
+						}),
+						s.hint && /* @__PURE__ */ jsx("p", {
+							className: "text-xs text-muted-foreground mb-2",
+							children: s.hint
+						}),
+						s.fields.map((f) => /* @__PURE__ */ jsx(FieldRow, { field: f }, f.envVar))
+					]
+				}, s.id))]
+			}, group))
+		]
+	});
+}
+//#endregion
+export { ServicesPage as component };

package/dist/web/server/assets/services-Ccc5s2bS.js

@@ -0,0 +1,17 @@
+import { t as createServerFn } from "../server.js";
+import { t as createSsrRpc } from "./createSsrRpc-ZBGxhl8t.js";
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+//#region src/routes/config/services.tsx
+var $$splitComponentImporter = () => import("./services-B91w2f-X.js");
+var fetchServices = createServerFn({ method: "GET" }).handler(createSsrRpc("6afd81bef0ee381d6e3641cd8e269968429c874e2f9d56c8f818cc9d180ee477"));
+var Route = createFileRoute("/config/services")({
+	loader: () => fetchServices(),
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+/**
+* Bucket services into groups while preserving the order each group first
+* appears in the daemon's SERVICES list. Cards without a `group` field land
+* in an "Other" bucket at the end.
+*/
+//#endregion
+export { Route as t };

package/dist/web/server/assets/services-DhRiNeq0.js

@@ -0,0 +1,12 @@
+import { t as createServerFn } from "../server.js";
+import { t as createServerRpc } from "./createServerRpc-CeKECg65.js";
+import { n as daemonClient } from "./daemon-client-2NRMzlTr.js";
+//#region src/routes/config/services.tsx?tss-serverfn-split
+var fetchServices_createServerFn_handler = createServerRpc({
+	id: "6afd81bef0ee381d6e3641cd8e269968429c874e2f9d56c8f818cc9d180ee477",
+	name: "fetchServices",
+	filename: "src/routes/config/services.tsx"
+}, (opts) => fetchServices.__executeServer(opts));
+var fetchServices = createServerFn({ method: "GET" }).handler(fetchServices_createServerFn_handler, () => daemonClient().get("/api/config/services"));
+//#endregion
+export { fetchServices_createServerFn_handler };