@wular/coder 0.4.12 → 0.5.0

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{credentials-list.683476f62a9ecde7.js → credentials-list.fc4cff0289267551.js}

@@ -1,24 +1,24 @@
 "use client";
-import "./credentials-list.f7c27f170ec1e868.css.pnext-asset.js";
+import "./credentials-list.973f91751525bcb6.css.pnext-asset.js";
 import { useEffect, useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { client, usePoll } from "../../../../../utils/client.a3928fa2dcd27b75.js";
-import { toastFailure, useAction } from "../../../../../utils/action.b9a5c37272250e82.js";
-import { iCheck } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { client, usePoll } from "../../../../../utils/client.c8d7efefb6194d7d.js";
+import { toastFailure, useAction } from "../../../../../utils/action.f22057e7dfac40fe.js";
+import { iCheck } from "../../../../../comps/ui/icons.f769275420d072ce.js";
 import { useRouter } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { Card, Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
-import { Modal } from "../../../../../comps/ui/modal.25d53e5b41b9c4e5.js";
+import { Card, Loading } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Modal } from "../../../../../comps/ui/modal.08ac85d31f4c76c1.js";
 import { reasonText } from "../../../../../utils/format.ceeaafa10a0563f3.js";
-import { Badge } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
-import { Button } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
-import { CopyButton } from "../../../../../comps/ui/copy.bd6fc1577a393965.js";
+import { Badge } from "../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { Button } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { CopyButton } from "../../../../../comps/ui/copy.043e0695c08c72f9.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { MenuItem } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
-import { Select } from "../../../../../comps/ui/select.2eb33e5bea28d804.js";
-import { Combo } from "../../../../../comps/ui/combo.54270c0251466fda.js";
-import { Row, replaceTitle, useReplace } from "./list.083f5c665df04b1b.js";
-import { useOrg } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
+import { Select } from "../../../../../comps/ui/select.0ee9e8f04ddd8b47.js";
+import { Combo } from "../../../../../comps/ui/combo.e4e08287494081a3.js";
+import { Row, replaceTitle, useReplace } from "./list.e7d6a422f6a869ea.js";
+import { useOrg } from "../../../../../comps/nav/org.853d173b55368728.js";
 import { isAdmin } from "../../../../../api/types.79f9092cdb5a00d1.js";
-import { CUSTOM_PROVIDERS, SCOPES } from "../model-options.a96c11d11674f598.js";
+import { CUSTOM_PROVIDERS, SCOPES } from "../model-options.dc630cb6e2cbf83a.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 const ENGINES = [{
 	id: "claude",
@@ -32,9 +32,11 @@ const ENGINES = [{
 	signIn: "ChatGPT"
 }];
 const KEYS = [...ENGINES.map((engine) => engine.key), ...CUSTOM_PROVIDERS.flatMap((provider) => provider.envKey || [])];
+/** The first known variable with no key saved yet, so the form never starts on one that exists. */
+const unsaved = (keys, saved) => KEYS.find((key) => key !== saved && !keys.some((row) => row.name === key)) ?? "";
 /** One API key by its variable; a variable already saved in that scope asks before it is replaced. */
 function KeyForm({ keys, admin, focus, ask }) {
-	const [name, setName] = useState(ENGINES.find((engine) => engine.id === focus)?.key ?? "OPENAI_API_KEY");
+	const [name, setName] = useState(ENGINES.find((engine) => engine.id === focus)?.key ?? (/^[A-Z][A-Z0-9_]*$/.test(focus) ? focus : unsaved(keys)));
 	const [scope, setScope] = useState(admin ? "workspace" : "personal");
 	const input = useRef(null);
 	const action = useAction({
@@ -59,7 +61,7 @@ function KeyForm({ keys, admin, focus, ask }) {
 					...scope === "workspace" ? { workspace: true } : {}
 				});
 				form.reset();
-				setName("OPENAI_API_KEY");
+				setName(unsaved(keys, variable));
 			});
 			if (keys.some((row) => row.name === variable && row.scope === scope)) ask(replaceTitle(variable, scope), save);
 			else save();
@@ -100,7 +102,6 @@ function KeyForm({ keys, admin, focus, ask }) {
 }
 /** A subscription sign-in, step by step in a dialog: the official login runs on a private machine and the engine's page approves it. */
 function SignIn({ login, engine, onChange, onDone, onError, onCancel }) {
-	const [openedUrl, setOpenedUrl] = useState();
 	// The link a code was pasted for; claude offers a new link when it rejects the code.
 	const [sentUrl, setSentUrl] = useState();
 	usePoll(login.id && login.state !== "done" && login.state !== "failed" ? (signal) => client.credentials.loginStatus(login.id).then((next) => {
@@ -126,79 +127,81 @@ function SignIn({ login, engine, onChange, onDone, onError, onCancel }) {
 		});
 		void client.credentials.loginCode(login.id, code).catch((reason) => onError(reasonText(reason)));
 	};
-	const ready = Boolean(login.url);
 	const verifying = login.state === "verifying";
-	const opened = Boolean(login.url) && openedUrl === login.url;
 	const rejected = Boolean(sentUrl) && login.state === "open" && login.url !== sentUrl;
-	const open = `Open ${engine.signIn} sign-in`;
 	return /* @__PURE__ */ _jsxs(Modal, {
 		class: "sign-in",
 		title: `Sign in with ${engine.signIn}`,
 		cancelDanger: true,
-		focus: "actions",
 		onClose: onCancel,
-		actions: /* @__PURE__ */ _jsx(Button, {
-			href: login.url,
-			external: true,
-			variant: opened ? "outline" : "primary",
-			loading: !ready,
-			autoFocus: true,
-			onClick: () => setOpenedUrl(login.url),
-			children: opened ? "Open again" : open
-		}),
-		children: [/* @__PURE__ */ _jsx("p", {
-			class: "muted",
-			children: "Coder signs in on a private machine and keeps the sign-in for your tasks."
-		}), /* @__PURE__ */ _jsxs("ol", {
-			class: "steps-list sign-steps",
-			role: "status",
-			children: [/* @__PURE__ */ _jsx("li", { children: ready ? "The sign-in machine is ready." : /* @__PURE__ */ _jsx(Loading, {
-				label: "Starting the sign-in machine…",
-				inline: true
-			}) }), login.engine === "codex" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("li", { children: ["Open the sign-in page and enter this code.", login.code ? /* @__PURE__ */ _jsxs("span", {
-				class: "code-box",
-				children: [login.code, /* @__PURE__ */ _jsx(CopyButton, {
-					value: login.code,
-					label: "Copy code"
-				})]
-			}) : null] }), /* @__PURE__ */ _jsx("li", { children: ready ? /* @__PURE__ */ _jsx(Loading, {
-				label: "Waiting for your approval on the sign-in page…",
-				inline: true
-			}) : "Approve it there." })] }) : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("li", { children: [
-				"Open the ",
-				engine.signIn,
-				" sign-in and approve it."
-			] }), /* @__PURE__ */ _jsxs("li", { children: [
-				rejected ? /* @__PURE__ */ _jsx("span", {
-					class: "rejected",
-					role: "alert",
-					children: "That code did not work. Open the sign-in again and paste the new code."
-				}) : "Paste the code it shows.",
-				/* @__PURE__ */ _jsx("input", {
-					class: "mono",
-					autocomplete: "off",
-					"aria-label": `Code from the ${engine.signIn} sign-in page`,
-					placeholder: "Paste the code from the sign-in page",
-					disabled: login.state !== "open",
-					onPaste: (event) => {
-						const code = event.clipboardData?.getData("text").trim();
-						if (code) {
-							event.preventDefault();
-							event.currentTarget.value = code;
-							onCode(code);
-						}
-					},
-					onKeyDown: (event) => {
-						const code = event.currentTarget.value.trim();
-						if (event.key === "Enter" && code) onCode(code);
-					}
-				}, login.url),
-				verifying ? /* @__PURE__ */ _jsx(Loading, {
-					label: "Checking the code…",
+		children: [
+			/* @__PURE__ */ _jsx("p", {
+				class: "muted",
+				children: "Coder signs in on a private machine and keeps the sign-in for your tasks."
+			}),
+			/* @__PURE__ */ _jsx("div", {
+				class: "sign-link",
+				children: login.url ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs(Button, {
+					href: login.url,
+					external: true,
+					autoFocus: true,
+					children: ["Open ", new URL(login.url).host]
+				}), /* @__PURE__ */ _jsx(CopyButton, {
+					value: login.url,
+					label: "Copy link"
+				})] }) : /* @__PURE__ */ _jsx(Loading, {
+					label: "Starting the sign-in machine…",
 					inline: true
-				}) : null
-			] })] })]
-		})]
+				})
+			}),
+			/* @__PURE__ */ _jsx("ol", {
+				class: "steps-list sign-steps",
+				role: "status",
+				children: login.engine === "codex" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("li", { children: ["Open the sign-in page and enter this code.", login.code ? /* @__PURE__ */ _jsxs("span", {
+					class: "code-box",
+					children: [login.code, /* @__PURE__ */ _jsx(CopyButton, {
+						value: login.code,
+						label: "Copy code"
+					})]
+				}) : null] }), /* @__PURE__ */ _jsx("li", { children: login.url ? /* @__PURE__ */ _jsx(Loading, {
+					label: "Waiting for your approval on the sign-in page…",
+					inline: true
+				}) : "Approve it there." })] }) : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("li", { children: [
+					"Open the ",
+					engine.signIn,
+					" sign-in and approve it."
+				] }), /* @__PURE__ */ _jsxs("li", { children: [
+					rejected ? /* @__PURE__ */ _jsx("span", {
+						class: "rejected",
+						role: "alert",
+						children: "That code did not work. Open the sign-in again and paste the new code."
+					}) : "Paste the code it shows.",
+					/* @__PURE__ */ _jsx("input", {
+						class: "mono",
+						autocomplete: "off",
+						"aria-label": `Code from the ${engine.signIn} sign-in page`,
+						placeholder: "Paste the code from the sign-in page",
+						disabled: login.state !== "open",
+						onPaste: (event) => {
+							const code = event.clipboardData?.getData("text").trim();
+							if (code) {
+								event.preventDefault();
+								event.currentTarget.value = code;
+								onCode(code);
+							}
+						},
+						onKeyDown: (event) => {
+							const code = event.currentTarget.value.trim();
+							if (event.key === "Enter" && code) onCode(code);
+						}
+					}, login.url),
+					verifying ? /* @__PURE__ */ _jsx(Loading, {
+						label: "Checking the code…",
+						inline: true
+					}) : null
+				] })] })
+			})
+		]
 	});
 }
 /** A server on this machine: tasks use its own claude and codex logins, so nothing is stored here. */
