@wular/coder 0.4.13 → 0.5.1

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/{platform-actions.000f2f87a48bfbc6.js → platform-actions.7c8c75bd0c05df4a.js}

@@ -1,23 +1,23 @@
 "use client";
 import { useEffect, useRef, useState } from "../../../../../../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { useRouter } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
-import { client } from "../../../../../../../utils/client.78267fa3d7905d17.js";
-import { useAction } from "../../../../../../../utils/action.67dd6f8ab1ae067d.js";
-import { iDots, iDown, iOut, iPlus, iSpark, iSteer, iUpload, iX } from "../../../../../../../comps/ui/icons.e36c72f54750663a.js";
-import { Modal } from "../../../../../../../comps/ui/modal.0b69c7fd9db025b9.js";
+import { useParams, usePathname, useRouter } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/client-navigation.ts";
+import { client } from "../../../../../../../utils/client.685154f230716834.js";
+import { useAction } from "../../../../../../../utils/action.56cea462eb725c39.js";
+import { iDots, iDown, iOut, iPlus, iSliders, iSteer, iUpload, iX } from "../../../../../../../comps/ui/icons.f769275420d072ce.js";
+import { Modal } from "../../../../../../../comps/ui/modal.08ac85d31f4c76c1.js";
 import { reasonText } from "../../../../../../../utils/format.ceeaafa10a0563f3.js";
-import { ConfirmDialog } from "../../../../../../../comps/ui/confirm.29e198be34578222.js";
-import { Badge } from "../../../../../../../comps/ui/badge.c0bc352791a95fd6.js";
-import { Button } from "../../../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
-import { CopyButton, CopyLine } from "../../../../../../../comps/ui/copy.bd6fc1577a393965.js";
+import { ConfirmDialog } from "../../../../../../../comps/ui/confirm.e21b7f5e486dafb8.js";
+import { Badge } from "../../../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { Button } from "../../../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { CopyButton, CopyLine } from "../../../../../../../comps/ui/copy.043e0695c08c72f9.js";
 import { Field } from "../../../../../../../comps/ui/field.75588c33b72824a7.js";
 import { Icon } from "../../../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { Menu } from "../../../../../../../comps/ui/menu.ee45bace979944b6.js";
-import { MenuItem } from "../../../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
+import { Menu } from "../../../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
+import { MenuItem, MenuLink } from "../../../../../../../comps/ui/menu-items.759a1b1f7c5ee365.js";
 import { Segmented } from "../../../../../../../comps/ui/segmented.633abe26ff760e37.js";
