@wular/coder 0.4.2 → 0.4.4

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/settings/[tab]/runners-list.67786d7d51692d19.js

@@ -0,0 +1,380 @@
+"use client";
+import "./runners-list.3dac92fb9f64e2be.css.pnext-asset.js";
+import { useEffect, useRef, useState } from "../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
+import { client, poll } from "../../../../utils/client.f37a313f4811ddb8.js";
+import { iCheck, iCopy, iDots, iDown, iGit, iMonitor, iPlug, iPlus, iSpark, iTerminal } from "../../../../comps/ui/icons.e17bdd0b5504787f.js";
+import { Card, Loading } from "../../../../comps/ui/card.e6876039e375b849.js";
+import { Badge } from "../../../../comps/ui/badge.e52db98d78836f9a.js";
+import { ErrorText, Field } from "../../../../comps/ui/field.37f93068217e1470.js";
+import { Icon } from "../../../../comps/ui/icon.93605083edf7efe3.js";
+import { Menu, MenuItem } from "../../../../comps/ui/menu.3b3026ecd4dc31f0.js";
+import { Select } from "../../../../comps/ui/select.14e820c8a26ab8b5.js";
+import { formatDuration, reasonText } from "../../../../utils/format.ba382c381ea40e77.js";
+import { sortedRunners } from "../../tasks/composer-data.e2d442d6ecbaa6d3.js";
+import { useRemove } from "./list.2cafbe93b7b2dc0f.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,
+	"vercel-sandbox": iSpark,
+	"github-actions": iGit,
+	http: iPlug
+};
+const BUILT_IN = new Set(["default", "local"]);
+const SCOPES = [["personal", "Just me"], ["workspace", "Workspace"]];
+const ADMIN_ROLES = new Set(["owner", "admin"]);
+const ago = (at) => Date.now() - at < 6e4 ? "just now" : `${formatDuration(Date.now() - at).replace(/\.\d/, "")} ago`;
+function Status({ runner, tested }) {
+	if (tested === "testing") return /* @__PURE__ */ _jsxs("span", {
+		class: "sub runner-status",
+		children: [/* @__PURE__ */ _jsx("i", { class: "dot" }), "Testing…"]
+	});
+	if (tested) return /* @__PURE__ */ _jsxs("span", {
+		class: `sub runner-status ${tested.ok ? "ok" : "bad"}`,
+		children: [/* @__PURE__ */ _jsx("i", { class: "dot" }), tested.ok ? `Reached in ${formatDuration(tested.ms)}` : tested.detail]
+	});
+	return /* @__PURE__ */ _jsxs("span", {
+		class: `sub runner-status${runner.online ? " ok" : ""}`,
+		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 }) {
+	const [making, setMaking] = useState(false);
+	const [renaming, setRenaming] = useState(false);
+	const [tested, setTested] = useState();
+	const rename = useRef(null);
+	useEffect(() => rename.current?.select(), [renaming]);
+	const builtIn = BUILT_IN.has(runner.id);
+	const removing = useRemove(manage && !builtIn ? {
+		title: `Remove ${runner.name}?`,
+		body: "Its tasks go to another runner.",
+		onRemove: () => onChange(() => client.runners.remove(runner.id))
+	} : undefined);
+	const test = () => {
+		setTested("testing");
+		client.runners.test(runner.id).then(setTested, (reason) => {
+			setTested(undefined);
+			onError(reasonText(reason));
+		});
+	};
+	return /* @__PURE__ */ _jsxs("tr", { children: [/* @__PURE__ */ _jsxs("td", { children: [/* @__PURE__ */ _jsxs("span", {
+		class: "row-title",
+		children: [
+			/* @__PURE__ */ _jsxs("b", {
+				class: "runner-name",
+				children: [/* @__PURE__ */ _jsx(Icon, { d: KIND_ICONS[runner.kind] ?? iPlug }), renaming ? /* @__PURE__ */ _jsx("input", {
+					class: "runner-rename",
+					"aria-label": "Runner name",
+					defaultValue: runner.name,
+					ref: rename,
+					onKeyDown: (event) => {
+						const name = event.currentTarget.value.trim();
+						if (event.key === "Escape") setRenaming(false);
+						if (event.key === "Enter" && name) void onChange(() => client.runners.update(runner.id, { name })).then(() => setRenaming(false));
+					},
+					onBlur: () => setRenaming(false)
+				}) : runner.name]
+			}),
+			/* @__PURE__ */ _jsx(Badge, { children: runner.scope }),
+			runner.default ? /* @__PURE__ */ _jsx(Badge, {
+				tone: "acc",
+				children: "default"
+			}) : null
+		]
+	}), /* @__PURE__ */ _jsx(Status, {
+		runner,
+		tested
+	})] }), /* @__PURE__ */ _jsxs("td", {
+		class: "acts",
+		children: [
+			runner.default || !manage ? null : /* @__PURE__ */ _jsx("button", {
+				type: "button",
+				class: "btn secondary sm",
+				disabled: making,
+				"aria-busy": making,
+				onClick: () => {
+					setMaking(true);
+					void onChange(() => client.runners.update(runner.id, { default: true })).finally(() => setMaking(false));
+				},
+				children: "Make default"
+			}),
+			/* @__PURE__ */ _jsxs(Menu, {
+				summaryClass: "icon-btn",
+				label: "Actions",
+				summary: /* @__PURE__ */ _jsx(Icon, { d: iDots }),
+				children: [
+					/* @__PURE__ */ _jsx(MenuItem, {
+						title: "Test",
+						onClick: test
+					}),
+					manage && !builtIn ? /* @__PURE__ */ _jsx(MenuItem, {
+						title: "Rename",
+						onClick: () => setRenaming(true)
+					}) : null,
+					removing.item
+				]
+			}),
+			removing.dialog
+		]
+	})] });
+}
+/** 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", {
+		class: "runner-pair",
+		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" })]
+			}),
+			/* @__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 })]
+			}),
+			/* @__PURE__ */ _jsxs("details", {
+				class: "runner-step",
+				children: [
+					/* @__PURE__ */ _jsx("summary", { children: "Behind a firewall? This server has to reach that computer over HTTPS" }),
+					/* @__PURE__ */ _jsxs("p", { children: [
+						"Open a tunnel on that computer first, then add its address to the command above as",
+						" ",
+						/* @__PURE__ */ _jsx("code", { children: "--runner-url" }),
+						"."
+					] }),
+					/* @__PURE__ */ _jsx(Command, { value: "cloudflared tunnel --url http://localhost:4100" })
+				]
+			}),
+			/* @__PURE__ */ _jsxs("div", {
+				class: "runner-wait",
+				children: [/* @__PURE__ */ _jsx(Loading, {
+					label: "Waiting for that computer to connect",
+					inline: true,
+					dots: true
+				}), /* @__PURE__ */ _jsx("button", {
+					type: "button",
+					class: "btn secondary-danger sm",
+					onClick: onCancel,
+					children: "Cancel"
+				})]
+			})
+		]
+	});
+}
+/** 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 [scope, setScope] = useState(personal ? "personal" : "workspace");
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState("");
+	const [pairing, setPairing] = useState();
+	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();
+		};
+	}, [pairing]);
+	const cancel = () => {
+		setPairing(undefined);
+		setKind(undefined);
+	};
+	// 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));
+	};
+	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 client.runners.add({
+				kind: spec.kind,
+				name: name || spec.name,
+				scope,
+				config: Object.fromEntries(Object.entries(config).filter(([, value]) => value))
+			});
+			onAdded(await client.runners.list());
+			setKind(undefined);
+		} catch (reason) {
+			setError(reasonText(reason));
+		}
+		setBusy(false);
+	};
+	return /* @__PURE__ */ _jsxs("form", {
+		class: "runner-add",
+		method: "post",
+		onSubmit: add,
+		children: [/* @__PURE__ */ _jsxs("div", {
+			class: "runner-pick",
+			children: [
+				/* @__PURE__ */ _jsx(Menu, {
+					summaryClass: "btn secondary",
+					label: "Runner kind",
+					align: "left",
+					wide: true,
+					summary: /* @__PURE__ */ _jsxs(_Fragment, { children: [
+						/* @__PURE__ */ _jsx(Icon, { d: spec ? KIND_ICONS[spec.kind] : iPlus }),
+						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 })
+						]
+					}, each.kind))
+				}),
+				spec?.connect === "fields" ? /* @__PURE__ */ _jsxs(_Fragment, { children: [spec.help ? /* @__PURE__ */ _jsx("p", {
+					class: "muted runner-help",
+					children: spec.help
+				}) : null, /* @__PURE__ */ _jsxs("div", {
+					class: "add-grid",
+					children: [/* @__PURE__ */ _jsx(Field, {
+						label: "Name",
+						hint: "shown in the list",
+						children: /* @__PURE__ */ _jsx("input", {
+							name: "name",
+							placeholder: spec.name,
+							autocomplete: "off"
+						})
+					}), spec.fields.map((field) => /* @__PURE__ */ _jsx(Field, {
+						label: field.label,
+						hint: field.hint ?? (field.optional ? "optional" : undefined),
+						children: /* @__PURE__ */ _jsx("input", {
+							name: field.key,
+							type: field.secret ? "password" : "text",
+							placeholder: field.placeholder,
+							required: !field.optional,
+							autocomplete: "off"
+						})
+					}, `${spec.kind}:${field.key}`))]
+				})] }) : 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, {
+						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 })
+				] })
+			]
+		}), pairing ? /* @__PURE__ */ _jsx(Pairing, {
+			pairing,
+			onCancel: cancel
+		}) : null]
+	});
+}
+/** 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 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;
+		}
+	};
+	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", {
+				class: "rows settings",
+				children: /* @__PURE__ */ _jsx("tbody", { children: items.map((runner) => /* @__PURE__ */ _jsx(RunnerItem, {
+					runner,
+					manage: runner.scope === "personal" || admin,
+					onChange: change,
+					onError: setError
+				}, runner.id)) })
+			})
+		}), /* @__PURE__ */ _jsx(AddRunner, {
+			catalog: rows.catalog,
+			admin,
+			personal: Boolean(me.user),
+			known: items.map((row) => row.id),
+			onAdded: setRows
+		})]
+	});
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/settings/layout.a619ac4fe999d1b5.js

