@wular/coder 0.4.7 → 0.4.9

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{settings/[tab]/runners-list.b5296983ba8007aa.js → [org]/settings/[tab]/runners-list.bf5746f48e3f78f5.js}

@@ -1,18 +1,23 @@
 "use client";
-import "./runners-list.0e2d8a76197cde60.css.pnext-asset.js";
-import { useEffect, useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client, poll } from "../../../../utils/client.a8205c524e63d4a9.js";
-import { iCheck, iCopy, iDots, iDown, iGit, iMonitor, iPlug, iPlus, iSpark, iTerminal } from "../../../../comps/ui/icons.1777c0350d5d215e.js";
-import { Card, Loading } from "../../../../comps/ui/card.b0873d38765c9d20.js";
-import { Badge } from "../../../../comps/ui/badge.5abdef72e9189fdc.js";
-import { ErrorText, Field } from "../../../../comps/ui/field.7b2a2075ee8c6e29.js";
-import { Icon } from "../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Menu, MenuItem } from "../../../../comps/ui/menu.a4dd9fb9f566689a.js";
-import { Select } from "../../../../comps/ui/select.f036fdc3fce02b92.js";
-import { formatDuration, reasonText } from "../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { sortedRunners } from "../../tasks/composer-data.5f12d8ef1db38026.js";
-import { useRemove } from "./list.db2e212e3c8b5d32.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import "./runners-list.a835c9a264cf8903.css.pnext-asset.js";
+import { useEffect, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure, useAction } from "../../../../../utils/action.1a6356d5b722cafb.js";
+import { iDots, iDown, iGit, iMonitor, iPlug, iPlus, iSpark, iTerminal } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { Card, Loading } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Badge } from "../../../../../comps/ui/badge.0851f234f300c694.js";
+import { Button } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { CopyLine } from "../../../../../comps/ui/copy.0b23d7dc05757df5.js";
+import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Menu } from "../../../../../comps/ui/menu.a41edd5cde1c90cf.js";
+import { MenuItem, MenuRadio } from "../../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
+import { Select } from "../../../../../comps/ui/select.36c6f21ce6aa720f.js";
+import { formatDuration } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { sortedRunners } from "../../tasks/composer-data.ff108c0ef82a4d7b.js";
+import { useRunnerEvents } from "../../../../../comps/frame/task-toasts.63f673632770924d.js";
+import { useRemove } from "./list.df5ee5d74bec0f5b.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const KIND_ICONS = {
 	local: iMonitor,
 	"local-docker": iTerminal,
@@ -38,7 +43,7 @@ function Status({ runner, tested }) {
 		children: [/* @__PURE__ */ _jsx("i", { class: "dot" }), runner.online ? "Online" : runner.lastSeen ? `Last seen ${ago(runner.lastSeen)}` : "Not seen yet"]
 	});
 }