-import { Select } from "../../../../../../../comps/ui/select.2eb33e5bea28d804.js";
-import { showToast, toastError } from "../../../../../../../comps/frame/task-toasts.44075fa7e04575e8.js";
-import { OutcomeDialog } from "../../../../setup/outcome-dialog.18cf32fa42247b91.js";
+import { Select } from "../../../../../../../comps/ui/select.0ee9e8f04ddd8b47.js";
+import { showToast, toastError } from "../../../../../../../comps/frame/task-toasts.8733901ca0e4c246.js";
+import { OutcomeDialog } from "../../../../setup/outcome-dialog.a74e686aaed0c584.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 /** Who can install a new app, as the create link's `public`, with what owning it then means. */
 const WHO = {
@@ -45,7 +45,7 @@ const uiNames = (text) => text.split(/\*\*(.+?)\*\*/).map((part, index) => index
 /** Focuses a field the form just revealed. */
 const focusShown = (input) => input?.focus();
 /** Posts the platform's own create form, such as GitHub's app manifest. */
-export function postTo({ url, fields }) {
+function postTo({ url, fields }) {
 	const form = Object.assign(document.createElement("form"), {
 		method: "post",
 		action: url
@@ -100,10 +100,11 @@ function useInstall() {
 		install
 	};
 }
-/** One install button, for the next steps of a flow's outcome. */
-export function InstallButton({ app, label }) {
+/** One install button, for the next steps of a flow's outcome and an app's page. */
+export function InstallButton({ app, label, ...look }) {
 	const { busy, install } = useInstall();
 	return /* @__PURE__ */ _jsx(Button, {
+		...look,
 		loading: busy,
 		onClick: () => install(app),
 		children: label
@@ -113,13 +114,12 @@ export function InstallButton({ app, label }) {
 function RemoveDialog({ app, name, onClose }) {
 	const action = useAction({
 		toast: "Not removed",
-		refresh: true,
 		leaves: true
 	});
 	const remove = () => void action.run("remove", async () => {
 		await client.apps.remove(app.id);
-		// An outcome in the address belongs to the removed app.
-		history.replaceState(history.state, "", location.pathname);
+		// Up to the Platforms tab, loaded fresh: a copy cached on the way here still lists the app.
+		location.replace(location.pathname.replace(/\/[^/]*$/, ""));
 	});
 	return /* @__PURE__ */ _jsx(ConfirmDialog, {
 		open: true,
@@ -152,6 +152,113 @@ function RemoveDialog({ app, name, onClose }) {
 		onClose
 	});
 }
+/** Asks before the app is uninstalled from `install`'s account on the platform; a refusal links where to do it by hand. */
+function UninstallDialog({ install, name, onClose }) {
+	const [manual, setManual] = useState();
+	const action = useAction({
+		toast: "Not uninstalled",
+		refresh: true,
+		leaves: true
+	});
+	const uninstall = () => void action.run("uninstall", async () => {
+		await client.installations.uninstall(install.id).catch((reason) => {
+			setManual(reason.hint);
+			throw reason;
+		});
+		showToast(`Uninstalled from ${install.account}`, `${install.app} no longer answers there.`, "success");
+	});
+	return /* @__PURE__ */ _jsx(ConfirmDialog, {
+		open: true,
+		title: `Uninstall ${install.app} from ${install.account}?`,
+		body: /* @__PURE__ */ _jsxs(_Fragment, { children: [
+			"The agent stops answering on ",
+			install.account,
+			". Installing again works any time.",
+			manual ? /* @__PURE__ */ _jsxs(_Fragment, { children: [
+				/* @__PURE__ */ _jsx("br", {}),
+				name,
+				" did not uninstall it, so uninstall it",
+				" ",
+				/* @__PURE__ */ _jsxs("a", {
+					class: "link",
+					href: manual,
+					target: "_blank",
+					rel: "noreferrer",
+					children: ["on ", name]
+				}),
+				" ",
+				"instead."
+			] }) : null
+		] }),
+		confirmLabel: "Uninstall",
+		busy: Boolean(action.pending),
+		onConfirm: uninstall,
+		onClose
+	});
+}
+/** Uninstall from one account, asked in its dialog first. */
+export function UninstallButton({ install, name, url }) {
+	// By id: after the refresh this button may stand for the next install.
+	const [asked, setAsked] = useState();
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [url ? /* @__PURE__ */ _jsxs("span", {
+		class: "split",
+		children: [/* @__PURE__ */ _jsxs(Button, {
+			variant: "outline",
+			size: "sm",
+			href: url,
+			external: true,
+			children: ["Manage on ", name]
+		}), /* @__PURE__ */ _jsx(Menu, {
+			button: {
+				variant: "outline",
+				size: "sm",
+				class: "split-more"
+			},
+			label: `More for ${install.account}`,
+			summary: /* @__PURE__ */ _jsx(Icon, { d: iDown }),
+			children: /* @__PURE__ */ _jsx(MenuItem, {
+				icon: iX,
+				title: "Uninstall",
+				danger: true,
+				onClick: () => setAsked(install.id)
+			})
+		})]
+	}) : /* @__PURE__ */ _jsx(Button, {
+		variant: "outline",
+		size: "sm",
+		onClick: () => setAsked(install.id),
+		children: "Uninstall"
+	}), asked === install.id ? /* @__PURE__ */ _jsx(UninstallDialog, {
+		install,
+		name,
+		onClose: () => setAsked(undefined)
+	}) : null] });
+}
+/** Drops a chat link's `name` from the address once the dialog it opened closes. */
+function dropParam(name) {
+	const url = new URL(location.href);
+	url.searchParams.delete(name);
+	history.replaceState(history.state, "", url);
+}
+/** Remove the app, asked in its dialog first; a chat's `?delete=` link opens the dialog. */
+export function RemoveButton({ app, name, asked = false }) {
+	const [open, setOpen] = useState(asked);
+	const close = () => {
+		setOpen(false);
+		dropParam("delete");
+	};
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Button, {
+		variant: "outline",
+		danger: true,
+		size: "sm",
+		onClick: () => setOpen(true),
+		children: "Remove"
+	}), open ? /* @__PURE__ */ _jsx(RemoveDialog, {
+		app,
+		name,
+		onClose: close
+	}) : null] });
+}
 /** An app's create step as a form; the transaction is taken on submit, so a slow trip to the platform never outlives it. */
 export function CreateDialog({ integration, step, start, unreachable, onClose }) {
 	const action = useAction({ leaves: true });
@@ -336,7 +443,7 @@ function WhereDialog({ integration, name, publicApps, organizationApps, unreacha
 	});
 }
 /** What to change on the platform for an app Coder cannot push; values confirmed by hand where the platform cannot be read. */
-function UpdateDialog({ app, name, check, onClose }) {
+export function UpdateDialog({ app, name, check, confirmed, onClose }) {
 	const action = useAction({
 		toast: `${name} app not updated`,
 		leaves: true
@@ -346,7 +453,7 @@ function UpdateDialog({ app, name, check, onClose }) {
 	const confirm = (event) => {
 		const dialog = event.currentTarget.closest("dialog");
 		void action.run("confirm", async () => {
-			await client.apps.update(app.id);
+			await confirmed();
 			dialog.close();
 		});
 	};
@@ -402,6 +509,35 @@ function UpdateDialog({ app, name, check, onClose }) {
 		})] })
 	});
 }
+/** Brings the app up to date: Coder pushes it, or its dialog lists what to change on the platform; a chat's `?update=1` link arrives with `check` read, so the dialog opens at once. */
+export function UpdateButton({ app, name, appUpdate, check: asked }) {
+	const nav = useRouter();
+	const action = useAction({ toast: `${name} app not updated` });
+	const [check, setCheck] = useState(asked);
+	const update = () => appUpdate === "push" ? void action.run("update", async () => {
+		await client.apps.update(app.id);
+		showToast(`${name} app updated`, `${app.name} now matches the agent.`, "success");
+	}, { refresh: true }) : void action.run("update", async () => setCheck(await client.apps.drift(app.id)), { toast: `Not read from ${name}` });
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs(Button, {
+		variant: app.changed ? "primary" : "outline",
+		size: "sm",
+		leftIcon: iUpload,
+		loading: Boolean(action.pending),
+		onClick: update,
+		children: ["Update on ", name]
+	}), check ? /* @__PURE__ */ _jsx(UpdateDialog, {
+		app,
+		name,
+		check,
+		confirmed: () => client.apps.update(app.id),
+		// What the check stored shows on the page.
+		onClose: () => {
+			setCheck(undefined);
+			dropParam("update");
+			nav.refresh();
+		}
+	}) : null] });
+}
 /** The update dialog of each app a publish left needing changes on its platform, one at a time. */
 export function DriftQueue({ apps }) {
 	const nav = useRouter();
@@ -428,6 +564,7 @@ export function DriftQueue({ apps }) {
 		app,
 		name: app.platform,
 		check,
+		confirmed: () => client.apps.update(app.id),
 		onClose: () => open(left.slice(1))
 	}) : null;
 }