@@ -0,0 +1,39 @@
+import { Suspense } from "../../../../../../../../node_modules/preact/compat/dist/compat.mjs";
+import { load } from "../../../api/load.bdbf17006af803d1.js";
+import { Page } from "../../../comps/frame/page-head.857951b5dc1ad827.js";
+import { Tabs } from "../../../comps/ui/tabs.051c87be5bbb7f2b.js";
+import { SETTINGS, SettingsHead } from "./settings-head.d726e31e4dd04d60.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("a", {
+		class: "btn outline",
+		href: url,
+		target: "_blank",
+		rel: "noreferrer",
+		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 me = load(request).me();
+	return /* @__PURE__ */ _jsxs(Page, { children: [
+		/* @__PURE__ */ _jsx(SettingsHead, { actions: /* @__PURE__ */ _jsx(Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ _jsx(Members, { me })
+		}) }),
+		/* @__PURE__ */ _jsx(Tabs, {
+			label: "Settings",
+			items: SETTINGS.map(({ tab, label }) => ({
+				href: "/dash/settings/[tab]",
+				params: { tab },
+				label
+			}))
+		}),
+		/* @__PURE__ */ _jsx("div", {
+			class: "tab-body",
+			children
+		})
+	] });
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/settings/model-options.2ca6c87aedf3588c.js

