{`uAgents · ${title}`}

\n \n {label}\n arrow_drop_down\n

\n );\n}\n\n/** A labelled, read-only value with a copy button (filled live by a client script). */\nexport function ReadOnlyField({ id, label }: { id: string; label: string }) {\n return (\n

\n {label}\n

\n \n

\n );\n}\n\n/** Inline confirmation shown after a successful key-config save. */\nexport function SavedBanner() {\n return (\n

\n check_circle Saved.\n

\n );\n}\n",[],[171,270],"c2613c73-f342-42b0-9d54-ea3cbc683e66","layout.tsx","f3474b16-6128-11f1-b4a4-1607ee4eb77e",257,["D",1780940365700],8,"/** @jsxImportSource https://esm.sh/preact@10.29.1 */\n// layout.tsx — Shared beer.css (Material Design 3) document shell. The top app bar\n// is the app's persistent chrome: brand on the left; page actions, the signed-in\n// user, and sign-out on the right. Styling comes from the modular styles/ layer.\n\nimport type { ComponentChildren } from \"https://esm.sh/preact@10.29.1\";\nimport { GLOBAL_CSS } from \"./styles/index.ts\";\nimport { LOGO_SVG } from \"./assets.ts\";\nimport { LoginLink, UserMenu } from \"./shared.tsx\";\n\nconst BEER_CSS = \"https://cdn.jsdelivr.net/npm/beercss@4.0.21/dist/cdn/beer.min.css\";\nconst BEER_JS = \"https://cdn.jsdelivr.net/npm/beercss@4.0.21/dist/cdn/beer.min.js\";\nconst MDC_JS =\n \"https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js\";\nconst ICONS =\n \"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@40,400,0,0\";\n\n/** Brand seed — beer.css generates the full M3 palette from this at runtime. */\nconst BRAND_SEED = \"#2E6BE6\";\n\nexport interface ShellUser {\n username: string;\n avatarUrl?: string;\n}\n\ninterface ShellProps {\n title: string;\n user?: ShellUser;\n breadcrumb?: ComponentChildren; // crumbs rendered after the brand (e.g. › Admin › Debug)\n navActions?: ComponentChildren;\n children: ComponentChildren;\n}\n\n/** Full HTML document: top app bar (brand + actions + user) and a page container. */\nexport function Shell({ title, user, breadcrumb, navActions, children }: ShellProps) {\n return (\n \n \n \n \n {`uAgents · ${title}`}\n \n \n \n \n \n

Diff · v319