@wular/coder 0.4.8 → 0.4.10

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/settings/[tab]/{connections-list.544315916300ed07.js → connections-list.ff7e1dadcd4df17f.js}

@@ -1,23 +1,24 @@
 "use client";
-import "./connections-list.f742847e4887f072.css.pnext-asset.js";
+import "./connections-list.46786fe36b121a43.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.568346602027ac74.js";
-import { held } from "../../../../../utils/paged.18f5872fc5aebe96.js";
-import { Card, Empty, FoldCard, Loading } from "../../../../../comps/ui/card.6227f43fc0ae4bd1.js";
-import { reasonText } from "../../../../../utils/format.6a7d1beaf4d09d9c.js";
+import { client } from "../../../../../utils/client.189224c16057d7a1.js";
+import { toastFailure, useAction } from "../../../../../utils/action.968bcab0f5e3665d.js";
+import { Card, Empty, FoldCard, Loading } from "../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { reasonText } from "../../../../../utils/format.ceeaafa10a0563f3.js";
 import { Field } from "../../../../../comps/ui/field.75588c33b72824a7.js";
-import { Badge } from "../../../../../comps/ui/badge.3d9163a51e6f6d6e.js";
+import { Badge } from "../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { MenuItem } from "../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
 import { Icon } from "../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { iAlert } from "../../../../../comps/ui/icons.868385119bf2de28.js";
-import { Link } from "../../../../../../../../../../node_modules/@wular/pnext/src/api/link.tsx";
-import { Segmented } from "../../../../../comps/ui/segmented.5ac52bb38fb64ae5.js";
-import { Select } from "../../../../../comps/ui/select.7f481669998074f8.js";
-import { Search } from "../../../../../comps/ui/toolbar.801bbd3163d3fbb0.js";
-import { BrandIcon } from "../../agents/agent/agent-pills.19e913c8cb22db21.js";
-import { Row } from "./list.6d6180438e2bd0c8.js";
-import { useOrg } from "../../../../../comps/nav/org.813dc34bd23a336f.js";
+import { iAlert } from "../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Button, LinkButton } from "../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { Segmented } from "../../../../../comps/ui/segmented.a08dc08338d080e9.js";
+import { Select } from "../../../../../comps/ui/select.2eb33e5bea28d804.js";
+import { Search } from "../../../../../comps/ui/toolbar.24036899654de6df.js";
+import { BrandIcon } from "../../agents/agent/agent-pills.f987c12bcbc5c850.js";
+import { Row } from "./list.0c87d55cf4ef382c.js";
+import { useOrg } from "../../../../../comps/nav/org.572ad93c7707ab27.js";
 import { Notice } from "../../../../../comps/ui/notice.f395f231cbb96445.js";