@@ -450,17 +587,11 @@ function FailedDialog({ name, issues, title = `Setting up ${name} failed`, text
 		})
 	});
 }
-/** The one next step for a platform, and the rarer ones in its row menu. */
-export function PlatformActions({ integration, name, apps, installed, reinstall, createUrl, create, unreachable, publicApps = false, organizationApps = false, shared = false, appUpdate, split = false, failed }) {
-	const nav = useRouter();
-	const { busy, install } = useInstall();
+/** Creating an app on the platform: who can install it first when the platform lets you pick, then its form or the platform's own. */
+function useCreate({ integration, name, createUrl, create, unreachable, publicApps = false, organizationApps = false }) {
 	const [leaving, setLeaving] = useState(false);
 	const [creating, setCreating] = useState();
 	const [asking, setAsking] = useState(false);
-	const [removing, setRemoving] = useState();
-	const [updating, setUpdating] = useState();
-	const asks = publicApps || organizationApps;
-	const main = apps.find((app) => app.id === reinstall) ?? apps[0];
 	// Creation on the platform: the browser posts the platform's own form, such as GitHub's manifest.
 	const createThere = (state) => {
 		setLeaving(true);
@@ -486,36 +617,54 @@ export function PlatformActions({ integration, name, apps, installed, reinstall,
 		});
 		setAsking(false);
 	}) : createNow(state);
-	const start = () => asks ? setAsking(true) : void begin(createState(createUrl)).catch((reason) => toastError("App not created", reasonText(reason)));
-	const dialog = creating ? /* @__PURE__ */ _jsx(CreateDialog, {
-		integration,
-		step: creating.step,
-		start: () => client.apps.create(integration, creating.state),
-		unreachable,
-		onClose: () => setCreating(undefined)
-	}) : null;
-	const where = asking ? /* @__PURE__ */ _jsx(WhereDialog, {
-		integration,
-		name,
-		publicApps,
-		organizationApps,
-		unreachable,
-		onSubmit: (owner, isPublic) => begin(createState(createUrl, owner, isPublic)),
-		onClose: () => setAsking(false)
-	}) : null;
-	const update = (app) => appUpdate === "push" ? void client.apps.update(app.id).then(() => {
-		showToast(`${name} app updated`, `${app.name} now matches the agent.`, "success");
-		nav.refresh();
-	}).catch((reason) => toastError(`${name} app not updated`, reasonText(reason))) : void client.apps.drift(app.id).then((check) => setUpdating({
-		app,
-		check
-	})).catch((reason) => toastError(`Not read from ${name}`, reasonText(reason)));
-	// Gone once the refreshed list no longer holds the app.
-	const removal = removing && apps.some((app) => app.id === removing.id) ? /* @__PURE__ */ _jsx(RemoveDialog, {
-		app: removing,
-		name,
-		onClose: () => setRemoving(undefined)
-	}) : null;
+	const start = () => publicApps || organizationApps ? setAsking(true) : void begin(createState(createUrl)).catch((reason) => toastError("App not created", reasonText(reason)));
+	return {
+		leaving,
+		start,
+		dialogs: /* @__PURE__ */ _jsxs(_Fragment, { children: [creating ? /* @__PURE__ */ _jsx(CreateDialog, {
+			integration,
+			step: creating.step,
+			start: () => client.apps.create(integration, creating.state),
+			unreachable,
+			onClose: () => setCreating(undefined)
+		}) : null, asking ? /* @__PURE__ */ _jsx(WhereDialog, {
+			integration,
+			name,
+			publicApps,
+			organizationApps,
+			unreachable,
+			onSubmit: (owner, isPublic) => begin(createState(createUrl, owner, isPublic)),
+			onClose: () => setAsking(false)
+		}) : null] })
+	};
+}
+/** Create another app on the platform, a separate one with its own name. */
+export function CreateButton(options) {
+	const { leaving, start, dialogs } = useCreate(options);
+	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs(Button, {
+		variant: "outline",
+		size: "sm",
+		loading: leaving,
+		onClick: start,
+		children: [
+			"Create another ",
+			options.name,
+			" app"
+		]
+	}), dialogs] });
+}
+/** The one next step for a platform; the row menu installs again and ends at each app's page, which lists its installs. */
+export function PlatformActions({ apps, installed, reinstall, shared = false, failed, agent, ...options }) {
+	const params = useParams();
+	const { org } = params;
+	const slug = agent ?? params.slug;
+	// Off the agent's own pages, an app's page leads back to where it was opened.
+	const path = usePathname();
+	const back = path.startsWith(`/dash/${org}/agents/${slug}`) ? undefined : path;
+	const { busy, install } = useInstall();
+	const { leaving, start, dialogs } = useCreate(options);
+	const { integration, name, create } = options;
+	const main = apps.find((app) => app.id === reinstall) ?? apps[0];
 	const failure = failed ? /* @__PURE__ */ _jsx(FailedDialog, {
 		name: failed.name,
 		issues: failed.issues,
@@ -530,36 +679,9 @@ export function PlatformActions({ integration, name, apps, installed, reinstall,
 			onClick: start,
 			children: create && !create.fields.length ? create.submit : "Create app"
 		}),
-		dialog,
-		where,
+		dialogs,
 		failure
 	] });
