@wular/coder 0.4.7 → 0.4.9

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{layout.53a8a3b0e4a7917f.js → [org]/layout.6d2242d49ae9dd35.js}

@@ -1,58 +1,67 @@
-import "./layout.4b31e7e60256f6d1.css.pnext-asset.js";
-import { CoderError } from "../../../../core/errors.e10960fe4c66b9d8.js";
-import { Suspense } from "../../../../../../../node_modules/preact/compat/dist/compat.mjs";
-import { redirect } from "../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
-import { AuthPanel } from "../../comps/frame/auth-panel.5712a8d190b003b4.js";
-import { iActivity, iAgent, iChart, iCheck, iKey, iMonitor, iMoon, iOut, iSliders, iSun, iUpdown, iUser, iUsers } from "../../comps/ui/icons.1777c0350d5d215e.js";
-import { Link } from "../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { load, signedOut } from "../../api/load.35be1b07171553e7.js";
-import { initial } from "../../utils/format.6a7d1beaf4d09d9c.js";
-import { Icon, Mark } from "../../comps/ui/icon.0874ca2f58f7db14.js";
-import { ThemeChoices } from "../../comps/frame/theme-choices.ea23f57dd753683f.js";
-import { Drawer } from "../../comps/frame/drawer.b337ce209ff621e9.js";
-import { SignOut } from "./account/sign-out.5d3bca9efecd6f70.js";
-import { CurrentLink } from "../../comps/nav/current-link.844899810531977f.js";
-import { SideToggle } from "../../comps/nav/side-toggle.55d3e6c43ca5e1f9.js";
-import { Menu } from "../../comps/ui/menu.a4dd9fb9f566689a.js";
-import { TaskToasts } from "../../comps/frame/task-toasts.10b46a8b8db1791f.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import "./layout.a4efa8d807fe5416.css.pnext-asset.js";
+import { CoderError } from "../../../../../core/errors.5954bd9bd05e8230.js";
+import { redirect } from "../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+import { AuthPanel } from "../../../comps/frame/auth-panel.5712a8d190b003b4.js";
+import { iActivity, iAgent, iChart, iExternal, iKey, iMonitor, iMoon, iOut, iSliders, iSun, iUpdown, iUser, iUsers } from "../../../comps/ui/icons.a34176f37808cd66.js";
+import { Link } from "../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
+import { load, orgOf, signedOut } from "../../../api/load.4f942c7f68b2e273.js";
+import { initial } from "../../../utils/format.6a7d1beaf4d09d9c.js";
+import { Icon, Mark } from "../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { ThemeChoices } from "../../../comps/frame/theme-choices.5f59814a635caeec.js";
+import { Drawer } from "../../../comps/frame/drawer.8287e5a02144e4f1.js";
+import { SignOut } from "./account/sign-out.5dac3bf780c74354.js";
+import { CurrentLink } from "../../../comps/nav/current-link.727b350a40b9ca13.js";
+import { SideToggle } from "../../../comps/nav/side-toggle.249400957d6a7527.js";
+import { linkOf } from "../../../comps/nav/to.a2c840c09bd4bf4a.js";
+import { Menu } from "../../../comps/ui/menu.a41edd5cde1c90cf.js";
+import { MenuHead, MenuItem, MenuLabel, MenuLink, MenuNote, MenuRadio } from "../../../comps/ui/menu-items.a8e580a0c90631ff.js";
+import { Button } from "../../../comps/ui/button.983daea9e687fc5d.js";
+import { ActiveCount, TaskToasts } from "../../../comps/frame/task-toasts.63f673632770924d.js";
+import { ForeignLink } from "../../../comps/frame/foreign-link.86f0cc228353da6e.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 // Four places; the workspace lives in the account menu.
-const NAV = [
+const nav = (org) => [
 	{
-		href: "/dash/agents",
-		params: {},
-		within: "/dash/agents",
+		href: "/dash/[org]/agents",
+		params: { org },
+		within: `/dash/${org}/agents`,
 		label: "Agents",
 		icon: iAgent
 	},
 	{
-		href: "/dash/tasks",
-		params: {},
-		within: "/dash/tasks",
+		href: "/dash/[org]/tasks",
+		params: { org },
+		within: `/dash/${org}/tasks`,
 		label: "Tasks",
 		icon: iActivity
 	},
 	{
-		href: "/dash/usage",
-		params: {},
-		within: "/dash/usage",
+		href: "/dash/[org]/usage",
+		params: { org },
+		within: `/dash/${org}/usage`,
 		label: "Usage",
 		icon: iChart
 	},
 	{
-		href: "/dash/settings/[tab]",
-		params: { tab: "credentials" },
-		within: "/dash/settings",
+		href: "/dash/[org]/settings/[tab]",
+		params: {
+			org,
+			tab: "connections"
+		},
+		within: `/dash/${org}/settings`,
 		label: "Settings",
 		icon: iSliders
 	}
 ];
 /** A local server leads with Tasks, a cloud one with Agents. */
-const navFor = (local) => local ? [
-	NAV[1],
-	NAV[0],
-	...NAV.slice(2)
-] : NAV;
+const navFor = (local, org) => {
+	const all = nav(org);
+	return local ? [
+		all[1],
+		all[0],
+		...all.slice(2)
+	] : all;
+};
 function themeOf(request) {
 	const value = (request.headers.get("cookie") ?? "").match(/(?:^|; )theme=(\w+)/)?.[1];
 	return value === "light" || value === "dark" ? value : "system";
@@ -61,7 +70,7 @@ function ThemeMenu({ theme }) {
 	return /* @__PURE__ */ _jsxs(Menu, {
 		class: "theme",
 		label: "Theme",
-		summaryClass: "icon-btn",
+		button: "icon",
 		summary: /* @__PURE__ */ _jsxs(_Fragment, { children: [
 			/* @__PURE__ */ _jsx(Icon, {
 				d: iSun,
@@ -76,13 +85,10 @@ function ThemeMenu({ theme }) {
 				class: "sys"
 			})
 		] }),
-		children: [/* @__PURE__ */ _jsx("p", {
-			class: "pop-label",
-			children: "Theme"
-		}), /* @__PURE__ */ _jsx(ThemeChoices, { theme })]
+		children: [/* @__PURE__ */ _jsx(MenuLabel, { children: "Theme" }), /* @__PURE__ */ _jsx(ThemeChoices, { theme })]
 	});
 }
-function AccountMenu({ me }) {
+function AccountMenu({ me, org }) {
 	const tokenMode = !me.user;
 	const organizations = me.organizations ?? [];
 	return /* @__PURE__ */ _jsxs(Menu, {
@@ -90,69 +96,55 @@ function AccountMenu({ me }) {
 		summaryClass: "avatar-btn",
 		summary: tokenMode ? /* @__PURE__ */ _jsx(Icon, { d: iKey }) : initial(me.user?.name),
 		children: [
-			/* @__PURE__ */ _jsxs("div", {
-				class: "pop-head",
-				children: [/* @__PURE__ */ _jsx("span", {
+			/* @__PURE__ */ _jsx(MenuHead, {
+				icon: /* @__PURE__ */ _jsx("span", {
 					class: "avatar",
 					children: tokenMode ? /* @__PURE__ */ _jsx(Icon, { d: iKey }) : initial(me.user?.name)
-				}), /* @__PURE__ */ _jsxs("div", {
-					class: "grow",
-					children: [/* @__PURE__ */ _jsx("b", { children: tokenMode ? "Admin token" : me.user?.name }), /* @__PURE__ */ _jsx("small", { children: tokenMode ? me.mode === "local" ? "Local server" : "Local memory server" : me.user?.email })]
-				})]
-			}),
-			me.mode === "local" ? null : /* @__PURE__ */ _jsx("p", {
-				class: "pop-label",
-				children: "Workspace"
+				}),
+				title: tokenMode ? "Admin token" : me.user?.name,
+				sub: tokenMode ? me.mode === "local" ? "Local server" : "Local memory server" : me.user?.email
 			}),
+			me.mode === "local" ? null : /* @__PURE__ */ _jsx(MenuLabel, { children: "Workspace" }),
 			me.mode === "local" ? null : organizations.length ? organizations.map((organization) => {
 				const current = organization.id === me.organization?.id;
-				return /* @__PURE__ */ _jsxs("form", {
-					action: "/me/organization",
-					method: "post",
-					children: [/* @__PURE__ */ _jsx("input", {
-						type: "hidden",
-						name: "organization",
-						value: organization.slug
-					}), /* @__PURE__ */ _jsxs("button", {
-						class: "pop-item",
-						role: "menuitemradio",
-						"aria-checked": current,
-						disabled: current,
-						children: [
-							/* @__PURE__ */ _jsx("span", {
-								class: "org",
-								children: initial(organization.name)
-							}),
-							/* @__PURE__ */ _jsxs("span", {
-								class: "grow",
-								children: [organization.name, /* @__PURE__ */ _jsx("small", { children: organization.role })]
-							}),
-							/* @__PURE__ */ _jsx(Icon, { d: iCheck })
-						]
-					})]
+				// A full load, so nothing of this workspace's pages carries over.
+				return /* @__PURE__ */ _jsxs(MenuRadio, {
+					on: current,
+					disabled: current,
+					href: `/dash/${encodeURIComponent(organization.slug)}`,
+					icon: /* @__PURE__ */ _jsx("span", {
+						class: "org",
+						children: initial(organization.name)
+					}),
+					children: [organization.name, /* @__PURE__ */ _jsx("small", { children: organization.role })]
 				}, organization.id);
-			}) : /* @__PURE__ */ _jsxs("div", {
-				class: "pop-item",
-				"aria-disabled": "true",
-				children: [/* @__PURE__ */ _jsx("span", {
+			}) : /* @__PURE__ */ _jsx(MenuItem, {
+				disabled: true,
+				icon: /* @__PURE__ */ _jsx("span", {
 					class: "org",
 					children: /* @__PURE__ */ _jsx(Icon, { d: iKey })
-				}), /* @__PURE__ */ _jsxs("span", {
-					class: "grow",
-					children: [me.organization?.name ?? "Local server", /* @__PURE__ */ _jsx("small", { children: tokenMode ? "one workspace" : me.organization?.role })]
-				})]
+				}),
+				title: /* @__PURE__ */ _jsxs(_Fragment, { children: [me.organization?.name ?? "Local server", /* @__PURE__ */ _jsx("small", { children: tokenMode ? "one workspace" : me.organization?.role })] })
 			}),
-			me.manageMembersUrl ? /* @__PURE__ */ _jsxs("a", {
-				class: "pop-item",
+			me.manageMembersUrl ? /* @__PURE__ */ _jsx(MenuItem, {
 				href: me.manageMembersUrl,
-				children: [/* @__PURE__ */ _jsx(Icon, { d: iUsers }), "Members ↗"]
+				icon: iUsers,
+				title: "Members",
+				end: /* @__PURE__ */ _jsx(Icon, { d: iExternal })
 			}) : null,
 			/* @__PURE__ */ _jsx("hr", {}),
-			/* @__PURE__ */ _jsxs(Link, {
-				class: "pop-item",
-				href: "/dash/account",
-				children: [/* @__PURE__ */ _jsx(Icon, { d: iUser }), "Account"]
+			/* @__PURE__ */ _jsx(MenuLink, {
+				href: "/dash/[org]/account",
+				params: { org },
+				icon: iUser,
+				children: "Account"
 			}),
+			me.operator ? /* @__PURE__ */ _jsx(MenuLink, {
+				href: "/dash/[org]/operator",
+				params: { org },
+				icon: iKey,
+				children: "Operator"
+			}) : null,
 			/* @__PURE__ */ _jsx("hr", {}),
 			tokenMode ? /* @__PURE__ */ _jsxs("form", {
 				action: "/dash/token",
@@ -168,16 +160,13 @@ function AccountMenu({ me }) {
 						name: "return",
 						value: "/dash"
 					}),
-					/* @__PURE__ */ _jsxs("button", {
-						class: "pop-item",
-						children: [/* @__PURE__ */ _jsx(Icon, { d: iOut }), "Forget token"]
+					/* @__PURE__ */ _jsx(MenuItem, {
+						type: "submit",
+						icon: iOut,
+						title: "Forget token"
 					})
 				]
-			}) : /* @__PURE__ */ _jsx(SignOut, {
-				class: "pop-item",
-				icon: true,
-				children: "Sign out"
-			})
+			}) : /* @__PURE__ */ _jsx(SignOut, { menu: true })
 		]
 	});
 }
@@ -201,10 +190,7 @@ function ServerMenu({ me, host }) {
 			/* @__PURE__ */ _jsx(Icon, { d: iUpdown })
 		] }),
 		children: [
-			/* @__PURE__ */ _jsx("p", {
-				class: "pop-label",
-				children: "Server"
-			}),
+			/* @__PURE__ */ _jsx(MenuLabel, { children: "Server" }),
 			/* @__PURE__ */ _jsxs("dl", {
 				class: "kv",
 				children: [
@@ -218,21 +204,10 @@ function ServerMenu({ me, host }) {
 					/* @__PURE__ */ _jsx("dd", { children: memory ? "admin token" : `session, ${me?.user?.email ?? ""}` })
 				]
 			}),
-			memory && !local ? /* @__PURE__ */ _jsx("p", {
-				class: "pop-note",
-				children: "Nothing persists across restarts."
-			}) : null
+			memory && !local ? /* @__PURE__ */ _jsx(MenuNote, { children: "Nothing persists across restarts." }) : null
 		]
 	});
 }
-async function ActiveCount({ count }) {
-	const active = await count.then((page) => page.counts?.active).catch(() => undefined);
-	return active ? /* @__PURE__ */ _jsx("span", {
-		class: "n",
-		title: `${active} active`,
-		children: active
-	}) : null;
-}
 // Without a saved choice, mid-width screens start with the sidebar collapsed, before first paint.
 const SIDE_AUTO = `(() => {
   const app = document.currentScript.parentElement;
@@ -282,8 +257,9 @@ function TokenPage({ request }) {
 						autofocus: true
 					})]
 				}),
-				/* @__PURE__ */ _jsx("button", {
-					class: "btn wide",
+				/* @__PURE__ */ _jsx(Button, {
+					type: "submit",
+					wide: true,
 					children: "Open dashboard"
 				}),
 				rejected ? /* @__PURE__ */ _jsx("p", {
@@ -316,14 +292,10 @@ async function Gate({ me, request }) {
 /** The dashboard's frame around its pages. */
 export default function DashLayout({ request, children }) {
 	if (!request) return null;
-	const { pathname, host } = new URL(request.url);
+	const org = orgOf(request);
+	const { pathname, host, searchParams } = new URL(request.url);
+	const link = searchParams.get("link");
 	const me = load(request).me();
-	const active = load(request).tasks.list({
-		cursor: "",
-		limit: 1,
-		summary: true,
-		counts: true
-	});
 	const side = /(?:^|; )side=(min|max)(?:;|$)/.exec(request.headers.get("cookie") ?? "")?.[1];
 	return /* @__PURE__ */ _jsxs("div", {
 		class: side === "min" ? "app side-min" : "app",
@@ -335,7 +307,8 @@ export default function DashLayout({ request, children }) {
 					class: "top-l",
 					children: [/* @__PURE__ */ _jsx(Drawer, {}), /* @__PURE__ */ _jsxs(Link, {
 						class: "brand",
-						href: "/dash",
+						href: "/dash/[org]",
+						params: { org },
 						children: [/* @__PURE__ */ _jsx(Mark, {}), /* @__PURE__ */ _jsxs("span", {
 							class: "lockup",
 							children: ["Coder ", /* @__PURE__ */ _jsx("small", { children: "wular" })]
@@ -345,7 +318,10 @@ export default function DashLayout({ request, children }) {
 					class: "top-r",
 					children: [/* @__PURE__ */ _jsx(ThemeMenu, { theme: themeOf(request) }), /* @__PURE__ */ _jsx(WithMe, {
 						me,
-						children: (who) => who ? /* @__PURE__ */ _jsx(AccountMenu, { me: who }) : null
+						children: (who) => who ? /* @__PURE__ */ _jsx(AccountMenu, {
+							me: who,
+							org
+						}) : null
 					})]
 				})]
 			}),
@@ -353,17 +329,14 @@ export default function DashLayout({ request, children }) {
 				class: "side",
 				children: [/* @__PURE__ */ _jsx("nav", {
 					"aria-label": "Dashboard",
-					children: navFor(request.headers.get("x-coder-mode") === "local").map(({ within, label, icon, ...to }) => /* @__PURE__ */ _jsxs(CurrentLink, {
-						...to,
+					children: navFor(request.headers.get("x-coder-mode") === "local", org).map(({ within, label, icon, ...to }) => /* @__PURE__ */ _jsxs(CurrentLink, {
+						...linkOf(to),
 						within,
 						"data-tip": label,
 						children: [
 							/* @__PURE__ */ _jsx(Icon, { d: icon }),
 							label,
-							label === "Tasks" ? /* @__PURE__ */ _jsx(Suspense, {
-								fallback: null,
-								children: /* @__PURE__ */ _jsx(ActiveCount, { count: active })
-							}) : null
+							label === "Tasks" ? /* @__PURE__ */ _jsx(ActiveCount, {}) : null
 						]
 					}, within))
 				}), /* @__PURE__ */ _jsxs("div", {
@@ -382,6 +355,7 @@ export default function DashLayout({ request, children }) {
 				children
 			}),
 			/* @__PURE__ */ _jsx(TaskToasts, {}),
+			link?.startsWith("/dash/") ? /* @__PURE__ */ _jsx(ForeignLink, { link }) : null,
 			/* @__PURE__ */ _jsx(Gate, {
 				me,
 				request

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/operator/operator-apps.a56516bc0ba79187.js

@@ -0,0 +1,144 @@
+"use client";
+import "./@/app/dash/[org]/agents/[slug]/(tabs)/platforms/page.944b02c09bbf6c22.css.pnext-asset.js";
+import { useEffect, useId, useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure } from "../../../../utils/action.1a6356d5b722cafb.js";
+import { ClientError } from "../../../../../../client/index.8e150ef2bc6a5f4e.js";
+import { Badge } from "../../../../comps/ui/badge.0851f234f300c694.js";
+import { Field } from "../../../../comps/ui/field.75588c33b72824a7.js";
+import { Button, IconButton } from "../../../../comps/ui/button.983daea9e687fc5d.js";
+import { iX } from "../../../../comps/ui/icons.a34176f37808cd66.js";
+import { List, Row } from "../settings/[tab]/list.df5ee5d74bec0f5b.js";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** The set-up form for one platform's shared app, as a dialog like an agent's Create app. */
+function SetUpDialog({ row, product, unreachable, onClose }) {
+	const dialog = useRef(null);
+	const id = useId();
+	const [busy, setBusy] = useState(false);
+	useEffect(() => dialog.current.showModal(), []);
+	const close = () => !busy && dialog.current.close();
+	const submit = (form) => {
+		const value = (key) => String(form.get(key) ?? "").trim() || undefined;
+		setBusy(true);
+		void client.operator.setUp(row.integration, {
+			name: value("name"),
+			owner: value("owner")
+		}).then(({ url }) => {
+			location.href = url;
+		}).catch((reason) => {
+			// Operator mode ended; the page asks to sign in again.
+			if (reason instanceof ClientError && reason.status === 401) return location.reload();
+			setBusy(false);
+			toastFailure(reason);
+		});
+	};
+	return /* @__PURE__ */ _jsx("dialog", {
+		ref: dialog,
+		class: "create-dialog",
+		"aria-labelledby": id,
+		onClose,
+		onCancel: (event) => {
+			event.preventDefault();
+			close();
+		},
+		onClick: (event) => event.target === event.currentTarget && close(),
+		children: /* @__PURE__ */ _jsxs("form", {
+			onSubmit: (event) => {
+				event.preventDefault();
+				submit(new FormData(event.currentTarget));
+			},
+			children: [
+				/* @__PURE__ */ _jsxs("header", { children: [/* @__PURE__ */ _jsxs("h2", {
+					id,
+					children: [
+						"Set up shared ",
+						row.name,
+						" app"
+					]
+				}), /* @__PURE__ */ _jsx(IconButton, {
+					icon: iX,
+					label: "Close",
+					onClick: close
+				})] }),
+				unreachable ? /* @__PURE__ */ _jsxs("p", {
+					class: "flash err",
+					children: [
+						row.name,
+						" cannot reach this server yet. Set a public address first: run the server with PUBLIC_URL set to an address ",
+						row.name,
+						" can reach."
+					]
+				}) : null,
+				/* @__PURE__ */ _jsxs("p", {
+					class: "muted",
+					children: [
+						"One app on ",
+						row.name,
+						" serves the built-in agent in every workspace. People see its name on consent screens, as in ",
+						product,
+						" wants to connect."
+					]
+				}),
+				/* @__PURE__ */ _jsx(Field, {
+					label: "App name",
+					children: /* @__PURE__ */ _jsx("input", {
+						name: "name",
+						defaultValue: product,
+						autocomplete: "off",
+						required: true
+					})
+				}),
+				row.organizationApps ? /* @__PURE__ */ _jsx(Field, {
+					label: `${row.name} organization`,
+					hint: "owns the app; leave empty to own it on your personal account",
+					children: /* @__PURE__ */ _jsx("input", {
+						name: "owner",
+						placeholder: "your-org",
+						autocomplete: "off"
+					})
+				}) : null,
+				/* @__PURE__ */ _jsxs("div", {
+					class: "actions",
+					children: [/* @__PURE__ */ _jsx(Button, {
+						variant: "ghost",
+						disabled: busy,
+						onClick: close,
+						children: "Cancel"
+					}), /* @__PURE__ */ _jsxs(Button, {
+						type: "submit",
+						disabled: unreachable,
+						loading: busy,
+						children: ["Continue on ", row.name]
+					})]
+				})
+			]
+		})
+	});
+}
+/** One shared app per platform for the built-in agent in every workspace; Set up opens its create dialog. */
+export function OperatorApps({ first }) {
+	const [open, setOpen] = useState();
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(List, {
+		title: "Built-in apps",
+		count: first.platforms.length,
+		children: first.platforms.map((row) => /* @__PURE__ */ _jsx(Row, {
+			title: row.name,
+			badges: row.app ? /* @__PURE__ */ _jsx(Badge, {
+				tone: "ok",
+				children: "set up"
+			}) : null,
+			sub: row.app ? row.app.name : "Not set up. Workspaces cannot add the built-in agent here.",
+			actions: row.app ? null : /* @__PURE__ */ _jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				onClick: () => setOpen(row),
+				children: "Set up"
+			})
+		}, row.integration))
+	}), open ? /* @__PURE__ */ _jsx(SetUpDialog, {
+		row: open,
+		product: first.name,
+		unreachable: first.unreachable,
+		onClose: () => setOpen(undefined)
+	}) : null] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/operator/page.af19494c89ac62c0.js

@@ -0,0 +1,84 @@
+import "./page.9002a449f872a10e.css.pnext-asset.js";
+import "./@/app/dash/[org]/settings/[tab]/list.83f35dd8a36acdfd.css.pnext-asset.js";
+import { ClientError } from "../../../../../../client/index.8e150ef2bc6a5f4e.js";
+import { notFound } from "../../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+import { load } from "../../../../api/load.4f942c7f68b2e273.js";
+import { Page, PageHead } from "../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { Button } from "../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Card, FoldCard } from "../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { formatDate, reasonText, zoneOf } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { Row } from "../settings/[tab]/list.df5ee5d74bec0f5b.js";
+import { OperatorApps } from "./operator-apps.a56516bc0ba79187.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const SIGN_IN_ERRORS = {
+	stale: "That sign-in was not fresh enough. Sign in again.",
+	denied: "That account is not an operator of this server, or not the one signed in here."
+};
+function SignInAgain({ error }) {
+	return /* @__PURE__ */ _jsx(Card, {
+		title: "Sign in again",
+		children: /* @__PURE__ */ _jsxs("div", {
+			class: "body prose",
+			children: [
+				/* @__PURE__ */ _jsx("p", { children: "Operator mode needs a fresh sign-in with Wular Auth. It ends after an hour, or after 15 minutes without activity. The rest of the dashboard keeps your current session." }),
+				error && SIGN_IN_ERRORS[error] ? /* @__PURE__ */ _jsx("p", {
+					class: "flash err",
+					role: "alert",
+					children: SIGN_IN_ERRORS[error]
+				}) : null,
+				/* @__PURE__ */ _jsx(Button, {
+					href: "/api/auth/sign-in?operator=1",
+					children: "Sign in again"
+				})
+			]
+		})
+	});
+}
+/** The server-wide area only `SERVER_OPERATORS` see: built-in apps per platform and the audit log. */
+export default async function OperatorPage({ request }) {
+	if (!request) return null;
+	const me = await load(request).me().catch(() => undefined);
+	if (!me) return null;
+	if (!me.operator) notFound();
+	const head = /* @__PURE__ */ _jsx(PageHead, {
+		title: "Operator",
+		lead: "Server-wide setup that workspace owners and members never see."
+	});
+	try {
+		const [apps, audit] = await Promise.all([load(request).operator.apps(), load(request).operator.audit()]);
+		const tz = zoneOf(request);
+		return /* @__PURE__ */ _jsxs(Page, { children: [
+			head,
+			/* @__PURE__ */ _jsx(OperatorApps, { first: apps }),
+			/* @__PURE__ */ _jsx(FoldCard, {
+				title: /* @__PURE__ */ _jsxs(_Fragment, { children: ["Audit log", /* @__PURE__ */ _jsx("span", {
+					class: "n",
+					children: audit.length
+				})] }),
+				note: "Every operator action, newest first",
+				open: "Show",
+				children: audit.length ? /* @__PURE__ */ _jsx("div", {
+					class: "table-scroll",
+					children: /* @__PURE__ */ _jsx("table", {
+						class: "rows settings",
+						children: /* @__PURE__ */ _jsx("tbody", { children: audit.map((entry) => /* @__PURE__ */ _jsx(Row, {
+							title: entry.action,
+							sub: `${entry.target}, by ${entry.actor.email ?? entry.actor.name ?? "the admin token"}, ${formatDate(entry.at, tz)}`
+						}, `${entry.at}${entry.target}`)) })
+					})
+				}) : /* @__PURE__ */ _jsx("p", {
+					class: "body muted",
+					children: "No operator actions yet."
+				})
+			})
+		] });
+	} catch (error) {
+		return /* @__PURE__ */ _jsxs(Page, { children: [head, error instanceof ClientError && error.status === 401 ? /* @__PURE__ */ _jsx(SignInAgain, { error: new URL(request.url).searchParams.get("error") }) : /* @__PURE__ */ _jsx(Card, {
+			tone: "danger",
+			children: /* @__PURE__ */ _jsx("p", {
+				class: "body prose",
+				children: reasonText(error)
+			})
+		})] });
+	}
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/page.c720853404d94114.js

@@ -0,0 +1,11 @@
+import { redirect } from "../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+import { load, orgOf } from "../../../api/load.4f942c7f68b2e273.js";
+import { localServer } from "../../../api/types.9f59e6c761d6aac4.js";
+/** A local server lands on Tasks, a cloud one on Agents; an account that fails to load is the layout's to handle. */
+export default async function DashboardHome({ request }) {
+	if (!request) return null;
+	const org = orgOf(request);
+	const me = await load(request).me().catch(() => undefined);
+	if (!me) return null;
+	redirect(localServer(me) ? "/dash/[org]/tasks" : "/dash/[org]/agents", { params: { org } });
+}