@@ -0,0 +1,87 @@
+export const NO_MODELS = {
+	builtin: {},
+	models: {}
+};
+export const ENGINES = [
+	"claude",
+	"codex",
+	"custom"
+];
+export const ENGINE_NAMES = {
+	claude: "Claude",
+	codex: "Codex",
+	custom: "Custom"
+};
+/** Each engine's usable model names: built-ins, then aliases and endpoints; turned-off ones left out. */
+export function modelsByEngine(shape) {
+	const own = Object.entries(shape.models).filter(([, entry]) => !entry.disabled);
+	return Object.fromEntries(ENGINES.map((engine) => [engine, [...Object.keys(shape.builtin[engine] ?? {}).filter((name) => !shape.models[name]?.disabled), ...own.filter(([, entry]) => engine === "custom" ? entry.baseUrl : entry.provider === engine).map(([name]) => name)]]));
+}
+/** An unset setting's label, naming what it resolves to; the engine picks when nothing sets it. */
+export const defaultLabel = (value) => `Default (${value || "engine's own"})`;
+/** One picker for engine and model: `engine:model`, or `engine:` for an engine's own default. */
+export function modelOptions(byEngine, blank) {
+	return [["", blank], ...ENGINES.filter((engine) => byEngine[engine]?.length).flatMap((engine) => [[`${engine}:`, "Its default model"], ...byEngine[engine].map((model) => [`${engine}:${model}`, model])])];
+}
+export const modelValue = (engine, model) => engine || model ? `${engine ?? ""}:${model ?? ""}` : "";
+export function splitModel(value) {
+	const at = value.indexOf(":");
+	return at < 0 ? {
+		engine: "",
+		model: ""
+	} : {
+		engine: value.slice(0, at),
+		model: value.slice(at + 1)
+	};
+}
+/** Section titles for `modelOptions`: each engine's name above its first option. */
+export const modelHeadings = (byEngine) => Object.fromEntries(ENGINES.filter((engine) => byEngine[engine]?.length).map((engine) => [`${engine}:`, ENGINE_NAMES[engine]]));
+/** OpenAI-compatible providers the custom endpoint form prefills. */
+export const CUSTOM_PROVIDERS = [
+	{
+		id: "openrouter",
+		name: "OpenRouter",
+		baseUrl: "https://openrouter.ai/api/v1",
+		envKey: "OPENROUTER_API_KEY",
+		keyUrl: "https://openrouter.ai/keys",
+		needsKey: true
+	},
+	{
+		id: "vercel",
+		name: "Vercel AI Gateway",
+		baseUrl: "https://ai-gateway.vercel.sh/v1",
+		envKey: "AI_GATEWAY_API_KEY",
+		keyUrl: "https://vercel.com/d?to=%2F%5Bteam%5D%2F~%2Fai-gateway%2Fapi-keys&title=AI+Gateway+API+Keys",
+		needsKey: true
+	},
+	{
+		id: "groq",
+		name: "Groq",
+		baseUrl: "https://api.groq.com/openai/v1",
+		envKey: "GROQ_API_KEY",
+		keyUrl: "https://console.groq.com/keys",
+		needsKey: true
+	},
+	{
+		id: "together",
+		name: "Together AI",
+		baseUrl: "https://api.together.xyz/v1",
+		envKey: "TOGETHER_API_KEY",
+		keyUrl: "https://api.together.ai/settings/api-keys",
+		needsKey: true
+	},
+	{
+		id: "ollama",
+		name: "Ollama",
+		baseUrl: "http://localhost:11434/v1",
+		envKey: "",
+		needsKey: false
+	},
+	{
+		id: "other",
+		name: "Other",
+		baseUrl: "",
+		envKey: "",
+		needsKey: true
+	}
+];

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/settings/page.5edeae58f2154a50.js