-function RunnerItem({ runner, manage, onChange, onError }) {
+function RunnerItem({ runner, manage, onChange }) {
 	const [making, setMaking] = useState(false);
 	const [renaming, setRenaming] = useState(false);
 	const [tested, setTested] = useState();
@@ -54,7 +59,7 @@ function RunnerItem({ runner, manage, onChange, onError }) {
 		setTested("testing");
 		client.runners.test(runner.id).then(setTested, (reason) => {
 			setTested(undefined);
-			onError(reasonText(reason));
+			toastFailure(reason);
 		});
 	};
 	return /* @__PURE__ */ _jsxs("tr", { children: [/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsxs("span", {
@@ -87,11 +92,10 @@ function RunnerItem({ runner, manage, onChange, onError }) {
 	})] }), /* @__PURE__ */ _jsxs("td", {
 		class: "acts",
 		children: [
-			runner.default || !manage ? null : /* @__PURE__ */ _jsx("button", {
-				type: "button",
-				class: "btn secondary sm",
-				disabled: making,
-				"aria-busy": making,
+			runner.default || !manage ? null : /* @__PURE__ */ _jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				loading: making,
 				onClick: () => {
 					setMaking(true);
 					void onChange(() => client.runners.update(runner.id, { default: true })).finally(() => setMaking(false));
@@ -99,7 +103,7 @@ function RunnerItem({ runner, manage, onChange, onError }) {
 				children: "Make default"
 			}),
 			/* @__PURE__ */ _jsxs(Menu, {
-				summaryClass: "icon-btn",
+				button: "icon",
 				label: "Actions",
 				summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
 				children: [
@@ -118,21 +122,6 @@ function RunnerItem({ runner, manage, onChange, onError }) {
 		]
 	})] });
 }
-/** One command to copy. */
-function Command({ value }) {
-	const [copied, setCopied] = useState(false);
-	return /* @__PURE__ */ _jsxs("div", {
-		class: "runner-cmd",
-		children: [/* @__PURE__ */ _jsx("code", { children: value }), /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: copied ? "icon-btn copied" : "icon-btn",
-			"aria-label": copied ? "Copied" : "Copy command",
-			title: copied ? "Copied" : "Copy command",
-			onClick: () => void navigator.clipboard.writeText(value).then(() => setCopied(true)),
-			children: /* @__PURE__ */ _jsx(Icon, { d: copied ? iCheck : iCopy })
-		})]
-	});
-}
 /** A pairing in progress: what to run on the other computer, step by step, and a wait until it connects. */
 function Pairing({ pairing, onCancel }) {
 	return /* @__PURE__ */ _jsxs("div", {
@@ -140,11 +129,11 @@ function Pairing({ pairing, onCancel }) {
 		children: [
 			/* @__PURE__ */ _jsxs("details", {
 				class: "runner-step",
-				children: [/* @__PURE__ */ _jsx("summary", { children: "Install the Coder CLI on that computer, if it is not there yet" }), /* @__PURE__ */ _jsx(Command, { value: "npm install -g @wular/coder" })]
+				children: [/* @__PURE__ */ _jsx("summary", { children: "Install the Coder CLI on that computer, if it is not there yet" }), /* @__PURE__ */ _jsx(CopyLine, { value: "npm install -g @wular/coder" })]
 			}),
 			/* @__PURE__ */ _jsxs("div", {
 				class: "runner-step",
-				children: [/* @__PURE__ */ _jsx("p", { children: "Run this there. The token works once and expires in 15 minutes." }), /* @__PURE__ */ _jsx(Command, { value: pairing.command })]
+				children: [/* @__PURE__ */ _jsx("p", { children: "Run this there. The token works once and expires in 15 minutes." }), /* @__PURE__ */ _jsx(CopyLine, { value: pairing.command })]
 			}),
 			/* @__PURE__ */ _jsxs("details", {
 				class: "runner-step",
@@ -156,7 +145,7 @@ function Pairing({ pairing, onCancel }) {
 						/* @__PURE__ */ _jsx("code", { children: "--runner-url" }),
 						"."
 					] }),
-					/* @__PURE__ */ _jsx(Command, { value: "cloudflared tunnel --url http://localhost:4100" })
+					/* @__PURE__ */ _jsx(CopyLine, { value: "cloudflared tunnel --url http://localhost:4100" })
 				]
 			}),
 			/* @__PURE__ */ _jsxs("div", {
@@ -165,9 +154,10 @@ function Pairing({ pairing, onCancel }) {
 					label: "Waiting for that computer to connect",
 					inline: true,
 					dots: true
-				}), /* @__PURE__ */ _jsx("button", {
-					type: "button",
-					class: "btn secondary-danger sm",
+				}), /* @__PURE__ */ _jsx(Button, {
+					variant: "secondary",
+					danger: true,
+					size: "sm",
 					onClick: onCancel,
 					children: "Cancel"
 				})]
@@ -177,29 +167,21 @@ function Pairing({ pairing, onCancel }) {
 }
 /** Add a runner: pick a kind, then fill its fields or pair a machine. */
 function AddRunner({ catalog, admin, personal, known, onAdded }) {
-	const [kind, setKind] = useState();
+	const [picked, setKind] = useState();
 	const [scope, setScope] = useState(personal ? "personal" : "workspace");
-	const [busy, setBusy] = useState(false);
-	const [error, setError] = useState("");
-	const [pairing, setPairing] = useState();
+	const action = useAction();
+	const busy = Boolean(action.pending);
+	const [paired, setPairing] = useState();
+	// A paired machine shows up in the list, through the events stream, once it calls home.
+	const [before, setBefore] = useState(known);
+	const joined = Boolean(paired) && known.some((id) => !before.includes(id));
+	const kind = joined ? undefined : picked;
+	const pairing = joined ? undefined : paired;
 	const spec = catalog.find((each) => each.kind === kind);
-	// A paired machine shows up in the list once it calls home.
 	useEffect(() => {
 		if (!pairing) return;
-		const until = Math.min(pairing.expiresAt, Date.now() + 15 * 6e4);
-		// A list read from a pairing already gone never ends the next one.
-		let current = true;
-		const stop = poll(async () => {
-			if (Date.now() > until) return cancel();
-			const rows = await client.runners.list();
-			if (!current || !rows.items.some((row) => !known.includes(row.id))) return;
-			onAdded(rows);
-			cancel();
-		}, 2e3);
-		return () => {
-			current = false;
-			stop();
-		};
+		const timer = setTimeout(cancel, Math.min(pairing.expiresAt - Date.now(), 15 * 6e4));
+		return () => clearTimeout(timer);
 	}, [pairing]);
 	const cancel = () => {
 		setPairing(undefined);
@@ -207,24 +189,18 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 	};
 	// Picking another kind drops a pairing still waiting.
 	const pick = (next) => {
-		setError("");
 		setPairing(undefined);
 		setKind(next.kind);
 		if (next.connect !== "pair") return;
-		setBusy(true);
-		client.runners.pair({ scope }).then(setPairing, (reason) => {
-			setKind(undefined);
-			setError(reasonText(reason));
-		}).finally(() => setBusy(false));
+		setBefore(known);
+		void action.run("pair", async () => setPairing(await client.runners.pair({ scope }))).then((ok) => ok || setKind(undefined));
 	};
 	const add = async (event) => {
 		event.preventDefault();
 		if (!spec || busy) return;
 		const values = Object.fromEntries([...new FormData(event.currentTarget)].map(([key, value]) => [key, String(value).trim()]));
 		const { name, ...config } = values;
-		setBusy(true);
-		setError("");
-		try {
+		await action.run("add", async () => {
 			await client.runners.add({
 				kind: spec.kind,
 				name: name || spec.name,
@@ -233,10 +209,7 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 			});
 			onAdded(await client.runners.list());
 			setKind(undefined);
-		} catch (reason) {
-			setError(reasonText(reason));
-		}
-		setBusy(false);
+		});
 	};
 	return /* @__PURE__ */ _jsxs("form", {
 		class: "runner-add",
@@ -246,7 +219,7 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 			class: "runner-pick",
 			children: [
 				/* @__PURE__ */ _jsx(Menu, {
-					summaryClass: "btn secondary",
+					button: { variant: "secondary" },
 					label: "Runner kind",
 					align: "left",
 					wide: true,
@@ -255,20 +228,12 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 						spec ? spec.name : "Add a runner",
 						/* @__PURE__ */ _jsx(Icon, { d: iDown })
 					] }),
-					children: catalog.filter((each) => each.available).map((each) => /* @__PURE__ */ _jsxs("button", {
-						type: "button",
-						role: "menuitemradio",
-						"aria-checked": each.kind === kind,
-						class: "pop-item rich",
-						onClick: () => pick(each),
-						children: [
-							/* @__PURE__ */ _jsx(Icon, { d: KIND_ICONS[each.kind] ?? iPlug }),
-							/* @__PURE__ */ _jsxs("span", {
-								class: "grow",
-								children: [each.name, /* @__PURE__ */ _jsx("small", { children: each.available ? each.description : each.reason })]
-							}),
-							/* @__PURE__ */ _jsx(Icon, { d: iCheck })
-						]
+					children: catalog.filter((each) => each.available).map((each) => /* @__PURE__ */ _jsx(MenuRadio, {
+						on: each.kind === kind,
+						onPick: () => pick(each),
+						icon: KIND_ICONS[each.kind] ?? iPlug,
+						sub: each.available ? each.description : each.reason,
+						children: each.name
 					}, each.kind))
 				}),
 				spec?.connect === "fields" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [spec.help ? /* @__PURE__ */ _jsx("p", {
@@ -298,36 +263,27 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 				})] }) : null,
 				spec?.connect === "fields" ? /* @__PURE__ */ _jsxs("div", {
 					class: "runner-foot",
-					children: [
-						/* @__PURE__ */ _jsx(ErrorText, { value: error }),
-						personal ? /* @__PURE__ */ _jsx(Select, {
-							label: "Who can use this runner",
-							options: SCOPES,
-							value: admin ? scope : "personal",
-							onChange: setScope,
-							disabled: !admin
-						}) : null,
-						/* @__PURE__ */ _jsx("button", {
-							class: "btn",
-							"aria-busy": busy,
-							disabled: busy,
-							children: "Add runner"
-						})
-					]
-				}) : /* @__PURE__ */ _jsxs(_Fragment, { children: [
-					spec && personal ? /* @__PURE__ */ _jsx(Select, {
+					children: [personal ? /* @__PURE__ */ _jsx(Select, {
 						label: "Who can use this runner",
 						options: SCOPES,
 						value: admin ? scope : "personal",
 						onChange: setScope,
-						disabled: !admin || Boolean(pairing)
-					}) : null,
-					busy && !pairing ? /* @__PURE__ */ _jsx(Loading, {
-						label: "Pairing",
-						inline: true
-					}) : null,
-					/* @__PURE__ */ _jsx(ErrorText, { value: error })
-				] })
+						disabled: !admin
+					}) : null, /* @__PURE__ */ _jsx(Button, {
+						type: "submit",
+						loading: busy,
+						children: "Add runner"
+					})]
+				}) : /* @__PURE__ */ _jsxs(_Fragment, { children: [spec && personal ? /* @__PURE__ */ _jsx(Select, {
+					label: "Who can use this runner",
+					options: SCOPES,
+					value: admin ? scope : "personal",
+					onChange: setScope,
+					disabled: !admin || Boolean(pairing)
+				}) : null, busy && !pairing ? /* @__PURE__ */ _jsx(Loading, {
+					label: "Pairing",
+					inline: true
+				}) : null] })
 			]
 		}), pairing ? /* @__PURE__ */ _jsx(Pairing, {
 			pairing,
@@ -338,26 +294,20 @@ function AddRunner({ catalog, admin, personal, known, onAdded }) {
 /** Where tasks run: every runner by name, the default first, and how to add one. */
 export function RunnersList({ first, me }) {
 	const [rows, setRows] = useState(first);
-	const [error, setError] = useState("");
+	const action = useAction();
 	const admin = !me.user || ADMIN_ROLES.has(me.organization?.role ?? "");
 	const items = sortedRunners(rows.items);
-	// Online dots stay fresh while the tab is open.
-	useEffect(() => poll(() => client.runners.list().then(setRows), 3e4), []);
-	const change = async (act) => {
-		setError("");
-		try {
-			await act();
-			setRows(await client.runners.list());
-			return true;
-		} catch (reason) {
-			setError(reasonText(reason));
-			return false;
-		}
-	};
+	useRunnerEvents(({ items }) => setRows((current) => ({
+		...current,
+		items
+	})));
+	const change = (act) => action.run("change", async () => {
+		await act();
+		setRows(await client.runners.list());
+	});
 	return /* @__PURE__ */ _jsxs(Card, {
 		title: "Runners",
 		count: items.length,
-		actions: /* @__PURE__ */ _jsx(ErrorText, { value: error }),
 		children: [/* @__PURE__ */ _jsx("div", {
 			class: "table-scroll",
 			children: /* @__PURE__ */ _jsx("table", {
@@ -365,8 +315,7 @@ export function RunnersList({ first, me }) {
 				children: /* @__PURE__ */ _jsx("tbody", { children: items.map((runner) => /* @__PURE__ */ _jsx(RunnerItem, {
 					runner,
 					manage: runner.scope === "personal" || admin,
-					onChange: change,
-					onError: setError
+					onChange: change
 				}, runner.id)) })
 			})
 		}), /* @__PURE__ */ _jsx(AddRunner, {

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/secrets-list.b0dedc1567efc09f.js

@@ -0,0 +1,137 @@
+"use client";
+import { useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure, useAction } from "../../../../../utils/action.1a6356d5b722cafb.js";
+import { Card } from "../../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Badge } from "../../../../../comps/ui/badge.0851f234f300c694.js";
+import { iPlus } from "../../../../../comps/ui/icons.a34176f37808cd66.js";
+import { Button, IconButton } from "../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Select } from "../../../../../comps/ui/select.36c6f21ce6aa720f.js";
+import { Row } from "./list.df5ee5d74bec0f5b.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const SCOPES = [["me", "Just me"], ["", "Workspace"]];
+/** Secrets tasks read as environment variables; Enter adds one, and a broken one takes a new value in place. */
+export function TaskSecrets({ first, local, admin }) {
+	const [rows, setRows] = useState(first);
+	const [adding, setAdding] = useState(false);
+	const [scope, setScope] = useState(admin || local ? "" : "me");
+	const [renewing, setRenewing] = useState("");
+	const action = useAction();
+	const busy = Boolean(action.pending);
+	const open = adding || !rows.length;
+	const put = (row) => setRows((now) => now.some((each) => each.id === row.id) ? now.map((each) => each.id === row.id ? row : each) : [...now, row]);
+	return /* @__PURE__ */ _jsx(Card, {
+		title: "Task secrets",
+		count: rows.length || undefined,
+		actions: open ? null : /* @__PURE__ */ _jsx(IconButton, {
+			icon: iPlus,
+			label: "Add a task secret",
+			onClick: () => setAdding(true)
+		}),
+		children: /* @__PURE__ */ _jsxs("div", {
+			class: "cred-engine",
+			children: [
+				/* @__PURE__ */ _jsx("p", {
+					class: "muted cred-note",
+					children: "Tasks read these as environment variables, like a test API key or a deploy token."
+				}),
+				rows.length ? /* @__PURE__ */ _jsx("table", {
+					class: "rows creds",
+					children: /* @__PURE__ */ _jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ _jsx(Row, {
+						title: row.env ?? row.name,
+						badges: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Badge, { children: row.owner ? row.mine ? "personal" : "member" : "workspace" }), row.status === "ok" ? null : /* @__PURE__ */ _jsx(Badge, {
+							tone: "warn",
+							children: "needs a new value"
+						})] }),
+						actions: renewing === row.id ? /* @__PURE__ */ _jsxs("form", {
+							class: "cred-add",
+							method: "post",
+							onSubmit: (event) => {
+								event.preventDefault();
+								const key = String(new FormData(event.currentTarget).get("key") ?? "");
+								if (!key.trim()) return;
+								void action.run("renew", async () => {
+									put(await client.connections.update(row.id, { key: key.trim() }));
+									setRenewing("");
+								});
+							},
+							children: [/* @__PURE__ */ _jsx("input", {
+								name: "key",
+								type: "password",
+								"aria-label": `New value for ${row.env ?? row.name}`,
+								placeholder: "New value, then Enter",
+								autocomplete: "off",
+								"aria-busy": busy,
+								ref: (input) => input?.focus()
+							}), /* @__PURE__ */ _jsx("button", { hidden: true })]
+						}) : /* @__PURE__ */ _jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => setRenewing(row.id),
+							children: row.status === "ok" ? "Replace" : "Reconnect"
+						}),
+						remove: {
+							title: `Remove ${row.env ?? row.name}?`,
+							body: "Tasks stop getting it, and its value is deleted.",
+							onRemove: () => client.connections.remove(row.id).then(() => setRows((now) => now.filter((each) => each.id !== row.id)), toastFailure)
+						}
+					}, row.id)) })
+				}) : null,
+				open ? /* @__PURE__ */ _jsx("div", {
+					class: "cred-new",
+					children: /* @__PURE__ */ _jsxs("form", {
+						class: "cred-add",
+						method: "post",
+						onSubmit: (event) => {
+							event.preventDefault();
+							const box = event.currentTarget;
+							const values = new FormData(box);
+							const env = String(values.get("env") ?? "").trim();
+							const key = String(values.get("key") ?? "").trim();
+							if (!env || !key) return;
+							void action.run("add", async () => {
+								put(await client.connections.add({
+									name: env,
+									provider: "env",
+									key,
+									keyIn: { env },
+									...scope ? { owner: "me" } : {}
+								}));
+								box.reset();
+								setAdding(false);
+							});
+						},
+						children: [
+							/* @__PURE__ */ _jsx("input", {
+								name: "env",
+								class: "mono cred-var",
+								"aria-label": "Secret variable",
+								placeholder: "STRIPE_SECRET_KEY",
+								pattern: "[A-Za-z_][A-Za-z0-9_]*",
+								autocomplete: "off",
+								spellcheck: false,
+								required: true
+							}),
+							/* @__PURE__ */ _jsx("input", {
+								name: "key",
+								type: "password",
+								"aria-label": "Secret value",
+								placeholder: "Value, then Enter",
+								autocomplete: "off",
+								"aria-busy": busy,
+								required: true
+							}),
+							admin && !local ? /* @__PURE__ */ _jsx(Select, {
+								label: "Who can use this secret",
+								options: SCOPES,
+								value: scope,
+								onChange: setScope
+							}) : null,
+							/* @__PURE__ */ _jsx("button", { hidden: true })
+						]
+					})
+				}) : null
+			]
+		})
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/layout.567d27e39d42d719.js

@@ -0,0 +1,49 @@
+import { Button } from "../../../../comps/ui/button.983daea9e687fc5d.js";
+import { Suspense } from "../../../../../../../../../node_modules/preact/compat/dist/compat.mjs";
+import { load, orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
+import { Page } from "../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { Tabs } from "../../../../comps/ui/tabs.66b2e54963f6901b.js";
+import { SETTINGS, SettingsHead } from "./settings-head.5e2dff2550b3b73e.js";
+import { RememberedBack } from "../../../../comps/nav/back.5681714d0cf45454.js";
+import { rememberedBack } from "../../../../comps/nav/back-cookie.942c0904e944d8d6.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+async function Members({ me }) {
+	const url = (await me.catch(() => undefined))?.manageMembersUrl;
+	return url ? /* @__PURE__ */ _jsx(Button, {
+		variant: "outline",
+		href: url,
+		external: true,
+		children: "Members in Wular Auth"
+	}) : null;
+}
+/** Settings' head and tabs around the open tab; a tab switch keeps them and swaps only the tab. */
+export default function SettingsTabsLayout({ request, children }) {
+	if (!request) return null;
+	const org = orgOf(request);
+	const me = load(request).me();
+	const back = rememberedBack(request.headers.get("cookie") ?? "");
+	return /* @__PURE__ */ _jsxs(Page, { children: [
+		/* @__PURE__ */ _jsx(SettingsHead, {
+			back: /* @__PURE__ */ _jsx(RememberedBack, { initial: back }),
+			actions: /* @__PURE__ */ _jsx(Suspense, {
+				fallback: null,
+				children: /* @__PURE__ */ _jsx(Members, { me })
+			})
+		}),
+		/* @__PURE__ */ _jsx(Tabs, {
+			label: "Settings",
+			items: SETTINGS.map(({ tab, label }) => ({
+				href: "/dash/[org]/settings/[tab]",
+				params: {
+					org,
+					tab
+				},
+				label
+			}))
+		}),
+		/* @__PURE__ */ _jsx("div", {
+			class: "tab-body",
+			children
+		})
+	] });
+}

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

@@ -0,0 +1,11 @@
+import { redirect } from "../../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+import { orgOf } from "../../../../api/load.4f942c7f68b2e273.js";
+/** Settings opens on its first tab. */
+export default function SettingsPage({ request }) {
+	if (!request) return null;
+	const org = orgOf(request);
+	redirect("/dash/[org]/settings/[tab]", { params: {
+		org,
+		tab: "connections"
+	} });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{settings/settings-head.d0f5ac9cbf170a77.js → [org]/settings/settings-head.5e2dff2550b3b73e.js}

@@ -1,6 +1,10 @@
-import { PageHead } from "../../../comps/frame/page-head.a2336c95004aed4b.js";
-import { jsx as _jsx } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { PageHead } from "../../../../comps/frame/page-head.bd54e52ac4a7a89c.js";
+import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export const SETTINGS = [
+	{
+		tab: "connections",
+		label: "Connections"
+	},
 	{
 		tab: "credentials",
 		label: "Credentials"
@@ -13,18 +17,15 @@ export const SETTINGS = [
 		tab: "engines",
 		label: "Engines"
 	},
-	{
-		tab: "mcp",
-		label: "MCP"
-	},
 	{
 		tab: "runners",
 		label: "Runners"
 	}
 ];
 /** Settings' head; members are managed in Wular. */
-export function SettingsHead({ actions }) {
+export function SettingsHead({ actions, back }) {
 	return /* @__PURE__ */ _jsx(PageHead, {
+		back,
 		title: "Settings",
 		lead: "What every task runs with. Changes apply to the next task.",
 		actions

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/{settings/tunnel-guide.f6685b045ccccdcd.js → [org]/settings/tunnel-guide.d6fae1c5d62f2c74.js}

@@ -1,9 +1,11 @@
-import { Card } from "../../../comps/ui/card.b0873d38765c9d20.js";
-import { jsxs as _jsxs, jsx as _jsx } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+import { FoldCard } from "../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { jsxs as _jsxs, jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** How a server on this machine receives platform events: a public tunnel to its port, then PUBLIC_URL. */
 export function TunnelGuide({ port }) {
-	return /* @__PURE__ */ _jsx(Card, {
+	return /* @__PURE__ */ _jsx(FoldCard, {
 		title: "Receive platform events",
+		note: `Expose port ${port} so platforms can reach this server`,
+		open: "Show",
 		children: /* @__PURE__ */ _jsxs("div", {
 			class: "guide",
 			children: [

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/setup/create-link.03989d2f7585a045.js

@@ -0,0 +1,33 @@
+"use client";
+import { useEffect, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client } from "../../../../utils/client.d25e6dcc6704eb60.js";
+import { toastFailure } from "../../../../utils/action.1a6356d5b722cafb.js";
+import { Loading } from "../../../../comps/ui/card.c08471eaa0bc1cec.js";
+import { Button } from "../../../../comps/ui/button.983daea9e687fc5d.js";
+import { CreateDialog, createForm } from "../agents/[slug]/(tabs)/platforms/platform-actions.92ac7aa258e706a4.js";
+import { jsx as _jsx } from "../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** A create link opened outside the Platforms tab: its form here, or the platform's own. */
+export function CreateLink({ integration, state, info }) {
+	const [failed, setFailed] = useState(false);
+	const [open, setOpen] = useState(true);
+	const [step, setStep] = useState();
+	const start = () => client.apps.start(integration, state);
+	useEffect(() => {
+		void createForm(info?.create, state, start).then(setStep).catch((reason) => {
+			setFailed(true);
+			toastFailure(reason);
+		});
+	}, []);
+	if (failed) return null;
+	if (!step) return /* @__PURE__ */ _jsx(Loading, { label: `Opening ${info?.name ?? integration}` });
+	return open ? /* @__PURE__ */ _jsx(CreateDialog, {
+		integration,
+		step,
+		start,
+		unreachable: info?.unreachable,
+		onClose: () => setOpen(false)
+	}) : /* @__PURE__ */ _jsx(Button, {
+		onClick: () => setOpen(true),
+		children: step.submit
+	});
+}