@@ -226,6 +229,7 @@ export function EngineLogins({ status: initial }) {
 		const own = status[engine.id];
 		const signingIn = busy === `${engine.id}:login`;
 		return /* @__PURE__ */ _jsx(Card, {
+			look: "filled",
 			title: engine.name,
 			children: /* @__PURE__ */ _jsxs("div", {
 				class: "cred-new",
@@ -344,40 +348,45 @@ export function CredentialsList({ rows, me, focus }) {
 	};
 	const subscription = (engine) => rows.find((row) => row.subscription && row.name === engine);
 	// One subscription per engine: a new one asks before it replaces the saved one.
-	const replacing = (engine, run) => subscription(engine.id) ? replace.ask(`Replace your ${engine.name} subscription?`, run) : run();
+	const replacing = (engine, run) => subscription(engine.id) ? replace.ask(`Replace the personal ${engine.name} subscription?`, run) : run();
 	const remove = (row) => action.run(`remove:${row.scope}/${row.name}`, () => client.credentials.remove(row.name, { workspace: row.scope === "workspace" }));
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
 		signIns.length ? /* @__PURE__ */ _jsx(Card, {
+			look: "filled",
 			title: "Subscriptions",
 			children: /* @__PURE__ */ _jsxs("div", {
 				class: "cred-engine",
 				children: [
-					/* @__PURE__ */ _jsx("p", {
+					/* @__PURE__ */ _jsxs("p", {
 						class: "muted cred-note",
-						children: "Personal only: a subscription runs your own tasks and your 1:1 DMs with agents, never the workspace's shared threads."
+						children: [
+							"Personal: each member signs in with their own. A subscription runs its owner's tasks, and platform turns from accounts connected on",
+							" ",
+							/* @__PURE__ */ _jsx("a", {
+								class: "link",
+								href: `/dash/${org}/settings/connections`,
+								children: "Connections"
+							}),
+							"."
+						]
 					}),
 					/* @__PURE__ */ _jsx("table", {
 						class: "rows creds",
 						children: /* @__PURE__ */ _jsx("tbody", { children: signIns.map((engine) => {
 							const row = subscription(engine.id);
 							const active = logins[engine.id];
-							const account = [
-								row?.account?.email,
-								row?.account?.plan,
-								row?.masked
-							];
+							const account = [row?.account?.email, row?.account?.plan];
 							return /* @__PURE__ */ _jsx(Row, {
 								title: engine.name,
 								sub: row ? account.filter(Boolean).join(" · ") : undefined,
-								actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
-									...row ? {
-										variant: "ghost",
-										size: "sm"
-									} : {},
-									autoFocus: focus === engine.id && !row,
+								actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [row ? /* @__PURE__ */ _jsxs("span", {
+									class: "signed",
+									children: [/* @__PURE__ */ _jsx(Icon, { d: iCheck }), "Connected"]
+								}) : /* @__PURE__ */ _jsxs(Button, {
+									autoFocus: focus === engine.id,
 									disabled: Boolean(active),
-									onClick: () => replacing(engine, () => signIn(engine.id)),
-									children: row ? "Sign in again" : `Sign in with ${engine.signIn}`
+									onClick: () => signIn(engine.id),
+									children: ["Sign in with ", engine.signIn]
 								}), active ? /* @__PURE__ */ _jsx(SignIn, {
 									login: active,
 									engine,
@@ -393,10 +402,14 @@ export function CredentialsList({ rows, me, focus }) {
 									}
 								}) : null] }),
 								alignMenu: true,
-								menu: engine.id === "claude" ? /* @__PURE__ */ _jsx(MenuItem, {
+								menu: row || engine.id === "claude" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [row ? /* @__PURE__ */ _jsx(MenuItem, {
+									title: "Sign in again",
+									disabled: Boolean(active),
+									onClick: () => replacing(engine, () => signIn(engine.id))
+								}) : null, engine.id === "claude" ? /* @__PURE__ */ _jsx(MenuItem, {
 									title: "Paste a setup token",
 									onClick: () => setPasting(true)
-								}) : undefined,
+								}) : null] }) : undefined,
 								remove: row ? {
 									label: "Sign out",
 									title: `Sign out of ${engine.name}?`,
@@ -439,6 +452,7 @@ export function CredentialsList({ rows, me, focus }) {
 			})
 		}) : null,
 		/* @__PURE__ */ _jsx(Card, {
+			look: "filled",
 			title: "API keys",
 			count: keys.length || undefined,
 			children: /* @__PURE__ */ _jsxs("div", {
@@ -447,13 +461,15 @@ export function CredentialsList({ rows, me, focus }) {
 					/* @__PURE__ */ _jsxs("p", {
 						class: "muted cred-note",
 						children: [
-							"Tasks read each key as its variable. Claude uses ANTHROPIC_API_KEY, Codex uses OPENAI_API_KEY, and a ",
+							"Tasks read each key as its variable. Claude uses ANTHROPIC_API_KEY, Codex uses OPENAI_API_KEY, and a",
+							" ",
 							/* @__PURE__ */ _jsx("a", {
 								class: "link",
 								href: `/dash/${org}/settings/models`,
 								children: "custom model"
 							}),
-							" uses the one it names."
+							" ",
+							"uses the one it names."
 						]
 					}),
 					keys.length ? /* @__PURE__ */ _jsx("table", {
@@ -465,6 +481,7 @@ export function CredentialsList({ rows, me, focus }) {
 							remove: row.scope === "personal" || admin ? {
 								title: `Remove ${row.name}?`,
 								body: "Tasks that use it stop running.",
+								link: row.name,
 								onRemove: () => remove(row)
 							} : undefined
 						}, `${row.scope}/${row.name}`)) })

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{credentials.b43dd3d97c536c2a.js → credentials.db01de2581ac65f3.js}

@@ -1,23 +1,23 @@
 import { dynamic } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { load } from "../../../../../api/load.be791a5eaf328738.js";
-import { Settle } from "../../../../../comps/frame/stream.e2915852cf82c86b.js";
+import { load } from "../../../../../api/load.252f972b42c690e2.js";
+import { Settle } from "../../../../../comps/frame/stream.e3800e736f832124.js";
 import { isAdmin, localServer } from "../../../../../api/types.79f9092cdb5a00d1.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 // Hydrates as soon as the page does, so its sign-in buttons are live at once.
-const CredentialsList = dynamic(() => import("./credentials-list.683476f62a9ecde7.js").then((m) => m.CredentialsList), undefined, {
+const CredentialsList = dynamic(() => import("./credentials-list.fc4cff0289267551.js").then((m) => m.CredentialsList), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/credentials-list.tsx", import.meta.url).pathname),
 	"exportName": "CredentialsList",
-	"id": "c-c9ddcc3ff9"
+	"id": "c-13f8b321d8"
 });
-const EngineLogins = dynamic(() => import("./credentials-list.683476f62a9ecde7.js").then((m) => m.EngineLogins), undefined, {
+const EngineLogins = dynamic(() => import("./credentials-list.fc4cff0289267551.js").then((m) => m.EngineLogins), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/credentials-list.tsx", import.meta.url).pathname),
 	"exportName": "EngineLogins",
-	"id": "c-49d4bffdc4"
+	"id": "c-1f2c1b85bf"
 });
-const TaskSecrets = dynamic(() => import("./secrets-list.0d175ee815b22cd7.js").then((m) => m.TaskSecrets), undefined, {
+const TaskSecrets = dynamic(() => import("./secrets-list.d316bb157f747f6c.js").then((m) => m.TaskSecrets), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../src/server/dash/app/dash/[org]/settings/[tab]/secrets-list.tsx", import.meta.url).pathname),
 	"exportName": "TaskSecrets",
-	"id": "c-369363a923"
+	"id": "c-841c772c93"
 });
 /** The credentials settings tab. */
 export function Credentials({ request }) {
@@ -37,7 +37,7 @@ export function Credentials({ request }) {
 		return rows.then((credentials) => /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(CredentialsList, {
 			rows: credentials,
 			me: who,
-			focus: params.get("engine") ?? ""
+			focus: params.get("engine") ?? params.get("add") ?? ""
 		}), list] }));
 	} });
 }

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

@@ -0,0 +1,201 @@
+"use client";
+import "./list.69d1b62c4066015b.css.pnext-asset.js";
+import { useRef, useState } from "../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { useSearchParams } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { client } from "../../../../../utils/client.c8d7efefb6194d7d.js";
+import { toastFailure } from "../../../../../utils/action.f22057e7dfac40fe.js";
+import { mergePatch } from "../../../../../../../core/types.5bf5a41cedb54154.js";
+import { iDots, iPlus } from "../../../../../comps/ui/icons.f769275420d072ce.js";
+import { Button } from "../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { Card } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
+import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { Menu } from "../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
+import { ConfirmDialog } from "../../../../../comps/ui/confirm.e21b7f5e486dafb8.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+/** Config edits shown at once and sent as merge patches; the newest answer wins and a failure rolls back. */
+export function useConfig(first) {
+	const [value, setValue] = useState(first);
+	const sent = useRef(0);
+	const saved = useRef(first);
+	const patch = (body) => {
+		const seq = ++sent.current;
+		setValue((now) => mergePatch(now, body));
+		return client.config.patch(body).then((answer) => {
+			saved.current = answer;
+			if (seq === sent.current) setValue(answer);
+			return answer;
+		}, (reason) => {
+			if (seq === sent.current) {
+				setValue(saved.current);
+				toastFailure(reason);
+			}
+			return undefined;
+		});
+	};
+	return {
+		value,
+		patch
+	};
+}
+/** The add row: its fields, and Enter in any of them adds. */
+export function AddRow({ fields, onAdd }) {
+	return /* @__PURE__ */ _jsxs("form", {
+		class: "add-row",
+		method: "post",
+		onSubmit: async (event) => {
+			event.preventDefault();
+			const form = event.currentTarget;
+			const values = Object.fromEntries([...new FormData(form)].map(([key, value]) => [key, String(value).trim()]));
+			if (Object.values(values).some((value) => !value)) return;
+			if (await onAdd(values)) form.reset();
+		},
+		children: [fields.map(([name, placeholder]) => /* @__PURE__ */ _jsx("input", {
+			name,
+			placeholder,
+			"aria-label": placeholder,
+			autocomplete: "off"
+		}, name)), /* @__PURE__ */ _jsx(Button, {
+			type: "submit",
+			children: "Add"
+		})]
+	});
+}
+/** A ghost-danger item for a row's ⋯ menu, and the shared dialog that asks before it removes; the dialog sits outside the menu. */
+export function useRemove(removal) {
+	const asked = useSearchParams().get("delete");
+	const [open, setOpen] = useState(Boolean(removal?.link && removal.link === asked));
+	const [busy, setBusy] = useState(false);
+	if (!removal) return {};
+	const { title, body, label = "Remove", icon, onRemove } = removal;
+	// A dialog a delete link opened leaves the address without it once it closes.
+	const close = () => {
+		setOpen(false);
+		if (removal.link && removal.link === asked) {
+			const url = new URL(location.href);
+			url.searchParams.delete("delete");
+			history.replaceState(history.state, "", url);
+		}
+	};
+	return {
+		item: /* @__PURE__ */ _jsx(MenuItem, {
+			icon,
+			title: label,
+			danger: true,
+			onClick: () => setOpen(true)
+		}),
+		dialog: open ? /* @__PURE__ */ _jsx(ConfirmDialog, {
+			open: true,
+			title,
+			body,
+			confirmLabel: label,
+			busy,
+			onClose: close,
+			onConfirm: () => {
+				setBusy(true);
+				void onRemove().finally(() => {
+					setBusy(false);
+					close();
+				});
+			}
+		}) : null
+	};
+}
+/** A list's add dialog and the + Add button that opens it; a chat's `?add=` link opens it filled in, and closing it drops the link's params. */
+export function useAddDialog(label, params) {
+	const [open, setOpen] = useState(useSearchParams().has("add"));
+	const close = () => {
+		setOpen(false);
+		const url = new URL(location.href);
+		for (const name of ["add", ...params]) url.searchParams.delete(name);
+		history.replaceState(history.state, "", url);
+	};
+	return {
+		open,
+		show: () => setOpen(true),
+		close,
+		button: /* @__PURE__ */ _jsx(Button, {
+			size: "sm",
+			leftIcon: iPlus,
+			onClick: () => setOpen(true),
+			children: label
+		})
+	};
+}
+export const replaceTitle = (name, scope) => scope === "workspace" ? `Replace ${name} for the workspace?` : `Replace the personal ${name}?`;
+/** The dialog that asks before a save replaces the key saved for a variable in that scope. */
+export function useReplace() {
+	const [asking, setAsking] = useState();
+	return {
+		ask: (title, run) => setAsking({
+			title,
+			run
+		}),
+		dialog: asking ? /* @__PURE__ */ _jsx(ConfirmDialog, {
+			open: true,
+			title: asking.title,
+			body: "Tasks use the new one from now on.",
+			confirmLabel: "Replace",
+			onClose: () => setAsking(undefined),
+			onConfirm: () => {
+				setAsking(undefined);
+				asking.run();
+			}
+		}) : null
+	};
+}
+/** A settings row: its primary action as a button, the rest and Remove in the ⋯ menu. */
+export function Row({ title, badges, sub, actions, menu, alignMenu, remove, muted }) {
+	const removing = useRemove(remove);
+	return /* @__PURE__ */ _jsxs("tr", {
+		class: muted ? "muted" : undefined,
+		children: [/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsxs("span", {
+			class: "row-title",
+			children: [/* @__PURE__ */ _jsx("b", { children: title }), badges]
+		}), sub ? /* @__PURE__ */ _jsx("span", {
+			class: "sub mono",
+			children: sub
+		}) : null] }), /* @__PURE__ */ _jsxs("td", {
+			class: "acts",
+			children: [
+				actions,
+				menu || removing.item || alignMenu ? /* @__PURE__ */ _jsxs(Menu, {
+					button: "icon",
+					label: "Actions",
+					summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
+					children: [
+						menu,
+						removing.item,
+						menu || removing.item ? null : /* @__PURE__ */ _jsx("p", {
+							class: "menu-none",
+							children: "No options"
+						})
+					]
+				}) : null,
+				removing.dialog
+			]
+		})]
+	});
+}
+export function List({ title, count, actions, help, children, add, look }) {
+	return /* @__PURE__ */ _jsxs(Card, {
+		title,
+		count,
+		actions,
+		look,
+		children: [
+			help ? /* @__PURE__ */ _jsx("p", {
+				class: "body muted",
+				children: help
+			}) : null,
+			/* @__PURE__ */ _jsx("div", {
+				class: "table-scroll",
+				children: /* @__PURE__ */ _jsx("table", {
+					class: "rows settings",
+					children: /* @__PURE__ */ _jsx("tbody", { children })
+				})
+			}),
+			add
+		]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{loading.7ca95dcb4fb3362b.js → loading.71ca4f6c99a8a9d5.js}

@@ -1,4 +1,4 @@
-import { Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Loading } from "../../../../../comps/ui/card.c0030eafd76587e3.js";
 import { jsx as _jsx } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Any settings tab before it arrives. */
 export default function LoadingSettings() {