@wular/coder 0.4.9 → 0.4.10

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/{page.e2e23101c05b9548.js → page.19fe116c0f802cb1.js}

@@ -1,29 +1,33 @@
 import "./page.1a97b8d4b955c464.css.pnext-asset.js";
+import { Fragment } from "../../../../../../../../../../../node_modules/preact/dist/preact.mjs";
 import { dynamic } from "../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { formatDay, zoneOf } from "../../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { Button, LinkButton } from "../../../../../../comps/ui/button.983daea9e687fc5d.js";
-import { load, orgOf } from "../../../../../../api/load.4f942c7f68b2e273.js";
-import { Card, Empty } from "../../../../../../comps/ui/card.c08471eaa0bc1cec.js";
-import { Settle } from "../../../../../../comps/frame/stream.1cc355a530dcc5e3.js";
-import { loadAgent } from "../../../../../../api/load.4f942c7f68b2e273.js";
-import { editableAgent } from "../../../../../../api/types.9f59e6c761d6aac4.js";
-import { LIST_PAGE } from "../../../../../../utils/paged.18f5872fc5aebe96.js";
-import { ENGINE_NAMES, defaultLabel } from "../../../settings/model-options.2eacf7f8ac0032df.js";
-import { DEFAULT_ENGINE } from "../../../../../../../../core/defaults.e6ce0944639198a2.js";
-import { NeedsCredential } from "../../../tasks/composer.fdad306647cbaa59.js";
+import { formatDay, zoneOf } from "../../../../../../utils/format.ceeaafa10a0563f3.js";
+import { Button, LinkButton } from "../../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
+import { load, orgOf } from "../../../../../../api/load.7ae462ef36271be8.js";
+import { Card, Empty } from "../../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Settle } from "../../../../../../comps/frame/stream.95a2468086aceb84.js";
+import { loadAgent } from "../../../../../../api/load.7ae462ef36271be8.js";
+import { editableAgent } from "../../../../../../api/types.79f9092cdb5a00d1.js";
+import { LIST_PAGE } from "../../../../../../utils/paged.0e54c3044f8ca567.js";
+import { defaultLabel } from "../../../settings/model-options.a96c11d11674f598.js";
+import { DEFAULT_ENGINE } from "../../../../../../../../core/defaults.1b615366c56838a1.js";
+import { NeedsCredential } from "../../../tasks/composer.2d4122eb33addbdd.js";
+import { Notice } from "../../../../../../comps/ui/notice.f395f231cbb96445.js";
+import { Icon } from "../../../../../../comps/ui/icon.0874ca2f58f7db14.js";
+import { iAlert } from "../../../../../../comps/ui/icons.e36c72f54750663a.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const VersionsList = dynamic(() => import("./versions-list.23e4131cdf71daa5.js").then((m) => m.VersionsList), {
+const VersionsList = dynamic(() => import("./versions-list.5b97ab6d40e2e639.js").then((m) => m.VersionsList), {
 	load: "visible",
 	ssr: true
 }, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/versions-list.tsx", import.meta.url).pathname),
 	"exportName": "VersionsList",
-	"id": "c-bc7d9bb476"
+	"id": "c-ea1690f607"
 });