+import { CONNECTION_SCOPES } from "../model-options.a96c11d11674f598.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Splits a typed command into words, keeping quoted paths whole. */
 const shellWords = (text) => (text.match(/"[^"]*"|'[^']*'|(?:\{[^}]+\}|[^\s])+/g) ?? []).map((part) => part.replace(/^(["'])(.*)\1$/, "$2"));
@@ -33,9 +34,9 @@ const HELP = {
 	platform: "Sign in with OAuth, and tasks use the account through Coder’s own tools.",
 	mcp: "Search known servers, or paste a URL or command."
 };
-const READ_ONLY = ["observe", "Read only"];
-const READ_WRITE = ["write", "Read and write"];
-const SCOPES = [["me", "Just me"], ["", "Workspace"]];
+const DEFAULT = ["default", "Default"];
+const READ_ONLY = ["read", "Read-only"];
+const READ_WRITE = ["write", "Read-write"];
 const STATUS = {
 	ok: {
 		tone: "ok",
@@ -84,20 +85,24 @@ function Who({ local, admin, value, onChange }) {
 		group: true,
 		children: /* @__PURE__ */ _jsx(Select, {
 			label: "Scope",
-			options: SCOPES,
+			options: CONNECTION_SCOPES,
 			value,
 			onChange
 		})
 	});
 }
-/** Read only or read and write, as a dropdown like the scope beside it. */
+/** Default (the agent's mode), Read-only or Read-write, as a dropdown like the scope beside it. */
 function Access({ value, onChange, write }) {
 	return /* @__PURE__ */ _jsx(Field, {
 		label: "Access",
 		group: true,
 		children: /* @__PURE__ */ _jsx(Select, {
 			label: "Access",
-			options: write ? [READ_WRITE] : [READ_ONLY, READ_WRITE],
+			options: write ? [DEFAULT, READ_WRITE] : [
+				DEFAULT,
+				READ_ONLY,
+				READ_WRITE
+			],
 			value,
 			onChange
 		})
@@ -135,7 +140,7 @@ function AddPlatform({ catalog, rows, ...props }) {
 	const org = useOrg();
 	const platforms = catalog.filter((info) => info.personal);
 	const [id, setId] = useState(platforms[0]?.id ?? "");
-	const [access, setAccess] = useState("observe");
+	const [access, setAccess] = useState("default");
 	const { busy, add, who } = useAdd(props);
 	const info = platforms.find((entry) => entry.id === id);
 	const mine = rows.find((row) => row.provider === id && row.mine);
@@ -147,7 +152,7 @@ function AddPlatform({ catalog, rows, ...props }) {
 			if (info?.connectable) add({
 				name: info.name,
 				provider: info.id,
-				access
+				...access === "default" ? {} : { access }
 			});
 		},
 		children: [
@@ -186,8 +191,9 @@ function AddPlatform({ catalog, rows, ...props }) {
 							props.operator ? null : " Ask whoever runs this server to add one."
 						]
 					}),
-					props.operator ? /* @__PURE__ */ _jsx(Link, {
-						class: "btn outline sm",
+					props.operator ? /* @__PURE__ */ _jsx(LinkButton, {
+						variant: "outline",
+						size: "sm",
 						href: "/dash/[org]/operator",
 						params: { org },
 						children: "Set it up"
@@ -199,10 +205,10 @@ function AddPlatform({ catalog, rows, ...props }) {
 				children: [/* @__PURE__ */ _jsx("p", {
 					class: "muted grow",
 					children: !info ? "No platform here offers sign-in yet." : mine && info.connectable ? `Connected as ${mine.account ?? "you"}.` : null
-				}), /* @__PURE__ */ _jsxs("button", {
-					class: "btn",
-					disabled: busy || !info?.connectable,
-					"aria-busy": busy,
+				}), /* @__PURE__ */ _jsxs(Button, {
+					type: "submit",
+					disabled: !info?.connectable,
+					loading: busy,
 					children: [
 						info ? /* @__PURE__ */ _jsx(BrandIcon, { brand: info.brand }) : null,
 						"Sign in to ",
@@ -222,14 +228,14 @@ function AddMcp(props) {
 	const [target, setTarget] = useState("");
 	// A remote server's sign-in is found on Add; a key is asked for only when it needs one.
 	const [keyed, setKeyed] = useState(false);
-	const [access, setAccess] = useState("observe");
+	const [access, setAccess] = useState("default");
 	const { busy, add, who } = useAdd(props);
 	const timer = useRef();
 	const form = useRef(null);
 	const url = !target.trim() || isUrl(target);
 	const asksKey = !url || keyed || secretsOf(picked).length > 0;
-	// A stdio server refuses Read only without a tool list.
-	const level = url ? access : "write";
+	// A stdio server refuses Read-only without a tool list.
+	const level = url || access !== "read" ? access : "default";
 	const secrets = secretsOf(picked);
 	const secret = secrets.find((input) => input.required) ?? secrets[0];
 	const rest = secrets.filter((input) => input !== secret);
@@ -245,11 +251,11 @@ function AddMcp(props) {
 			void client.mcp.search("").then((items) => items.length && setFound((now) => now ?? {
 				q,
 				items
-			}), () => {});
+			}), (reason) => console.error("coder dashboard: known servers", reason));
 			return;
 		}
 		setFound({ q });
-		void client.mcp.search(q.trim()).then(held(performance.now())).then((items) => setFound((now) => now?.q === q ? {
+		void client.mcp.search(q.trim()).then((items) => setFound((now) => now?.q === q ? {
 			q,
 			items
 		} : now)).catch((reason) => setFound((now) => now?.q === q ? {
@@ -301,7 +307,7 @@ function AddMcp(props) {
 		add({
 			name: name.trim(),
 			provider: "mcp",
-			access: level,
+			...level === "default" ? {} : { access: level },
 			endpoint,
 			...key ? {
 				auth: "key",
@@ -346,9 +352,9 @@ function AddMcp(props) {
 					children: found.error ? /* @__PURE__ */ _jsxs("div", {
 						class: "registry-note err",
 						role: "alert",
-						children: [/* @__PURE__ */ _jsx("span", { children: found.error }), /* @__PURE__ */ _jsx("button", {
-							type: "button",
-							class: "btn ghost sm",
+						children: [/* @__PURE__ */ _jsx("span", { children: found.error }), /* @__PURE__ */ _jsx(Button, {
+							variant: "ghost",
+							size: "sm",
 							// Keeps focus in the search, so swapping this note for the loader does not close the list.
 							onMouseDown: (event) => event.preventDefault(),
 							onClick: () => run(found.q),
@@ -359,31 +365,27 @@ function AddMcp(props) {
 						children: /* @__PURE__ */ _jsx(Loading, {
 							label: "Searching known servers",
 							inline: true,
-							dots: true
+							dots: true,
+							late: true
 						})
-					}) : found.items.length ? found.items.map((server) => /* @__PURE__ */ _jsx("button", {
-						type: "button",
-						class: "pop-item rich",
+					}) : found.items.length ? found.items.map((server) => /* @__PURE__ */ _jsx(MenuItem, {
 						onClick: () => pick(server),
-						children: /* @__PURE__ */ _jsxs("span", {
-							class: "grow",
-							children: [
-								/* @__PURE__ */ _jsx("b", { children: server.title }),
-								server.verified ? /* @__PURE__ */ _jsx("span", {
-									title: `The MCP registry checked that the publisher owns ${domainOf(server.name)}`,
-									children: /* @__PURE__ */ _jsxs(Badge, {
-										tone: "ok",
-										children: ["by ", domainOf(server.name)]
-									})
-								}) : null,
-								server.curated ? /* @__PURE__ */ _jsx("span", {
-									title: "In GitHub's reviewed list of MCP servers",
-									children: /* @__PURE__ */ _jsx(Badge, { children: "GitHub list" })
-								}) : null,
-								/* @__PURE__ */ _jsx(Badge, { children: server.type }),
-								/* @__PURE__ */ _jsx("small", { children: server.description || server.name })
-							]
-						})
+						title: /* @__PURE__ */ _jsxs(_Fragment, { children: [
+							/* @__PURE__ */ _jsx("b", { children: server.title }),
+							server.verified ? /* @__PURE__ */ _jsx("span", {
+								title: `The MCP registry checked that the publisher owns ${domainOf(server.name)}`,
+								children: /* @__PURE__ */ _jsxs(Badge, {
+									tone: "ok",
+									children: ["by ", domainOf(server.name)]
+								})
+							}) : null,
+							server.curated ? /* @__PURE__ */ _jsx("span", {
+								title: "In GitHub's reviewed list of MCP servers",
+								children: /* @__PURE__ */ _jsx(Badge, { children: "GitHub list" })
+							}) : null,
+							/* @__PURE__ */ _jsx(Badge, { children: server.type })
+						] }),
+						sub: server.description || server.name
 					}, server.name)) : /* @__PURE__ */ _jsx("p", {
 						class: "registry-note",
 						children: "No known server matches. Paste its URL or command below."
@@ -485,10 +487,10 @@ function AddMcp(props) {
 			}) : null,
 			/* @__PURE__ */ _jsx("div", {
 				class: "add-foot",
-				children: /* @__PURE__ */ _jsx("button", {
-					class: "btn",
-					disabled: busy || blocked,
-					"aria-busy": busy,
+				children: /* @__PURE__ */ _jsx(Button, {
+					type: "submit",
+					disabled: blocked,
+					loading: busy,
 					children: "Add connection"
 				})
 			})
@@ -555,15 +557,13 @@ function NewKey({ row, onSaved, onClose }) {
 				autocomplete: "off",
 				required: true
 			}),
-			/* @__PURE__ */ _jsx("button", {
-				class: "btn",
-				disabled: busy,
-				"aria-busy": busy,
+			/* @__PURE__ */ _jsx(Button, {
+				type: "submit",
+				loading: busy,
 				children: "Save key"
 			}),
-			/* @__PURE__ */ _jsx("button", {
-				type: "button",
-				class: "btn ghost",
+			/* @__PURE__ */ _jsx(Button, {
+				variant: "ghost",
 				disabled: busy,
 				onClick: onClose,
 				children: "Cancel"
@@ -602,7 +602,7 @@ export function ConnectionsList({ first, catalog, local, admin, operator }) {
 						class: "conn-badges",
 						children: [
 							/* @__PURE__ */ _jsx(Badge, { children: row.owner ? row.mine ? "yours" : "member" : "workspace" }),
-							row.provider === "env" ? null : /* @__PURE__ */ _jsx(Badge, { children: row.access === "write" ? "read and write" : "read only" }),
+							/* @__PURE__ */ _jsx(Badge, { children: row.access === "read" ? "Read-only" : row.access ? "Read-write" : "Default" }),
 							/* @__PURE__ */ _jsx(Badge, {
 								tone: STATUS[row.status].tone,
 								children: STATUS[row.status].label
@@ -613,11 +613,10 @@ export function ConnectionsList({ first, catalog, local, admin, operator }) {
 						row,
 						catalog
 					}),
-					actions: row.status === "ok" ? null : /* @__PURE__ */ _jsx("button", {
-						type: "button",
-						class: "btn outline sm",
-						disabled: action.pending === row.id,
-						"aria-busy": action.pending === row.id,
+					actions: row.status === "ok" ? null : /* @__PURE__ */ _jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						loading: action.pending === row.id,
 						onClick: () => reconnect(row),
 						children: "Reconnect"
 					}),