-	// Installing is the only action: a plain button, or the split shape with a disabled caret when other rows' Install has a menu.
-	if (shared && !installed && apps.length === 1) {
-		const installButton = /* @__PURE__ */ _jsx(Button, {
-			size: "sm",
-			loading: busy,
-			onClick: () => install(main.id),
-			children: reinstall ? "Reinstall" : "Install"
-		});
-		return /* @__PURE__ */ _jsxs(_Fragment, { children: [
-			split ? /* @__PURE__ */ _jsxs("span", {
-				class: "split",
-				children: [installButton, /* @__PURE__ */ _jsx("span", {
-					class: "menu",
-					children: /* @__PURE__ */ _jsx(Button, {
-						size: "sm",
-						class: "split-more",
-						disabled: true,
-						"aria-label": "No more actions",
-						children: /* @__PURE__ */ _jsx(Icon, { d: iDown })
-					})
-				})]
-			}) : installButton,
-			where,
-			failure
-		] });
-	}
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
 		/* @__PURE__ */ _jsxs("span", {
 			class: "split",
@@ -573,55 +695,33 @@ export function PlatformActions({ integration, name, apps, installed, reinstall,
 					size: "sm",
 					class: "split-more"
 				},
-				label: `More for ${integration}`,
+				label: `More for ${name}`,
 				wide: true,
 				summary: /* @__PURE__ */ _jsx(Icon, { d: installed ? iDots : iDown }),
-				children: [
-					apps.map((app) => {
-						// The main button already installs this app.
-						if (!installed && app === main) return null;
-						const named = apps.length > 1 ? ` ${app.name}` : "";
-						return /* @__PURE__ */ _jsx(MenuItem, {
-							icon: iPlus,
-							title: installed ? `Install${named} on another account` : `Install${named}`,
-							sub: shared ? `Any ${name} account can add it.` : `Any ${name} account if the app is public, else only the account that owns it.`,
-							onClick: () => install(app.id)
-						}, app.id);
-					}),
-					shared ? null : /* @__PURE__ */ _jsx(MenuItem, {
-						icon: iSpark,
-						onClick: start,
-						title: `Create another ${name} app`,
-						sub: "A separate app with its own name."
-					}),
-					shared || !appUpdate ? null : apps.map((app) => /* @__PURE__ */ _jsx(MenuItem, {
-						icon: iUpload,
-						title: apps.length > 1 ? `Update ${app.name} on ${name}` : `Update on ${name}`,
-						sub: app.changed ? "Changed since last update" : undefined,
-						onClick: () => update(app)
-					}, `update ${app.id}`)),
-					shared ? null : apps.map((app) => /* @__PURE__ */ _jsx(MenuItem, {
-						icon: iX,
-						title: `Remove ${app.name}`,
-						danger: true,
-						onClick: () => setRemoving(app)
-					}, `remove ${app.id}`))
-				]
+				children: [apps.map((app) => {
+					// The main button already installs this app.
+					if (!installed && app === main) return null;
+					const named = apps.length > 1 ? ` ${app.name}` : "";
+					return /* @__PURE__ */ _jsx(MenuItem, {
+						icon: iPlus,
+						title: installed ? `Install${named} on another account` : `Install${named}`,
+						sub: shared ? `Any ${name} account can add it.` : `Any ${name} account if the app is public, else only the account that owns it.`,
+						onClick: () => install(app.id)
+					}, app.id);
+				}), apps.map((app) => /* @__PURE__ */ _jsx(MenuLink, {
+					icon: iSliders,
+					href: "/dash/[org]/agents/[slug]/platforms/[app]",
+					params: {
+						org,
+						slug,
+						app: app.id
+					},
+					search: back ? { back } : undefined,
+					children: apps.length > 1 ? `Manage ${app.name}` : "Manage app"
+				}, `manage ${app.id}`))]
 			})]
 		}),