-const Instructions = dynamic(() => import("../../agent/instructions.ca0c09d4849bfc30.js").then((m) => m.Instructions), undefined, {
+const Instructions = dynamic(() => import("../../agent/instructions.85b1cd986a9edbb5.js").then((m) => m.Instructions), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/agent/instructions.tsx", import.meta.url).pathname),
 	"exportName": "Instructions",
-	"id": "c-b7ff4ffcff"
+	"id": "c-7a8eccf0ec"
 });
 const KIND = {
 	builtin: "Built-in agent",
@@ -31,12 +35,51 @@ const KIND = {
 	repo: "Repository agent",
 	home: "Local agent"
 };
+/** Why the agent answers no events, and where its definition is fixed. */
+function NotRunning({ agent, org }) {
+	return /* @__PURE__ */ _jsxs(Notice, {
+		tone: "error",
+		children: [
+			/* @__PURE__ */ _jsx(Icon, { d: iAlert }),
+			/* @__PURE__ */ _jsxs("span", {
+				class: "grow",
+				children: ["Not running until its definition is fixed.", agent.problems.map((problem) => /* @__PURE__ */ _jsxs(Fragment, { children: [/* @__PURE__ */ _jsx("br", {}), problem] }, problem))]
+			}),
+			editableAgent(agent) ? /* @__PURE__ */ _jsx(LinkButton, {
+				variant: "outline",
+				size: "sm",
+				href: "/dash/[org]/agents/[slug]/edit",
+				params: {
+					org,
+					slug: agent.id
+				},
+				search: { section: "platforms" },
+				children: "Edit"
+			}) : agent.source === "repo" && agent.sourceUrl ? /* @__PURE__ */ _jsx(Button, {
+				variant: "outline",
+				size: "sm",
+				href: agent.sourceUrl,
+				external: true,
+				children: "Open in repository"
+			}) : /* @__PURE__ */ _jsx(LinkButton, {
+				variant: "outline",
+				size: "sm",
+				href: "/dash/[org]/agents/[slug]/settings",
+				params: {
+					org,
+					slug: agent.id
+				},
+				children: "Settings"
+			})
+		]
+	});
+}
 /** Details, instructions and version history: the agent and its versions. */
 function OverviewBody({ agent, org, history, defaults, tz }) {
 	const current = history.items.find((version) => version.version === agent.currentVersion);
 	const definition = agent.definition;
 	const engine = agent.settings?.engine ?? definition?.engine;
-	const base = defaults.engines[engine ?? defaults.engine];
+	const base = engine ? defaults.engines[engine] : undefined;
 	return /* @__PURE__ */ _jsxs(_Fragment, { children: [
 		/* @__PURE__ */ _jsx(Card, {
 			title: "Details",
@@ -44,7 +87,7 @@ function OverviewBody({ agent, org, history, defaults, tz }) {
 				class: "facts body",
 				children: [
 					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Type" }), /* @__PURE__ */ _jsx("dd", { children: agent.local && agent.source === "repo" ? "Repo agent" : agent.local && agent.source === "upload" ? "Local agent" : KIND[agent.source] ?? agent.source })] }),
-					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Engine" }), /* @__PURE__ */ _jsx("dd", { children: engine ?? defaultLabel(ENGINE_NAMES[defaults.engine] ?? defaults.engine) })] }),
+					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Engine" }), /* @__PURE__ */ _jsx("dd", { children: engine ?? defaultLabel("first available engine") })] }),
 					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Model" }), /* @__PURE__ */ _jsx("dd", { children: agent.settings?.model ?? definition?.model ?? defaultLabel(base?.model) })] }),
 					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Effort" }), /* @__PURE__ */ _jsx("dd", { children: agent.settings?.effort ?? definition?.effort ?? defaultLabel(base?.effort) })] }),
 					/* @__PURE__ */ _jsxs("div", { children: [/* @__PURE__ */ _jsx("dt", { children: "Permissions" }), /* @__PURE__ */ _jsx("dd", { children: agent.settings?.permissions ?? definition?.permissions ?? defaultLabel("read-only") })] }),
@@ -110,17 +153,24 @@ export default async function AgentPage({ request, params }) {
 		agent,
 		versions,
 		config
-	]).then(([row, history, shown]) => /* @__PURE__ */ _jsxs(_Fragment, { children: [row.needsModel ? /* @__PURE__ */ _jsx(NeedsCredential, {
-		reason: "Agents need a model credential to run.",
-		label: row.name
-	}) : null, /* @__PURE__ */ _jsx(OverviewBody, {
-		agent: row,
-		org: orgOf(request),
-		history,
-		defaults: {
-			engine: shown?.effective.chain?.[0] ?? DEFAULT_ENGINE,
-			engines: shown?.effective.engines ?? {}
-		},
-		tz
-	})] })) });
+	]).then(([row, history, shown]) => /* @__PURE__ */ _jsxs(_Fragment, { children: [
+		row.problems?.length ? /* @__PURE__ */ _jsx(NotRunning, {
+			agent: row,
+			org: orgOf(request)
+		}) : null,
+		row.needsModel ? /* @__PURE__ */ _jsx(NeedsCredential, {
+			reason: "Agents need a model credential to run.",
+			label: row.name
+		}) : null,
+		/* @__PURE__ */ _jsx(OverviewBody, {
+			agent: row,
+			org: orgOf(request),
+			history,
+			defaults: {
+				engine: shown?.effective.chain?.[0] ?? DEFAULT_ENGINE,
+				engines: shown?.effective.engines ?? {}
+			},
+			tz
+		})
+	] })) });
 }

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/{loading.31d2c13229ae9222.js → loading.4da9e2ba3fea937f.js}

@@ -1,5 +1,5 @@
-import { LoadingCard } from "../../../../../../../comps/frame/loading-card.0c6ac62ff3ccf38a.js";
-import { OrgLink } from "../../../../../../../comps/nav/org.4d84ad0ac340fbe2.js";
+import { LoadingCard } from "../../../../../../../comps/frame/loading-card.cc76fc9708142525.js";
+import { OrgLink } from "../../../../../../../comps/nav/org.572ad93c7707ab27.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
 export const Lead = () => /* @__PURE__ */ _jsxs("p", {
 	class: "tab-lead",

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/{page.11c7b50d6119efe6.js → page.f87fd8eb66f73af0.js}

@@ -1,43 +1,43 @@
-import "./page.3ffef848a0b0dda3.css.pnext-asset.js";
+import "./page.c811938ae8a8f1df.css.pnext-asset.js";
 import { dynamic } from "../../../../../../../../../../../../node_modules/@wular/pnext/src/api/dynamic.tsx";
-import { encodeDefinition, load, orgOf, unwrap } from "../../../../../../../api/load.4f942c7f68b2e273.js";
-import { Card, Empty } from "../../../../../../../comps/ui/card.c08471eaa0bc1cec.js";
-import { Badge, Chips } from "../../../../../../../comps/ui/badge.0851f234f300c694.js";
-import { Button, LinkButton } from "../../../../../../../comps/ui/button.983daea9e687fc5d.js";
+import { encodeDefinition, load, orgOf, unwrap } from "../../../../../../../api/load.7ae462ef36271be8.js";
+import { Card, Empty } from "../../../../../../../comps/ui/card.9f0d45b73bc78b4f.js";
+import { Badge, Chips } from "../../../../../../../comps/ui/badge.c0bc352791a95fd6.js";
+import { Button, LinkButton } from "../../../../../../../comps/ui/button.ce9e6cdb08ca86db.js";
 import { Icon } from "../../../../../../../comps/ui/icon.0874ca2f58f7db14.js";
-import { iAlert } from "../../../../../../../comps/ui/icons.a34176f37808cd66.js";
-import { InfoTip, MoreList } from "../../../../../../../comps/ui/menu.a41edd5cde1c90cf.js";
-import { Settle } from "../../../../../../../comps/frame/stream.1cc355a530dcc5e3.js";
-import { loadAgent } from "../../../../../../../api/load.4f942c7f68b2e273.js";
-import { needsTunnel } from "../../../../../../../api/types.9f59e6c761d6aac4.js";
-import { editableAgent } from "../../../../../../../api/types.9f59e6c761d6aac4.js";
-import { TunnelGuide } from "../../../../settings/tunnel-guide.d6fae1c5d62f2c74.js";
-import { Platform } from "../../../agent/agent-pills.d8e785c45f5410a6.js";
+import { iAlert } from "../../../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { InfoTip, MoreList } from "../../../../../../../comps/ui/menu.ee45bace979944b6.js";
+import { Settle } from "../../../../../../../comps/frame/stream.95a2468086aceb84.js";
+import { loadAgent } from "../../../../../../../api/load.7ae462ef36271be8.js";
+import { needsTunnel } from "../../../../../../../api/types.79f9092cdb5a00d1.js";
+import { editableAgent, eventNames } from "../../../../../../../api/types.79f9092cdb5a00d1.js";
+import { TunnelGuide } from "../../../../settings/tunnel-guide.29eee1a0b1852168.js";
+import { Platform } from "../../../agent/agent-pills.f987c12bcbc5c850.js";
 import { outcomeName, outcomeText, outcomeTitle, readOutcome, succeeded } from "../../../../setup/outcome.cbbc8cd1bbbee01b.js";
-import { ConnectionsLine, Lead } from "./loading.31d2c13229ae9222.js";
+import { ConnectionsLine, Lead } from "./loading.4da9e2ba3fea937f.js";
 import { Notice } from "../../../../../../../comps/ui/notice.f395f231cbb96445.js";
-import { NeedsCredential } from "../../../../tasks/composer.fdad306647cbaa59.js";
-import { CredentialsLink } from "../../../../../../../comps/nav/back.5681714d0cf45454.js";
+import { NeedsCredential } from "../../../../tasks/composer.2d4122eb33addbdd.js";
+import { CredentialsLink } from "../../../../../../../comps/nav/back.180765bdadf6d602.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const PlatformActions = dynamic(() => import("./platform-actions.92ac7aa258e706a4.js").then((m) => m.PlatformActions), undefined, {
+const PlatformActions = dynamic(() => import("./platform-actions.b6c3d3184e167d0b.js").then((m) => m.PlatformActions), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/platform-actions.tsx", import.meta.url).pathname),
 	"exportName": "PlatformActions",
-	"id": "c-03f11cffed"
+	"id": "c-fd0b2bf905"
 });
-const InstallButton = dynamic(() => import("./platform-actions.92ac7aa258e706a4.js").then((m) => m.InstallButton), undefined, {
+const InstallButton = dynamic(() => import("./platform-actions.b6c3d3184e167d0b.js").then((m) => m.InstallButton), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/platform-actions.tsx", import.meta.url).pathname),
 	"exportName": "InstallButton",
-	"id": "c-721796115f"
+	"id": "c-b9398b7203"
 });
-const DriftQueue = dynamic(() => import("./platform-actions.92ac7aa258e706a4.js").then((m) => m.DriftQueue), undefined, {
+const DriftQueue = dynamic(() => import("./platform-actions.b6c3d3184e167d0b.js").then((m) => m.DriftQueue), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/platform-actions.tsx", import.meta.url).pathname),
 	"exportName": "DriftQueue",
-	"id": "c-7962c6ea4c"
+	"id": "c-3a2fe78e07"
 });
-const OutcomeDialog = dynamic(() => import("../../../../setup/outcome-dialog.4debc1a8c644df4b.js").then((m) => m.OutcomeDialog), undefined, {
+const OutcomeDialog = dynamic(() => import("../../../../setup/outcome-dialog.894c73f9abee3ce1.js").then((m) => m.OutcomeDialog), undefined, {
 	"file": decodeURIComponent(new URL("../../../../../../../../../../../../../../../src/server/dash/app/dash/[org]/setup/outcome-dialog.tsx", import.meta.url).pathname),
 	"exportName": "OutcomeDialog",
-	"id": "c-4f567968af"
+	"id": "c-7fe5b3c3c8"
 });
 /** Outcomes the person fixes by installing again. */
 const RETRY = new Set([
@@ -47,7 +47,6 @@ const RETRY = new Set([
 	"missing-code",
 	"failed"
 ]);
-const eventNames = (events) => Array.isArray(events) ? events.map(String) : events && typeof events === "object" ? Object.keys(events) : [];
 const REACH_BADGE = {
 	installed: {
 		tone: "ok",
@@ -62,6 +61,7 @@ const REACH_BADGE = {
 /** One row per platform: what wakes it, its access, the app, where it is installed, and the next step. */
 function Platforms({ agent, org, apps, installations, catalog, operator = false, failed, issues }) {
 	const declared = agent.definition?.integrations ?? {};
+	const readOnly = agent.definition?.access === "read" || agent.settings?.access === "read";
 	const ids = Object.keys(declared).sort();
 	if (!ids.length) return /* @__PURE__ */ _jsx(Empty, {
 		title: "This agent listens nowhere yet",
@@ -114,10 +114,12 @@ function Platforms({ agent, org, apps, installations, catalog, operator = false,
 					const info = catalog.find((entry) => entry.id === id);
 					const own = apps.filter((app) => app.integration === id);
 					const installs = installations.filter((entry) => own.some((app) => app.id === entry.app));
-					const state = !own.length ? "none" : installs.length ? "installed" : "created";
+					const live = installs.filter((entry) => !entry.uninstalled);
+					const state = !own.length ? "none" : live.length ? "installed" : "created";
+					// Every install was removed on the platform; Reinstall puts the first back.
+					const gone = live.length ? undefined : installs[0];
 					const narrowed = agent.settings?.integrations?.[id];
 					const events = narrowed?.allowedEvents ?? eventNames(declared[id]?.events);
-					const tools = narrowed?.allowedTools ?? declared[id]?.tools;
 					const place = (entry) => /* @__PURE__ */ _jsxs("span", {
 						class: "inst",
 						children: [entry.account.url ? /* @__PURE__ */ _jsx("a", {
@@ -128,6 +130,7 @@ function Platforms({ agent, org, apps, installations, catalog, operator = false,
 						}) : /* @__PURE__ */ _jsx("b", { children: entry.account.login }), /* @__PURE__ */ _jsx("span", {
 							class: "sub",
 							children: [
+								entry.uninstalled && "uninstalled",
 								entry.account.type?.toLowerCase(),
 								entry.covers && `${entry.covers.length} ${info?.covered ?? "account"}${entry.covers.length === 1 ? "" : "s"}`,
 								[
@@ -147,7 +150,7 @@ function Platforms({ agent, org, apps, installations, catalog, operator = false,
 						/* @__PURE__ */ _jsx("td", { children: /* @__PURE__ */ _jsx(Chips, { values: events }) }),
 						/* @__PURE__ */ _jsx("td", {
 							class: "muted",
-							children: typeof tools === "string" ? tools : Array.isArray(tools) ? `${tools.length} tools` : "observe"
+							children: readOnly ? "Read-only" : "Read-write"
 						}),
 						/* @__PURE__ */ _jsx("td", { children: own.length ? own.map((app) => /* @__PURE__ */ _jsxs("span", {
 							class: "inst",
@@ -193,7 +196,10 @@ function Platforms({ agent, org, apps, installations, catalog, operator = false,
 									info?.name ?? id,
 									" app yet. Ask whoever runs this server to add one."
 								] })
-							})] }) : /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Badge, {
+							})] }) : /* @__PURE__ */ _jsxs(_Fragment, { children: [gone ? /* @__PURE__ */ _jsx(Badge, {
+								tone: "warn",
+								children: "uninstalled"
+							}) : /* @__PURE__ */ _jsx(Badge, {
 								tone: REACH_BADGE[state].tone,
 								children: REACH_BADGE[state].label
 							}), /* @__PURE__ */ _jsx(PlatformActions, {
@@ -205,7 +211,8 @@ function Platforms({ agent, org, apps, installations, catalog, operator = false,
 									settingsUrl: app.settingsUrl,
 									changed: app.changed
 								})),
-								installed: installs.length > 0,
+								installed: live.length > 0,
+								reinstall: gone?.app,
 								createUrl: createUrl(id),
 								create: info?.create,
 								unreachable: catalog.some((entry) => entry.unreachable),

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/app/dash/[org]/agents/[slug]/(tabs)/platforms/{platform-actions.92ac7aa258e706a4.js → platform-actions.b6c3d3184e167d0b.js}

@@ -1,21 +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.d25e6dcc6704eb60.js";
-import { useAction } from "../../../../../../../utils/action.1a6356d5b722cafb.js";
-import { iAlert, iDots, iDown, iOut, iPlus, iSpark, iSteer, iUpload, iX } from "../../../../../../../comps/ui/icons.a34176f37808cd66.js";
-import { Modal } from "../../../../../../../comps/ui/modal.b5f74ebf59590fa6.js";
-import { reasonText } from "../../../../../../../utils/format.6a7d1beaf4d09d9c.js";
-import { ConfirmDialog } from "../../../../../../../comps/ui/confirm.53edc755945b0563.js";
-import { Badge } from "../../../../../../../comps/ui/badge.0851f234f300c694.js";
-import { Button } from "../../../../../../../comps/ui/button.983daea9e687fc5d.js";
-import { CopyButton, CopyLine } from "../../../../../../../comps/ui/copy.0b23d7dc05757df5.js";
+import { client } from "../../../../../../../utils/client.189224c16057d7a1.js";
+import { useAction } from "../../../../../../../utils/action.968bcab0f5e3665d.js";
+import { iDots, iDown, iOut, iPlus, iSpark, iSteer, iUpload, iX } from "../../../../../../../comps/ui/icons.e36c72f54750663a.js";
+import { Modal } from "../../../../../../../comps/ui/modal.25d53e5b41b9c4e5.js";
+import { reasonText } from "../../../../../../../utils/format.ceeaafa10a0563f3.js";
+import { ConfirmDialog } from "../../../../../../../comps/ui/confirm.c1281f9b12854210.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 { 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 } from "../../../../../../../comps/ui/menu-items.a8e580a0c90631ff.js";
+import { Menu } from "../../../../../../../comps/ui/menu.ee45bace979944b6.js";
+import { MenuItem } from "../../../../../../../comps/ui/menu-items.1d082ac4dae8f3d4.js";
 import { Segmented } from "../../../../../../../comps/ui/segmented.a08dc08338d080e9.js";
-import { showToast, toastError } from "../../../../../../../comps/frame/task-toasts.63f673632770924d.js";
+import { Select } from "../../../../../../../comps/ui/select.2eb33e5bea28d804.js";
+import { showToast, toastError } from "../../../../../../../comps/frame/task-toasts.e1a484113e1df660.js";
+import { OutcomeDialog } from "../../../../setup/outcome-dialog.894c73f9abee3ce1.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 = {
@@ -40,6 +42,8 @@ const uiNames = (text) => text.split(/\*\*(.+?)\*\*/).map((part, index) => index
 	class: "ui-name",
 	children: part
 }, index) : part);
+/** 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 }) {
 	const form = Object.assign(document.createElement("form"), {
@@ -152,6 +156,26 @@ function RemoveDialog({ app, name, onClose }) {
 export function CreateDialog({ integration, step, start, unreachable, onClose }) {
 	const action = useAction({ leaves: true });
 	const busy = Boolean(action.pending);
+	const intro = useRef(null);
+	const [values, setValues] = useState(() => Object.fromEntries(step.fields.map((field) => [field.name, field.options?.[0]?.value ?? ""])));
+	const shown = ({ when }) => !when || values[when.field] === when.equals;
+	const steps = step.steps.filter(shown);
+	const fields = step.fields.filter(shown);
+	const choose = (name, value) => {
+		// The dialog keeps its top while the form below grows or shrinks.
+		const dialog = intro.current.closest("dialog");
+		if (!dialog.style.marginTop) {
+			const { top } = dialog.getBoundingClientRect();
+			Object.assign(dialog.style, {
+				marginTop: `${top}px`,
+				maxHeight: `calc(100dvh - ${top + 24}px)`
+			});
+		}
+		setValues({
+			...values,
+			[name]: value
+		});
+	};
 	const submit = (event) => {
 		event.preventDefault();
 		const form = event.currentTarget;
@@ -176,10 +200,24 @@ export function CreateDialog({ integration, step, start, unreachable, onClose })
 		children: [
 			unreachable ? /* @__PURE__ */ _jsx(Unreachable, {}) : null,
 			/* @__PURE__ */ _jsx("p", {
+				ref: intro,
 				class: "muted",
 				children: step.intro
 			}),
-			/* @__PURE__ */ _jsxs("div", {
+			fields.filter((field) => field.options).map((field) => /* @__PURE__ */ _jsx(Field, {
+				label: field.label,
+				hint: field.hint,
+				group: true,
+				children: /* @__PURE__ */ _jsx(Select, {
+					label: field.label,
+					name: field.name,
+					options: field.options.map(({ value, label }) => [value, label]),
+					value: values[field.name],
+					onChange: (value) => choose(field.name, value),
+					disabled: busy
+				})
+			}, field.name)),
+			steps.length ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsxs("div", {
 				class: "create-link",
 				children: [/* @__PURE__ */ _jsxs(Button, {
 					variant: "secondary",
@@ -191,10 +229,9 @@ export function CreateDialog({ integration, step, start, unreachable, onClose })
 					value: step.link,
 					label: "Copy link"
 				})]
-			}),
-			/* @__PURE__ */ _jsx("ol", {
+			}), /* @__PURE__ */ _jsx("ol", {
 				class: "create-steps",
-				children: step.steps.map(({ text, link, copy = [] }) => /* @__PURE__ */ _jsxs("li", { children: [
+				children: steps.map(({ text, link, copy = [] }) => /* @__PURE__ */ _jsxs("li", { children: [
 					/* @__PURE__ */ _jsx("p", { children: uiNames(text) }),
 					link && link !== step.link ? /* @__PURE__ */ _jsxs("div", {
 						class: "create-link",
@@ -213,15 +250,16 @@ export function CreateDialog({ integration, step, start, unreachable, onClose })
 						label: "Copy"
 					}, value))
 				] }, text))
-			}),
+			})] }) : null,
 			step.notes?.length ? /* @__PURE__ */ _jsxs("details", {
 				class: "create-more",
 				children: [/* @__PURE__ */ _jsx("summary", { children: "Advanced" }), /* @__PURE__ */ _jsx("ul", { children: step.notes.map((note) => /* @__PURE__ */ _jsx("li", { children: uiNames(note) }, note)) })]
 			}) : null,
-			step.fields.map((field) => /* @__PURE__ */ _jsx(Field, {
+			fields.filter((field) => !field.options).map((field) => /* @__PURE__ */ _jsx(Field, {
 				label: field.label,
 				hint: field.hint ?? (field.required ? undefined : "optional"),
 				children: /* @__PURE__ */ _jsx("input", {
+					ref: field.when ? focusShown : undefined,
 					name: field.name,
 					placeholder: field.placeholder,
 					required: field.required,
@@ -399,33 +437,21 @@ function FailedDialog({ name, issues, title = `Setting up ${name} failed`, text
 		event.currentTarget.closest("dialog").close();
 		onRetry();
 	};
-	return /* @__PURE__ */ _jsx(Modal, {
-		class: "outcome-dialog",
-		tone: "error",
+	return /* @__PURE__ */ _jsx(OutcomeDialog, {
+		ok: false,
 		title,
-		icon: iAlert,
-		cancel: "Close",
+		text,
+		issues,
 		focus: "actions",
-		// A reload must not show it again.
-		onClose: () => history.replaceState(history.state, "", location.pathname),
-		actions: /* @__PURE__ */ _jsxs(_Fragment, { children: [issues ? /* @__PURE__ */ _jsx(Button, {
-			variant: "outline",
-			href: `${issues}?${new URLSearchParams({
-				title,
-				body: text
-			})}`,
-			external: true,
-			children: "Report issue"
-		}) : null, /* @__PURE__ */ _jsx(Button, {
+		children: /* @__PURE__ */ _jsx(Button, {
 			autofocus: true,
 			onClick: retry,
 			children: "Try again"
-		})] }),
-		children: /* @__PURE__ */ _jsx("p", { children: text })
+		})
 	});
 }
 /** The one next step for a platform, and the rarer ones in its row menu. */
-export function PlatformActions({ integration, name, apps, installed, createUrl, create, unreachable, publicApps = false, organizationApps = false, shared = false, appUpdate, failed }) {
+export function PlatformActions({ integration, name, apps, installed, reinstall, createUrl, create, unreachable, publicApps = false, organizationApps = false, shared = false, appUpdate, failed }) {
 	const nav = useRouter();
 	const { busy, install } = useInstall();
 	const [leaving, setLeaving] = useState(false);
@@ -434,6 +460,7 @@ export function PlatformActions({ integration, name, apps, installed, createUrl,
 	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);
@@ -513,8 +540,8 @@ export function PlatformActions({ integration, name, apps, installed, createUrl,
 			children: [installed ? null : /* @__PURE__ */ _jsx(Button, {
 				size: "sm",
 				loading: busy,
-				onClick: () => install(apps[0].id),
-				children: "Install"
+				onClick: () => install(main.id),
+				children: reinstall ? "Reinstall" : "Install"
 			}), /* @__PURE__ */ _jsxs(Menu, {
 				button: installed ? "icon" : {
 					size: "sm",
@@ -525,8 +552,8 @@ export function PlatformActions({ integration, name, apps, installed, createUrl,
 				summary: /* @__PURE__ */ _jsx(Icon, { d: installed ? iDots : iDown }),
 				children: [
 					apps.map((app) => {
-						// The main button already installs the first app.
-						if (!installed && app === apps[0]) return null;
+						// 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,