bazilion 0.8.0 → 0.10.0

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

@@ -0,0 +1,504 @@
+import { i as getCookie, t as createServerFn } from "../server.js";
+import { t as DAEMON_BASE_URL } from "./daemon-client-2NRMzlTr.js";
+import { i as BaziuLogo, n as ThemeToggle, r as PawIcon, t as Route$4 } from "./login-Bx5LEyGP.js";
+import { t as createSsrRpc } from "./createSsrRpc-DFsIAfFd.js";
+import { t as Route$5 } from "./routes-lIclH9Br.js";
+import { t as Route$6 } from "./teams-DEpQR2QA.js";
+import { t as Route$7 } from "./skills-C-UgkuCW.js";
+import { t as Route$8 } from "./config-TeIoyYYc.js";
+import { t as Route$9 } from "./approvals-CWcFHlor.js";
+import { t as Route$10 } from "./agents-C9xlWK0Z.js";
+import { t as Route$11 } from "./tokens-BnwFbV7T.js";
+import { t as Route$12 } from "./services-C4szdhPx.js";
+import { t as Route$13 } from "./mcp-DIWTogHM.js";
+import { t as Route$14 } from "./teams-OIkHuxy1.js";
+import { t as Route$15 } from "./agents-BvttypqB.js";
+import { t as Route$16 } from "./_id-Dj1yZ3zJ.js";
+import { t as Route$17 } from "./_id-DkYodSkG.js";
+import { t as Route$18 } from "./policy-C30AeFIb.js";
+import { t as Route$19 } from "./memory-pZ4pZT7p.js";
+import { t as Route$20 } from "./members-VdPwD6CE.js";
+import { t as Route$21 } from "./context-BXGo5Vfi.js";
+import { t as Route$22 } from "./activity-D9SMqBhy.js";
+import { t as Route$23 } from "./telegram-Bazhmpr4.js";
+import { t as Route$24 } from "./triggers-Ca57_qym.js";
+import { t as Route$25 } from "./inbox-BardsGyy.js";
+import { t as Route$26 } from "./_id-DinTp_7X.js";
+import { t as Route$27 } from "./_id-CwyGjJeP.js";
+import { HeadContent, Link, Outlet, Scripts, createFileRoute, createRootRoute, createRouter, lazyRouteComponent, redirect, useRouterState } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bot, LayoutTemplate, Settings2, ShieldCheck, Sparkles, UsersRound } from "lucide-react";
+//#region src/components/Footer.tsx
+function Footer() {
+	return /* @__PURE__ */ jsxs("footer", {
+		className: "mx-auto mt-14 flex w-full max-w-[1500px] shrink-0 flex-col items-center justify-between gap-3 border-t border-frost py-5 text-xs text-mocha-light sm:flex-row",
+		children: [/* @__PURE__ */ jsxs(Link, {
+			to: "/",
+			className: "team inline-flex items-center gap-2 rounded-lg text-charcoal transition-opacity hover:text-charcoal hover:opacity-80",
+			children: [/* @__PURE__ */ jsx(BaziuLogo, { className: "h-6 w-6 transition-transform duration-300 team-hover:rotate-[-8deg]" }), /* @__PURE__ */ jsx("span", {
+				className: "font-display text-sm tracking-[-0.01em]",
+				children: "bazilion"
+			})]
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex items-center gap-1.5",
+			children: ["dedicated to Baziu", /* @__PURE__ */ jsx(PawIcon, {
+				className: "h-3 w-3 text-rose-baziu opacity-60",
+				"aria-hidden": "true"
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/TopNav.tsx
+var NAV_LINKS = [
+	{
+		to: "/templates",
+		label: "templates",
+		icon: LayoutTemplate
+	},
+	{
+		to: "/agents",
+		label: "agents",
+		icon: Bot
+	},
+	{
+		to: "/teams",
+		label: "teams",
+		icon: UsersRound
+	},
+	{
+		to: "/approvals",
+		label: "approvals",
+		icon: ShieldCheck
+	},
+	{
+		to: "/skills",
+		label: "skills",
+		icon: Sparkles
+	},
+	{
+		to: "/config",
+		label: "config",
+		icon: Settings2
+	}
+];
+function TopNav() {
+	const pathname = useRouterState({ select: (state) => state.location.pathname });
+	return /* @__PURE__ */ jsxs("nav", {
+		"aria-label": "Primary navigation",
+		className: "mx-auto grid w-full max-w-[1500px] shrink-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-3 gap-y-2 border-b border-frost py-3 md:flex md:gap-2 md:py-4",
+		children: [
+			/* @__PURE__ */ jsxs(Link, {
+				to: "/",
+				"aria-current": pathname === "/" ? "page" : void 0,
+				className: "logo team flex min-w-0 items-center gap-2 rounded-lg text-charcoal transition-opacity hover:text-charcoal hover:opacity-80",
+				children: [/* @__PURE__ */ jsx(BaziuLogo, { className: "logo-paw h-8 w-8 shrink-0 transition-transform duration-300 team-hover:rotate-[-8deg] team-hover:scale-[1.08]" }), /* @__PURE__ */ jsx("span", {
+					className: "truncate font-display text-[1.35rem] tracking-[-0.02em]",
+					children: "bazilion"
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "col-span-2 row-start-2 flex min-w-0 items-center justify-between gap-1 md:col-auto md:row-auto md:ml-4 md:flex-1 md:justify-start",
+				children: NAV_LINKS.map((link) => {
+					const active = pathname === link.to || pathname.startsWith(`${link.to}/`);
+					const Icon = link.icon;
+					return /* @__PURE__ */ jsxs(Link, {
+						to: link.to,
+						"aria-current": active ? "page" : void 0,
+						"aria-label": link.label,
+						title: link.label,
+						className: `inline-flex h-9 min-w-9 items-center justify-center gap-2 rounded-lg border px-2.5 text-sm font-medium transition-all md:min-w-10 lg:px-3 ${active ? "border-sapphire-light bg-sapphire-glow text-sapphire shadow-baziu-sm" : "border-transparent text-mocha hover:border-frost hover:bg-ivory hover:text-sapphire"}`,
+						children: [/* @__PURE__ */ jsx(Icon, {
+							className: "h-[1.05rem] w-[1.05rem] shrink-0",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "hidden lg:inline",
+							children: link.label
+						})]
+					}, link.to);
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "col-start-2 row-start-1 md:col-auto md:row-auto md: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-B5eQAwLP.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$3 = 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 isWorkspace = pathname === "/";
+	return /* @__PURE__ */ jsxs("html", {
+		lang: "en",
+		"data-layout": isWorkspace ? "workspace" : "page",
+		suppressHydrationWarning: true,
+		children: [/* @__PURE__ */ jsxs("head", { children: [/* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: THEME_INIT_SCRIPT } }), /* @__PURE__ */ jsx(HeadContent, {})] }), /* @__PURE__ */ jsxs("body", {
+			"data-layout": isWorkspace ? "workspace" : "page",
+			children: [isLogin ? /* @__PURE__ */ jsx(Outlet, {}) : isWorkspace ? /* @__PURE__ */ jsxs("div", {
+				className: "flex h-dvh flex-col",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "px-3 sm:px-5",
+					children: /* @__PURE__ */ jsx(TopNav, {})
+				}), /* @__PURE__ */ jsx("main", {
+					className: "mx-auto min-h-0 w-full max-w-[1600px] flex-1 overflow-hidden px-3 pb-3 sm:px-5 sm:pb-5",
+					children: /* @__PURE__ */ jsx(Outlet, {})
+				})]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "flex min-h-dvh flex-col",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "px-3 sm:px-5",
+						children: /* @__PURE__ */ jsx(TopNav, {})
+					}),
+					/* @__PURE__ */ jsx("main", {
+						className: "mx-auto w-full max-w-[1500px] flex-1 px-4 py-9 sm:px-6 sm:py-12",
+						children: /* @__PURE__ */ jsx(Outlet, {})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "px-4 sm:px-6",
+						children: /* @__PURE__ */ jsx(Footer, {})
+					})
+				]
+			}), /* @__PURE__ */ jsx(Scripts, {})]
+		})]
+	});
+}
+//#endregion
+//#region src/routes/welcome.tsx
+var $$splitComponentImporter = () => import("./welcome-IYHGurWx.js");
+var Route$2 = createFileRoute("/welcome")({
+	beforeLoad: async () => {
+		if ((await fetchAuthState()).setupComplete) throw redirect({ to: "/" });
+	},
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+//#endregion
+//#region src/routes/templates/index.tsx
+var Route$1 = createFileRoute("/templates/")({ beforeLoad: () => {
+	throw redirect({ to: "/templates/agents" });
+} });
+//#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$2.update({
+	id: "/welcome",
+	path: "/welcome",
+	getParentRoute: () => Route$3
+});
+var LoginRoute = Route$4.update({
+	id: "/login",
+	path: "/login",
+	getParentRoute: () => Route$3
+});
+var IndexRoute = Route$5.update({
+	id: "/",
+	path: "/",
+	getParentRoute: () => Route$3
+});
+var TemplatesIndexRoute = Route$1.update({
+	id: "/templates/",
+	path: "/templates/",
+	getParentRoute: () => Route$3
+});
+var TeamsIndexRoute = Route$6.update({
+	id: "/teams/",
+	path: "/teams/",
+	getParentRoute: () => Route$3
+});
+var SkillsIndexRoute = Route$7.update({
+	id: "/skills/",
+	path: "/skills/",
+	getParentRoute: () => Route$3
+});
+var ConfigIndexRoute = Route$8.update({
+	id: "/config/",
+	path: "/config/",
+	getParentRoute: () => Route$3
+});
+var ApprovalsIndexRoute = Route$9.update({
+	id: "/approvals/",
+	path: "/approvals/",
+	getParentRoute: () => Route$3
+});
+var AgentsIndexRoute = Route$10.update({
+	id: "/agents/",
+	path: "/agents/",
+	getParentRoute: () => Route$3
+});
+var ConfigTokensRoute = Route$11.update({
+	id: "/config/tokens",
+	path: "/config/tokens",
+	getParentRoute: () => Route$3
+});
+var ConfigServicesRoute = Route$12.update({
+	id: "/config/services",
+	path: "/config/services",
+	getParentRoute: () => Route$3
+});
+var ConfigMcpRoute = Route$13.update({
+	id: "/config/mcp",
+	path: "/config/mcp",
+	getParentRoute: () => Route$3
+});
+var ApiSplatRoute = Route.update({
+	id: "/api/$",
+	path: "/api/$",
+	getParentRoute: () => Route$3
+});
+var TemplatesTeamsIndexRoute = Route$14.update({
+	id: "/templates/teams/",
+	path: "/templates/teams/",
+	getParentRoute: () => Route$3
+});
+var TemplatesAgentsIndexRoute = Route$15.update({
+	id: "/templates/agents/",
+	path: "/templates/agents/",
+	getParentRoute: () => Route$3
+});
+var TeamsIdIndexRoute = Route$16.update({
+	id: "/teams/$id/",
+	path: "/teams/$id/",
+	getParentRoute: () => Route$3
+});
+var AgentsIdIndexRoute = Route$17.update({
+	id: "/agents/$id/",
+	path: "/agents/$id/",
+	getParentRoute: () => Route$3
+});
+var TeamsIdPolicyRoute = Route$18.update({
+	id: "/teams/$id/policy",
+	path: "/teams/$id/policy",
+	getParentRoute: () => Route$3
+});
+var TeamsIdMemoryRoute = Route$19.update({
+	id: "/teams/$id/memory",
+	path: "/teams/$id/memory",
+	getParentRoute: () => Route$3
+});
+var TeamsIdMembersRoute = Route$20.update({
+	id: "/teams/$id/members",
+	path: "/teams/$id/members",
+	getParentRoute: () => Route$3
+});
+var TeamsIdContextRoute = Route$21.update({
+	id: "/teams/$id/context",
+	path: "/teams/$id/context",
+	getParentRoute: () => Route$3
+});
+var TeamsIdActivityRoute = Route$22.update({
+	id: "/teams/$id/activity",
+	path: "/teams/$id/activity",
+	getParentRoute: () => Route$3
+});
+var ConfigIntegrationsTelegramRoute = Route$23.update({
+	id: "/config/integrations/telegram",
+	path: "/config/integrations/telegram",
+	getParentRoute: () => Route$3
+});
+var AgentsIdTriggersRoute = Route$24.update({
+	id: "/agents/$id/triggers",
+	path: "/agents/$id/triggers",
+	getParentRoute: () => Route$3
+});
+var AgentsIdInboxRoute = Route$25.update({
+	id: "/agents/$id/inbox",
+	path: "/agents/$id/inbox",
+	getParentRoute: () => Route$3
+});
+var TemplatesTeamsIdIndexRoute = Route$26.update({
+	id: "/templates/teams/$id/",
+	path: "/templates/teams/$id/",
+	getParentRoute: () => Route$3
+});
+var rootRouteChildren = {
+	IndexRoute,
+	LoginRoute,
+	WelcomeRoute,
+	ApiSplatRoute,
+	ConfigMcpRoute,
+	ConfigServicesRoute,
+	ConfigTokensRoute,
+	AgentsIndexRoute,
+	ApprovalsIndexRoute,
+	ConfigIndexRoute,
+	SkillsIndexRoute,
+	TeamsIndexRoute,
+	TemplatesIndexRoute,
+	AgentsIdInboxRoute,
+	AgentsIdTriggersRoute,
+	ConfigIntegrationsTelegramRoute,
+	TeamsIdActivityRoute,
+	TeamsIdContextRoute,
+	TeamsIdMembersRoute,
+	TeamsIdMemoryRoute,
+	TeamsIdPolicyRoute,
+	AgentsIdIndexRoute,
+	TeamsIdIndexRoute,
+	TemplatesAgentsIndexRoute,
+	TemplatesTeamsIndexRoute,
+	TemplatesAgentsIdIndexRoute: Route$27.update({
+		id: "/templates/agents/$id/",
+		path: "/templates/agents/$id/",
+		getParentRoute: () => Route$3
+	}),
+	TemplatesTeamsIdIndexRoute
+};
+var routeTree = Route$3._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 → routes-CXz4hTAr.js}

@@ -1,7 +1,7 @@
 import { i as getCookie, 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";
-import { t as SIDEBAR_OPEN_GROUPS_COOKIE } from "./Sidebar-DmEiewRN.js";
+import { t as SIDEBAR_OPEN_GROUPS_COOKIE } from "./Sidebar-O_CH1-JD.js";
 //#region src/routes/index.tsx?tss-serverfn-split
 function parseOpenGroupsCookie(raw) {
 	if (!raw) return {};
@@ -23,11 +23,11 @@ var fetchHomeData_createServerFn_handler = createServerRpc({
 }, (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([
+	const [agents, profiles, profileGroups, teams] = await Promise.all([
 		client.get("/api/agents?includeArchived=false"),
 		client.get("/api/profiles"),
-		client.get("/api/profile-groups"),
-		client.get("/api/groups")
+		client.get("/api/team-templates"),
+		client.get("/api/teams")
 	]);
 	const initialOpenGroups = parseOpenGroupsCookie(getCookie(SIDEBAR_OPEN_GROUPS_COOKIE));
 	let selected = null;
@@ -48,7 +48,7 @@ var fetchHomeData = createServerFn({ method: "POST" }).inputValidator((d) => d).
 		agents,
 		profiles,
 		profileGroups,
-		groups,
+		teams,
 		selected,
 		initialOpenGroups
 	};

package/dist/web/server/assets/{routes-Ce2VWrU9.js → routes-Jb0zjKav.js}

@@ -1,22 +1,25 @@
-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 { t as Route } from "./routes-lIclH9Br.js";
+import { t as ChatPane } from "./ChatPane-eUY_dga3.js";
+import { n as Sidebar } from "./Sidebar-O_CH1-JD.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",
+		className: "grid h-full min-h-0 grid-cols-1 gap-3 py-3 lg:grid-cols-[18rem_minmax(0,1fr)]",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: `min-h-0 ${data.selected ? "hidden lg:block" : ""}`,
+			children: /* @__PURE__ */ jsx(Sidebar, {
+				agents: data.agents,
+				teams: data.teams,
+				profiles: data.profiles,
+				profileGroups: data.profileGroups,
+				selectedAgentId,
+				initialOpenGroups: data.initialOpenGroups
+			})
+		}), /* @__PURE__ */ jsx("section", {
+			className: `min-h-0 overflow-hidden ${data.selected ? "" : "hidden lg:block"}`,
 			children: data.selected ? /* @__PURE__ */ jsx(ChatPane, {
 				agentId: data.selected.resolved.agent.id,
 				agentName: data.selected.resolved.agent.name,

package/dist/web/server/assets/{routes-V9URcp1v.js → routes-lIclH9Br.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/index.tsx
-var $$splitComponentImporter = () => import("./routes-Ce2VWrU9.js");
+var $$splitComponentImporter = () => import("./routes-Jb0zjKav.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 }),

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

@@ -0,0 +1,79 @@
+import { t as Route } from "./services-C4szdhPx.js";
+import { t as ConfigPage } from "./ConfigPage-BKlh5vOU.js";
+import { t as FieldRow } from "./FieldRow-B4eTegH9.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/config/services.tsx?tsr-split=component
+var UNGROUPED_LABEL = "Other";
+/**
+* Bucket services into teams while preserving the order each team first
+* appears in the daemon's SERVICES list. Cards without a `team` 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.team ?? UNGROUPED_LABEL;
+		const bucket = buckets.get(key) ?? [];
+		bucket.push(s);
+		buckets.set(key, bucket);
+	}
+	const entries = Array.from(buckets, ([team, items]) => ({
+		team,
+		items
+	}));
+	if (entries.length > 1) entries.sort((a, b) => {
+		if (a.team === UNGROUPED_LABEL) return 1;
+		if (b.team === UNGROUPED_LABEL) return -1;
+		return 0;
+	});
+	return entries;
+}
+function ServicesPage() {
+	const { services } = Route.useLoaderData();
+	const grouped = groupServices(services);
+	return /* @__PURE__ */ jsxs(ConfigPage, {
+		active: "services",
+		title: "Services",
+		description: /* @__PURE__ */ jsxs(Fragment, { children: [
+			"Configure non-LLM integrations such as web search and crawlers. Secret fields are encrypted in the ",
+			/* @__PURE__ */ jsx("code", {
+				className: "font-mono",
+				children: "secrets"
+			}),
+			" table; URLs and IDs live in the ",
+			/* @__PURE__ */ jsx("code", {
+				className: "font-mono",
+				children: "config"
+			}),
+			" table."
+		] }),
+		children: [services.length === 0 && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground italic",
+			children: "(no services registered)"
+		}), grouped.map(({ team, items }) => /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h2", {
+			className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+			children: team
+		}), items.map((s) => /* @__PURE__ */ jsxs("section", {
+			className: "rounded-lg border bg-card p-5 mb-3",
+			children: [
+				/* @__PURE__ */ jsxs("header", {
+					className: "mb-3 flex flex-wrap items-center gap-2",
+					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))] }, team))]
+	});
+}
+//#endregion
+export { ServicesPage as component };

package/dist/web/server/assets/{services-Ccc5s2bS.js → services-C4szdhPx.js}

@@ -1,16 +1,16 @@
 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/services.tsx
-var $$splitComponentImporter = () => import("./services-B91w2f-X.js");
+var $$splitComponentImporter = () => import("./services-B9yBWDX0.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
+* Bucket services into teams while preserving the order each team first
+* appears in the daemon's SERVICES list. Cards without a `team` field land
 * in an "Other" bucket at the end.
 */
 //#endregion