-		dialog,
-		where,
-		removal,
-		failure,
-		updating ? /* @__PURE__ */ _jsx(UpdateDialog, {
-			app: updating.app,
-			name,
-			check: updating.check,
-			// What the check stored shows in the row menu.
-			onClose: () => {
-				setUpdating(undefined);
-				nav.refresh();
-			}
-		}) : null
+		dialogs,
+		failure
 	] });
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/platform-state.6b6132518ca61635.js

@@ -0,0 +1,21 @@
+/** An agent's step on one platform from its apps and installs. */
+export function stepOf(id, apps, installations, createUrl) {
+	const own = apps.filter((app) => app.integration === id);
+	const installs = installations.filter((entry) => own.some((app) => app.id === entry.app));
+	const live = installs.filter((entry) => !entry.uninstalled);
+	return {
+		id,
+		apps: own.map((app) => ({
+			id: app.id,
+			name: app.name
+		})),
+		live: live.map((entry) => ({
+			id: entry.id,
+			app: own.find((app) => app.id === entry.app).name,
+			account: entry.account.login
+		})),
+		gone: live.length ? undefined : installs[0]?.app,
+		createUrl
+	};
+}
+export const reachOf = (step) => !step.apps.length ? "none" : step.live.length ? "installed" : "created";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/platform-step.d6a980d1181dc940.js