@@ -0,0 +1,6 @@
+import { redirect } from "../../../../../../../../node_modules/@wular/pnext/src/api/navigation.ts";
+/** Settings opens on its first tab. */
+export default function SettingsPage({ request }) {
+	if (!request) return null;
+	redirect("/dash/settings/credentials");
+}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/settings/settings-head.d726e31e4dd04d60.js

@@ -0,0 +1,32 @@
+import { PageHead } from "../../../comps/frame/page-head.857951b5dc1ad827.js";
+import { jsx as _jsx } from "../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+export const SETTINGS = [
+	{
+		tab: "credentials",
+		label: "Credentials"
+	},
+	{
+		tab: "models",
+		label: "Models"
+	},
+	{
+		tab: "engines",
+		label: "Engines"
+	},
+	{
+		tab: "mcp",
+		label: "MCP"
+	},
+	{
+		tab: "runners",
+		label: "Runners"
+	}
+];
+/** Settings' head; members are managed in Wular. */
+export function SettingsHead({ actions }) {
+	return /* @__PURE__ */ _jsx(PageHead, {
+		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.22448081e9e042d6.js

@@ -0,0 +1,31 @@
+import { Card } from "../../../comps/ui/card.e6876039e375b849.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, {
+		title: "Receive platform events",
+		children: /* @__PURE__ */ _jsxs("div", {
+			class: "guide",
+			children: [
+				/* @__PURE__ */ _jsxs("p", { children: [
+					"Platforms reach this server through a public address. Expose port ",
+					port,
+					" with one of these."
+				] }),
+				/* @__PURE__ */ _jsxs("ul", {
+					class: "steps-list",
+					children: [
+						/* @__PURE__ */ _jsx("li", { children: /* @__PURE__ */ _jsxs("code", { children: ["ngrok http ", port] }) }),
+						/* @__PURE__ */ _jsx("li", { children: /* @__PURE__ */ _jsxs("code", { children: ["cloudflared tunnel --url http://localhost:", port] }) }),
+						/* @__PURE__ */ _jsx("li", { children: "VS Code's Ports panel, with the port's visibility set to Public" })
+					]
+				}),
+				/* @__PURE__ */ _jsxs("p", { children: [
+					"Then restart with ",
+					/* @__PURE__ */ _jsx("code", { children: "PUBLIC_URL=<tunnel URL> coder server serve" }),
+					". The tunnel serves only webhooks and app setup, never this dashboard."
+				] })
+			]
+		})
+	});
+}