@@ -0,0 +1,82 @@
+"use client";
+import "./platform-step.a722e3b8539a0f85.css.pnext-asset.js";
+import { reachOf } from "./platform-state.6b6132518ca61635.js";
+import { Badge } from "../../../../../../../comps/ui/badge.9f63fd615cf0ee22.js";
+import { LinkButton } from "../../../../../../../comps/ui/button.b62fa52e18fa338b.js";
+import { InfoTip } from "../../../../../../../comps/ui/menu.7f558c7c6f6345d5.js";
+import { PlatformActions } from "./platform-actions.7c8c75bd0c05df4a.js";
+import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
+const REACH_BADGE = {
+	installed: {
+		tone: "ok",
+		label: "installed"
+	},
+	created: {
+		tone: "warn",
+		label: "app created"
+	},
+	none: { label: "not set up" }
+};
+/** A platform's next step for an agent, the same on its Platforms tab and on Connections: set up the server's shared app, create the agent's own, install it, or manage its installs. */
+export function PlatformStep({ step, info, org, agent, builtin, operator, unreachable, failed, quiet }) {
+	const { id } = step;
+	const name = info?.name ?? id;
+	const state = reachOf(step);
+	const shared = builtin && info?.builtinApp !== "own";
+	if (!info) return /* @__PURE__ */ _jsxs("span", {
+		class: "plat-step",
+		children: [/* @__PURE__ */ _jsx(Badge, { children: "not offered" }), /* @__PURE__ */ _jsx(InfoTip, {
+			label: `Why ${id} is not offered`,
+			children: /* @__PURE__ */ _jsxs("p", { children: [
+				"This server does not offer ",
+				id,
+				". Remove it from the agent's platforms, or ask whoever runs this server to add it."
+			] })
+		})]
+	});
+	if (shared && !step.apps.length) return /* @__PURE__ */ _jsxs("span", {
+		class: "plat-step",
+		children: [/* @__PURE__ */ _jsx(Badge, { children: REACH_BADGE.none.label }), operator ? /* @__PURE__ */ _jsx(LinkButton, {
+			size: "sm",
+			href: "/dash/[org]/operator",
+			params: { org },
+			search: { setup: id },
+			children: "Set up shared app"
+		}) : /* @__PURE__ */ _jsx(InfoTip, {
+			label: `Why ${name} is not set up`,
+			children: /* @__PURE__ */ _jsxs("p", { children: [
+				"This server has no shared ",
+				name,
+				" app yet. Ask whoever runs this server to add one."
+			] })
+		})]
+	});
+	return /* @__PURE__ */ _jsxs("span", {
+		class: "plat-step",
+		children: [step.gone ? /* @__PURE__ */ _jsx(Badge, {
+			tone: "warn",
+			children: "uninstalled"
+		}) : state === "created" && shared || state === "installed" && quiet ? null : /* @__PURE__ */ _jsx(
+			Badge,
+			// A shared app is never created by this workspace, only installed.
+			{
+				tone: REACH_BADGE[state].tone,
+				children: REACH_BADGE[state].label
+			}
+		), /* @__PURE__ */ _jsx(PlatformActions, {
+			agent,
+			integration: id,
+			name,
+			apps: step.apps,
+			installed: step.live.length > 0,
+			reinstall: step.gone,
+			createUrl: step.createUrl,
+			create: info.create,
+			unreachable,
+			publicApps: info.publicApps,
+			organizationApps: info.organizationApps,
+			shared,
+			failed
+		})]
+	});
+}