@knpkv/alchemy-console 0.4.1 → 0.5.0

package/dist/views/index.js

@@ -1,33 +1,307 @@
-import { Button as e, Notice as t, Skeleton as n, Tabs as r, Text as i } from "@knpkv/rly/primitives";
-import { useId as a, useMemo as o, useState as s } from "react";
-import { Icon as c } from "@knpkv/rly/foundations";
-import { DateTime as l, Option as u, Schema as d } from "effect";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/presentation/detail-parts.tsx
-var m = () => /* @__PURE__ */ f("span", {
+import { Button as e, Notice as t, Skeleton as n, StateLabel as r, Tabs as i, Text as a } from "@knpkv/rly/primitives";
+import { DateTime as o, Option as s, Schema as c } from "effect";
+import { useId as l, useMemo as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Icon as h } from "@knpkv/rly/foundations";
+//#region src/presentation/PlanView.tsx
+var g = ({ href: e }) => /* @__PURE__ */ m("a", {
+	className: "ac-detail-link ac-plan-run",
+	href: e,
+	target: "_blank",
+	rel: "noopener noreferrer",
+	"aria-label": "View run on GitHub, opens in a new tab",
+	children: ["View run on GitHub ", /* @__PURE__ */ p("span", {
+		"aria-hidden": "true",
+		children: "↗"
+	})]
+}), _ = (e, t) => {
+	if (t) return `${e.ageDays} days ago`;
+	let n = s.getOrNull(c.decodeUnknownOption(c.DateTimeUtcFromString)(e.publishedAt));
+	if (n === null) return "Unknown";
+	let r = o.format(n, {
+		hour: "2-digit",
+		minute: "2-digit",
+		hourCycle: "h23",
+		timeZone: "UTC",
+		locale: "en-GB"
+	});
+	return e.ageDays === 0 ? `${r} today` : `${o.format(n, {
+		day: "numeric",
+		month: "short",
+		timeZone: "UTC",
+		locale: "en-GB"
+	})} · ${r}`;
+}, v = ({ expired: e = !1, showBase: t = !0, source: n }) => /* @__PURE__ */ m("p", {
+	className: "ac-plan-source",
+	children: [
+		n.pr === null ? null : /* @__PURE__ */ m("span", { children: ["PR #", n.pr] }),
+		/* @__PURE__ */ m("span", { children: ["· head ", n.head] }),
+		t && n.base !== null ? /* @__PURE__ */ m("span", { children: ["· base ", n.base] }) : null,
+		t || e ? /* @__PURE__ */ m("span", { children: ["· published ", _(n, e)] }) : null
+	]
+}), y = ({ children: e }) => /* @__PURE__ */ p("small", {
+	className: "ac-plan-mobile-label",
+	"aria-hidden": "true",
+	children: e
+}), b = ({ plan: e, title: t }) => {
+	let n = l(), i = e.rows.filter((e) => e.action === "update").length, o = e.rows.length - i;
+	return /* @__PURE__ */ m(f, { children: [
+		/* @__PURE__ */ m("div", {
+			className: "ac-plan-heading",
+			children: [
+				/* @__PURE__ */ p(a, {
+					as: "h2",
+					id: n,
+					className: "ac-plan-title",
+					children: t
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "ac-plan-source-row",
+					children: [/* @__PURE__ */ p(v, { source: e.source }), /* @__PURE__ */ p(g, { href: e.source.runHref })]
+				}),
+				/* @__PURE__ */ p("small", {
+					className: "ac-plan-assurance",
+					children: "Published by CI. Plan data was produced by the pull request’s code; this console doesn’t run it."
+				})
+			]
+		}),
+		e.stale === null ? null : /* @__PURE__ */ m("div", {
+			className: "ac-plan-notice",
+			role: "note",
+			children: [/* @__PURE__ */ p("b", { children: "This plan may be out of date" }), /* @__PURE__ */ p("span", {
+				className: "ac-plan-reason",
+				children: e.stale === "base" ? "Its base doesn’t match the latest main commit CI has seen." : e.stale === "failed" ? "A newer plan run failed." : `Published ${e.source.ageDays} ${e.source.ageDays === 1 ? "day" : "days"} ago.`
+			})]
+		}),
+		/* @__PURE__ */ p("div", {
+			className: "ac-plan-summary",
+			children: i === 0 ? "No changes in this plan." : `${i} ${i === 1 ? "update" : "updates"} · ${o} unchanged`
+		}),
+		/* @__PURE__ */ m("table", {
+			role: "table",
+			className: "ac-plan-table",
+			"aria-labelledby": n,
+			children: [/* @__PURE__ */ p("thead", {
+				role: "rowgroup",
+				children: /* @__PURE__ */ m("tr", {
+					role: "row",
+					children: [
+						/* @__PURE__ */ p("th", {
+							role: "columnheader",
+							scope: "col",
+							children: "Resource"
+						}),
+						/* @__PURE__ */ p("th", {
+							role: "columnheader",
+							scope: "col",
+							children: "Type"
+						}),
+						/* @__PURE__ */ p("th", {
+							role: "columnheader",
+							scope: "col",
+							children: "Change"
+						}),
+						/* @__PURE__ */ p("th", {
+							role: "columnheader",
+							scope: "col",
+							children: "Changed properties"
+						})
+					]
+				})
+			}), /* @__PURE__ */ p("tbody", {
+				role: "rowgroup",
+				children: e.rows.map((e) => /* @__PURE__ */ m("tr", {
+					role: "row",
+					children: [
+						/* @__PURE__ */ m("th", {
+							role: "rowheader",
+							scope: "row",
+							children: [/* @__PURE__ */ p(y, { children: "Resource" }), /* @__PURE__ */ p("b", {
+								className: "ac-plan-resource",
+								children: e.fqn
+							})]
+						}),
+						/* @__PURE__ */ m("td", {
+							role: "cell",
+							children: [/* @__PURE__ */ p(y, { children: "Type" }), /* @__PURE__ */ p("span", {
+								className: "ac-plan-type",
+								title: e.resourceType,
+								children: e.resourceType
+							})]
+						}),
+						/* @__PURE__ */ m("td", {
+							role: "cell",
+							children: [/* @__PURE__ */ p(y, { children: "Change" }), /* @__PURE__ */ p("span", { children: /* @__PURE__ */ p(r, {
+								label: e.action === "update" ? "Update" : "No change",
+								tone: e.action === "update" ? "caution" : "neutral",
+								size: "compact"
+							}) })]
+						}),
+						/* @__PURE__ */ m("td", {
+							role: "cell",
+							children: [/* @__PURE__ */ p(y, { children: "Changed properties" }), e.changedKeys.length === 0 ? /* @__PURE__ */ p("span", {
+								className: "ac-plan-muted",
+								"aria-label": "None",
+								children: "—"
+							}) : /* @__PURE__ */ p("span", {
+								className: "ac-plan-keys",
+								children: e.changedKeys.map((e, t) => /* @__PURE__ */ p("code", { children: e }, `${e}-${t}`))
+							})]
+						})
+					]
+				}, e.fqn))
+			})]
+		}),
+		/* @__PURE__ */ m("footer", {
+			className: "ac-plan-footer",
+			children: [/* @__PURE__ */ p("span", { children: "CI publishes property names only; values aren’t shown." }), /* @__PURE__ */ m("span", {
+				className: "ac-plan-digest",
+				children: ["Digest ", e.digest]
+			})]
+		})
+	] });
+}, x = {
+	NotPublished: ["No CI plan for this stack yet.", "A plan appears here after CI plans a pull request that touches this stack."],
+	NotPublishing: ["CI isn’t publishing plans right now.", "Plans resume here once infrastructure CI publishes them again."],
+	NotConnected: ["CI plans aren’t connected for this stack.", "Plans can be shown for stacks that infrastructure CI plans. Set up CI plan reading to see them here."],
+	Expired: ["The latest CI plan has expired.", "CI keeps plans for 14 days. A new one appears after the next pull request plan."],
+	Unverified: ["This CI plan couldn’t be verified, so it isn’t shown.", "Its contents didn’t match what CI recorded."],
+	Unreachable: ["Couldn’t reach CI to read plans.", "No plan is shown until CI can be read."],
+	Refused: ["CI refused access to plans.", "Ask whoever manages this console’s CI access."]
+}, S = ({ onReadAgain: t, state: i }) => {
+	if (i._tag === "Ready") return /* @__PURE__ */ p("section", {
+		className: "ac-plan",
+		"aria-label": "Latest CI plan",
+		children: /* @__PURE__ */ p(b, {
+			plan: i.plan,
+			title: "Latest CI plan"
+		})
+	});
+	if (i._tag === "Loading") return /* @__PURE__ */ m("section", {
+		className: "ac-plan",
+		"aria-label": "Latest CI plan",
+		"aria-busy": "true",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "ac-plan-loading-heading",
+				children: [
+					/* @__PURE__ */ p(a, {
+						as: "h2",
+						className: "ac-plan-title",
+						children: "Latest CI plan"
+					}),
+					/* @__PURE__ */ p(n, {
+						variant: "text",
+						width: "18rem",
+						decorative: !0
+					}),
+					/* @__PURE__ */ p(n, {
+						variant: "text",
+						width: "10rem",
+						decorative: !0
+					})
+				]
+			}),
+			/* @__PURE__ */ p("p", {
+				role: "status",
+				className: "ac-plan-loading-copy",
+				children: "Reading the latest CI plan…"
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "ac-plan-skeletons",
+				children: [
+					1,
+					2,
+					3,
+					4
+				].map((e) => /* @__PURE__ */ p(n, {
+					variant: "block",
+					height: "3.5rem",
+					decorative: !0
+				}, e))
+			})
+		]
+	});
+	if (i._tag === "Failed") return /* @__PURE__ */ m("section", {
+		className: "ac-plan",
+		"aria-label": "Latest CI plan",
+		children: [
+			/* @__PURE__ */ p(a, {
+				as: "h2",
+				className: "ac-plan-title",
+				children: "Latest CI plan"
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "ac-plan-notice ac-plan-failed",
+				role: "status",
+				children: [
+					/* @__PURE__ */ p(r, {
+						label: "Failed",
+						tone: "critical",
+						size: "compact"
+					}),
+					/* @__PURE__ */ p("b", { children: "The latest CI plan run failed." }),
+					/* @__PURE__ */ p(g, { href: i.runHref })
+				]
+			}),
+			i.lastPublished === null ? null : /* @__PURE__ */ p(b, {
+				plan: i.lastPublished,
+				title: "Last published plan"
+			})
+		]
+	});
+	let [o, s] = x[i._tag], c = i._tag === "Expired" || i._tag === "Unverified" ? i.source : null;
+	return /* @__PURE__ */ m("section", {
+		className: "ac-plan",
+		"aria-label": "Latest CI plan",
+		children: [/* @__PURE__ */ p(a, {
+			as: "h2",
+			className: "ac-plan-title",
+			children: "Latest CI plan"
+		}), /* @__PURE__ */ m("div", {
+			className: "ac-plan-empty",
+			role: "status",
+			children: [
+				/* @__PURE__ */ p("h3", { children: o }),
+				/* @__PURE__ */ p("p", { children: s }),
+				c === null ? null : /* @__PURE__ */ p(v, {
+					source: c,
+					expired: i._tag === "Expired",
+					showBase: !1
+				}),
+				i._tag === "Unverified" && c !== null ? /* @__PURE__ */ p(g, { href: c.runHref }) : null,
+				i._tag === "Unreachable" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(e, {
+					variant: "secondary",
+					onClick: t,
+					children: "Retry"
+				}), /* @__PURE__ */ p("small", { children: "Retry reads again. It never runs a plan." })] }) : null
+			]
+		})]
+	});
+}, C = () => /* @__PURE__ */ p("span", {
 	className: "ac-detail-muted",
 	children: "Not available yet"
-}), h = ({ children: e, title: t, unavailable: n = !1 }) => /* @__PURE__ */ p("div", {
+}), w = ({ children: e, title: t, unavailable: n = !1 }) => /* @__PURE__ */ m("div", {
 	className: n ? "ac-detail-panel ac-detail-unavailable" : "ac-detail-panel",
-	children: [/* @__PURE__ */ f(i, {
+	children: [/* @__PURE__ */ p(a, {
 		as: "p",
 		className: "ac-detail-panel-title",
 		children: t
-	}), e === void 0 ? null : /* @__PURE__ */ f(i, {
+	}), e === void 0 ? null : /* @__PURE__ */ p(a, {
 		as: "p",
 		tone: "secondary",
 		children: e
 	})]
-}), g = ({ status: e }) => {
-	if (e === null) return /* @__PURE__ */ f("span", {
+}), T = ({ status: e }) => {
+	if (e === null) return /* @__PURE__ */ p("span", {
 		className: "ac-detail-muted",
 		children: "Unknown"
 	});
 	let t = e === "created" || e === "updated" || e === "replaced";
-	return /* @__PURE__ */ p("span", {
+	return /* @__PURE__ */ m("span", {
 		className: `ac-resource-status ${t ? "ac-resource-success" : e === "failed" ? "ac-resource-failed" : "ac-resource-working"}`,
 		children: [
-			/* @__PURE__ */ f(c, {
+			/* @__PURE__ */ p(h, {
 				name: t ? "check" : e === "failed" ? "alert" : "loader",
 				decorative: !0,
 				size: "small"
@@ -36,18 +310,18 @@ var m = () => /* @__PURE__ */ f("span", {
 			e.slice(1)
 		]
 	});
-}, _ = ({ value: e }) => {
-	let t = u.getOrNull(d.decodeUnknownOption(d.DateTimeUtcFromString)(e));
-	return t === null ? /* @__PURE__ */ f(m, {}) : /* @__PURE__ */ f("time", {
-		dateTime: l.formatIso(t),
+}, E = ({ value: e }) => {
+	let t = s.getOrNull(c.decodeUnknownOption(c.DateTimeUtcFromString)(e));
+	return t === null ? /* @__PURE__ */ p(C, {}) : /* @__PURE__ */ p("time", {
+		dateTime: o.formatIso(t),
 		children: new Intl.DateTimeFormat("en-GB", {
 			day: "numeric",
 			month: "short",
 			hour: "2-digit",
 			minute: "2-digit"
-		}).format(l.toEpochMillis(t))
+		}).format(o.toEpochMillis(t))
 	});
-}, v = ({ resource: e }) => e.consoleUrl === null ? null : /* @__PURE__ */ p("a", {
+}, D = ({ resource: e }) => e.consoleUrl === null ? null : /* @__PURE__ */ m("a", {
 	"data-rly-hit-area": !0,
 	className: "ac-detail-link ac-provider-link",
 	href: e.consoleUrl,
@@ -58,11 +332,11 @@ var m = () => /* @__PURE__ */ f("span", {
 		e.resourceType.startsWith("Cloudflare.") ? "Cloudflare" : "AWS",
 		" console",
 		" ",
-		/* @__PURE__ */ f("span", {
+		/* @__PURE__ */ p("span", {
 			"aria-hidden": "true",
 			children: "↗"
 		}),
-		/* @__PURE__ */ p("span", {
+		/* @__PURE__ */ m("span", {
 			className: "ac-sr-only",
 			children: [
 				" for ",
@@ -71,48 +345,48 @@ var m = () => /* @__PURE__ */ f("span", {
 			]
 		})
 	]
-}), y = ({ copy: t, onReadAgain: r, state: a }) => a._tag === "Loading" ? /* @__PURE__ */ p("div", {
+}), O = ({ copy: t, onReadAgain: r, state: i }) => i._tag === "Loading" ? /* @__PURE__ */ m("div", {
 	"aria-busy": "true",
 	className: "ac-detail-loading",
 	children: [
-		/* @__PURE__ */ f("span", {
+		/* @__PURE__ */ p("span", {
 			className: "ac-sr-only",
 			role: "status",
 			children: "Reading stack state…"
 		}),
-		/* @__PURE__ */ f(n, { className: "ac-detail-title-skeleton" }),
-		/* @__PURE__ */ f(n, {
+		/* @__PURE__ */ p(n, { className: "ac-detail-title-skeleton" }),
+		/* @__PURE__ */ p(n, {
 			variant: "block",
 			className: "ac-detail-body-skeleton"
 		})
 	]
-}) : /* @__PURE__ */ p("section", {
+}) : /* @__PURE__ */ m("section", {
 	className: "ac-state-panel",
 	role: "status",
 	children: [
-		/* @__PURE__ */ f(i, {
+		/* @__PURE__ */ p(a, {
 			as: "h1",
 			className: "ac-state-title",
 			variant: "section-title",
-			children: a._tag === "Unauthorized" ? a.reason === "bootstrap" ? "Sign-in failed or link already used." : `Your ${t.product} session has ended.` : a._tag === "NotFound" ? "This stack is no longer available." : "Stack state is unavailable right now."
+			children: i._tag === "Unauthorized" ? i.reason === "bootstrap" ? "Sign-in failed or link already used." : `Your ${t.product} session has ended.` : i._tag === "NotFound" ? "This stack is no longer available." : "Stack state is unavailable right now."
 		}),
-		/* @__PURE__ */ f(i, {
+		/* @__PURE__ */ p(a, {
 			as: "p",
 			tone: "secondary",
-			children: a._tag === "Unauthorized" ? "Sign in again to see stacks." : a._tag === "NotFound" ? "Return to Stacks and Read again. Nothing was changed." : "The stack state couldn’t be read, so no resources are shown. Nothing was changed."
+			children: i._tag === "Unauthorized" ? "Sign in again to see stacks." : i._tag === "NotFound" ? "Return to Stacks and Read again. Nothing was changed." : "The stack state couldn’t be read, so no resources are shown. Nothing was changed."
 		}),
-		a._tag === "Unauthorized" ? /* @__PURE__ */ f(i, {
+		i._tag === "Unauthorized" ? /* @__PURE__ */ p(a, {
 			as: "p",
 			variant: "meta",
 			tone: "secondary",
 			children: t.signInInstruction
-		}) : a._tag === "Failed" ? /* @__PURE__ */ f(e, {
+		}) : i._tag === "Failed" ? /* @__PURE__ */ p(e, {
 			className: "ac-read",
 			onClick: r,
 			children: "Retry"
 		}) : null
 	]
-}), b = (e) => {
+}), k = (e) => {
 	if (e.length > 5e4 || new Map(e.map((e) => [e.fqn, e])).size !== e.length) return null;
 	let t = new Map(e.map((e) => [e.fqn, []])), n = 0;
 	for (let r of e) {
@@ -124,15 +398,15 @@ var m = () => /* @__PURE__ */ f("span", {
 		}
 	}
 	return t;
-}, x = ({ copy: e, resource: t, resourceHref: n, stack: r, stackHref: a }) => {
-	let s = o(() => b(r.resources), [r.resources])?.get(t.fqn) ?? null;
-	return /* @__PURE__ */ p("div", {
+}, A = ({ copy: e, resource: t, resourceHref: n, stack: r, stackHref: i }) => {
+	let o = u(() => k(r.resources), [r.resources])?.get(t.fqn) ?? null;
+	return /* @__PURE__ */ m("div", {
 		className: "ac-detail ac-resource-detail",
 		children: [
-			/* @__PURE__ */ p("a", {
+			/* @__PURE__ */ m("a", {
 				"data-rly-hit-area": !0,
 				className: "ac-detail-link ac-resource-back",
-				href: a,
+				href: i,
 				children: [
 					"← ",
 					r.app,
@@ -140,86 +414,86 @@ var m = () => /* @__PURE__ */ f("span", {
 					r.stage
 				]
 			}),
-			/* @__PURE__ */ p("header", {
+			/* @__PURE__ */ m("header", {
 				className: "ac-detail-header",
-				children: [/* @__PURE__ */ f(i, {
+				children: [/* @__PURE__ */ p(a, {
 					as: "h1",
 					variant: "page-title",
 					className: "ac-title",
 					children: t.logicalId
-				}), /* @__PURE__ */ f(i, {
+				}), /* @__PURE__ */ p(a, {
 					as: "p",
 					tone: "secondary",
 					children: t.resourceType
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "ac-resource-identity",
 				children: [
-					/* @__PURE__ */ p("dl", {
+					/* @__PURE__ */ m("dl", {
 						className: "ac-identity-table",
 						children: [
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Logical name" }), /* @__PURE__ */ f("dd", { children: t.logicalId })] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Type" }), /* @__PURE__ */ f("dd", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Logical name" }), /* @__PURE__ */ p("dd", { children: t.logicalId })] }),
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Type" }), /* @__PURE__ */ p("dd", {
 								className: "ac-resource-id",
 								children: t.resourceType
 							})] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Physical ID" }), /* @__PURE__ */ f("dd", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Physical ID" }), /* @__PURE__ */ p("dd", {
 								className: "ac-resource-id",
-								children: t.providerId ?? /* @__PURE__ */ f(m, {})
+								children: t.providerId ?? /* @__PURE__ */ p(C, {})
 							})] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Region" }), /* @__PURE__ */ f("dd", { children: t.region ?? /* @__PURE__ */ f(m, {}) })] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Account" }), /* @__PURE__ */ f("dd", {
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Region" }), /* @__PURE__ */ p("dd", { children: t.region ?? /* @__PURE__ */ p(C, {}) })] }),
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Account" }), /* @__PURE__ */ p("dd", {
 								className: "ac-resource-id",
-								children: t.account ?? /* @__PURE__ */ f(m, {})
+								children: t.account ?? /* @__PURE__ */ p(C, {})
 							})] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Status" }), /* @__PURE__ */ f("dd", { children: /* @__PURE__ */ f(g, { status: t.status }) })] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Last updated" }), /* @__PURE__ */ f("dd", { children: /* @__PURE__ */ f(_, { value: t.updatedAt }) })] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Construct" }), /* @__PURE__ */ f("dd", { children: t.parent ?? /* @__PURE__ */ f(m, {}) })] })
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Status" }), /* @__PURE__ */ p("dd", { children: /* @__PURE__ */ p(T, { status: t.status }) })] }),
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Last updated" }), /* @__PURE__ */ p("dd", { children: /* @__PURE__ */ p(E, { value: t.updatedAt }) })] }),
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Construct" }), /* @__PURE__ */ p("dd", { children: t.parent ?? /* @__PURE__ */ p(C, {}) })] })
 						]
 					}),
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ p(a, {
 						as: "p",
 						variant: "meta",
 						tone: "secondary",
 						children: "Identity comes from this resource’s own state and is shown only to the signed-in owner."
 					}),
-					/* @__PURE__ */ f(v, { resource: t })
+					/* @__PURE__ */ p(D, { resource: t })
 				]
 			}),
-			s !== null && s.length > 0 ? /* @__PURE__ */ p("section", {
+			o !== null && o.length > 0 ? /* @__PURE__ */ m("section", {
 				className: "ac-detail-section",
-				children: [/* @__PURE__ */ f(i, {
+				children: [/* @__PURE__ */ p(a, {
 					as: "h2",
 					variant: "section-title",
 					children: "Dependencies"
-				}), /* @__PURE__ */ f("ul", {
+				}), /* @__PURE__ */ p("ul", {
 					className: "ac-dependencies",
-					children: s.map((e) => /* @__PURE__ */ p("li", { children: [/* @__PURE__ */ f("a", {
+					children: o.map((e) => /* @__PURE__ */ m("li", { children: [/* @__PURE__ */ p("a", {
 						"data-rly-hit-area": !0,
 						className: "ac-detail-link ac-resource-name",
 						href: n(e),
 						children: e.logicalId
-					}), /* @__PURE__ */ f("span", {
+					}), /* @__PURE__ */ p("span", {
 						className: "ac-resource-type",
 						children: e.resourceType
 					})] }, e.fqn))
 				})]
 			}) : null,
-			/* @__PURE__ */ p("section", {
+			/* @__PURE__ */ m("section", {
 				className: "ac-detail-section",
-				children: [/* @__PURE__ */ f(i, {
+				children: [/* @__PURE__ */ p(a, {
 					as: "h2",
 					variant: "section-title",
 					children: "Properties"
-				}), /* @__PURE__ */ p(h, {
+				}), /* @__PURE__ */ m(w, {
 					title: "Not available yet",
 					children: [e.product, " shows resource identity only for now. Properties come later."]
 				})]
 			})
 		]
 	});
-}, S = new URL(new URL("empty-state-creature.svg", import.meta.url).href, "" + import.meta.url).href, C = (e) => {
+}, j = new URL(new URL("empty-state-creature.svg", import.meta.url).href, "" + import.meta.url).href, M = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = t.get(n.parent);
@@ -232,44 +506,44 @@ var m = () => /* @__PURE__ */ f("span", {
 		r === void 0 ? e.types.set(n.resourceType, [n]) : r.push(n);
 	}
 	return [...t.values()];
-}, w = ({ app: e, resourceHref: t, resources: n, stage: r }) => {
-	let o = a(), s = C(n);
-	return /* @__PURE__ */ p("section", {
+}, N = ({ app: e, resourceHref: t, resources: n, stage: r }) => {
+	let i = l(), o = M(n);
+	return /* @__PURE__ */ m("section", {
 		className: "ac-detail-section",
-		"aria-labelledby": o,
-		children: [/* @__PURE__ */ p("div", {
+		"aria-labelledby": i,
+		children: [/* @__PURE__ */ m("div", {
 			className: "ac-detail-section-heading",
-			children: [/* @__PURE__ */ f(i, {
+			children: [/* @__PURE__ */ p(a, {
 				as: "h2",
 				variant: "section-title",
-				id: o,
+				id: i,
 				children: "Resources"
-			}), /* @__PURE__ */ p(i, {
+			}), /* @__PURE__ */ m(a, {
 				variant: "meta",
 				tone: "secondary",
 				children: [
 					n.length,
 					" ",
 					n.length === 1 ? "resource" : "resources",
-					s.length === 0 ? "" : ` · ${s.filter((e) => e.parent !== null).length} constructs`
+					o.length === 0 ? "" : ` · ${o.filter((e) => e.parent !== null).length} constructs`
 				]
 			})]
-		}), n.length === 0 ? /* @__PURE__ */ p("div", {
+		}), n.length === 0 ? /* @__PURE__ */ m("div", {
 			className: "ac-detail-panel ac-empty-state",
-			children: [/* @__PURE__ */ f("img", {
+			children: [/* @__PURE__ */ p("img", {
 				className: "ac-empty-state-creature",
-				src: S,
+				src: j,
 				alt: "",
 				"aria-hidden": "true",
 				width: "56",
 				height: "56"
-			}), /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: "ac-empty-state-copy",
-				children: [/* @__PURE__ */ f(i, {
+				children: [/* @__PURE__ */ p(a, {
 					as: "p",
 					className: "ac-detail-panel-title",
 					children: "No resources in state"
-				}), /* @__PURE__ */ p(i, {
+				}), /* @__PURE__ */ m(a, {
 					as: "p",
 					tone: "secondary",
 					children: [
@@ -280,32 +554,32 @@ var m = () => /* @__PURE__ */ f("span", {
 					]
 				})]
 			})]
-		}) : /* @__PURE__ */ f("div", {
+		}) : /* @__PURE__ */ p("div", {
 			className: "ac-resource-tree",
-			children: s.map((e, n) => /* @__PURE__ */ f(T, {
+			children: o.map((e, n) => /* @__PURE__ */ p(P, {
 				construct: e,
-				initiallyOpen: n === 0 || s.length > 2 && n === 1,
+				initiallyOpen: n === 0 || o.length > 2 && n === 1,
 				resourceHref: t
 			}, e.parent ?? ""))
 		})]
 	});
-}, T = ({ construct: e, initiallyOpen: t, resourceHref: n }) => {
-	let [r, i] = s(t);
-	return /* @__PURE__ */ p("details", {
+}, P = ({ construct: e, initiallyOpen: t, resourceHref: n }) => {
+	let [r, i] = d(t);
+	return /* @__PURE__ */ m("details", {
 		open: r,
 		onToggle: (e) => i(e.currentTarget.open),
 		className: "ac-construct",
-		children: [/* @__PURE__ */ p("summary", { children: [
-			/* @__PURE__ */ f(c, {
+		children: [/* @__PURE__ */ m("summary", { children: [
+			/* @__PURE__ */ p(h, {
 				name: r ? "chevron-down" : "chevron-right",
 				decorative: !0,
 				size: "small"
 			}),
-			/* @__PURE__ */ f("span", {
+			/* @__PURE__ */ p("span", {
 				className: "ac-construct-name",
 				children: e.parent ?? "No construct"
 			}),
-			/* @__PURE__ */ p("span", {
+			/* @__PURE__ */ m("span", {
 				className: "ac-construct-count",
 				children: [
 					e.resources.length,
@@ -313,22 +587,22 @@ var m = () => /* @__PURE__ */ f("span", {
 					e.resources.length === 1 ? "resource" : "resources"
 				]
 			})
-		] }), /* @__PURE__ */ f("div", {
+		] }), /* @__PURE__ */ p("div", {
 			className: "ac-construct-types",
-			children: [...e.types].map(([e, t]) => /* @__PURE__ */ p("section", {
+			children: [...e.types].map(([e, t]) => /* @__PURE__ */ m("section", {
 				className: "ac-type-group",
 				"aria-label": e,
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "ac-tree-type",
 					children: [
 						e,
 						" ",
-						/* @__PURE__ */ f("span", { children: t.length })
+						/* @__PURE__ */ p("span", { children: t.length })
 					]
-				}), /* @__PURE__ */ f("ul", { children: t.map((e) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ p("a", {
+				}), /* @__PURE__ */ p("ul", { children: t.map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("a", {
 					href: n(e),
 					className: "ac-tree-resource ac-detail-link",
-					children: [/* @__PURE__ */ f("span", { children: e.logicalId }), /* @__PURE__ */ f(c, {
+					children: [/* @__PURE__ */ p("span", { children: e.logicalId }), /* @__PURE__ */ p(h, {
 						name: "chevron-right",
 						decorative: !0,
 						size: "small"
@@ -337,23 +611,23 @@ var m = () => /* @__PURE__ */ f("span", {
 			}, e))
 		})]
 	});
-}, E = ({ children: e }) => /* @__PURE__ */ f("span", {
+}, F = ({ children: e }) => /* @__PURE__ */ p("span", {
 	className: "ac-detail-mobile-label",
 	"aria-hidden": "true",
 	children: e
-}), D = ({ resourceHref: e, stack: t }) => {
-	let n = a(), r = t.resources.filter((e) => e.status === "failed").length, o = t.resources.filter((e) => e.status === null).length;
-	return /* @__PURE__ */ p("section", {
+}), I = ({ resourceHref: e, stack: t }) => {
+	let n = l(), r = t.resources.filter((e) => e.status === "failed").length, i = t.resources.filter((e) => e.status === null).length;
+	return /* @__PURE__ */ m("section", {
 		className: "ac-detail-section",
 		"aria-labelledby": n,
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: "ac-detail-section-heading",
-			children: [/* @__PURE__ */ f(i, {
+			children: [/* @__PURE__ */ p(a, {
 				as: "h2",
 				variant: "section-title",
 				id: n,
 				children: "Resources"
-			}), t.resources.length > 0 ? /* @__PURE__ */ p(i, {
+			}), t.resources.length > 0 ? /* @__PURE__ */ m(a, {
 				variant: "meta",
 				tone: "secondary",
 				children: [
@@ -361,92 +635,92 @@ var m = () => /* @__PURE__ */ f("span", {
 					" ",
 					t.resources.length === 1 ? "resource" : "resources",
 					r > 0 ? ` · ${r} failed` : "",
-					o > 0 ? ` · ${o} Unknown` : ""
+					i > 0 ? ` · ${i} Unknown` : ""
 				]
 			}) : null]
-		}), t.resources.length === 0 ? /* @__PURE__ */ f(h, {
+		}), t.resources.length === 0 ? /* @__PURE__ */ p(w, {
 			title: "No resources in this stack’s state.",
 			children: "Resources appear here once a deployment records them."
-		}) : /* @__PURE__ */ f("div", {
+		}) : /* @__PURE__ */ p("div", {
 			className: "ac-detail-table-wrap",
-			children: /* @__PURE__ */ p("table", {
+			children: /* @__PURE__ */ m("table", {
 				className: "ac-detail-table ac-resource-table",
 				"aria-labelledby": n,
-				children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", { children: [
-					/* @__PURE__ */ f("th", {
+				children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Logical name"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Type"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Physical ID"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Status"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Last updated"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
-						children: /* @__PURE__ */ f("span", {
+						children: /* @__PURE__ */ p("span", {
 							className: "ac-sr-only",
 							children: "Provider console"
 						})
 					})
-				] }) }), /* @__PURE__ */ f("tbody", { children: t.resources.map((t) => /* @__PURE__ */ p("tr", { children: [
-					/* @__PURE__ */ p("th", {
+				] }) }), /* @__PURE__ */ p("tbody", { children: t.resources.map((t) => /* @__PURE__ */ m("tr", { children: [
+					/* @__PURE__ */ m("th", {
 						scope: "row",
-						children: [/* @__PURE__ */ f(E, { children: "Logical name" }), /* @__PURE__ */ f("a", {
+						children: [/* @__PURE__ */ p(F, { children: "Logical name" }), /* @__PURE__ */ p("a", {
 							"data-rly-hit-area": !0,
 							className: "ac-detail-link ac-resource-name",
 							href: e(t),
 							children: t.logicalId
 						})]
 					}),
-					/* @__PURE__ */ p("td", {
+					/* @__PURE__ */ m("td", {
 						className: "ac-resource-type",
-						children: [/* @__PURE__ */ f(E, { children: "Type" }), t.resourceType]
+						children: [/* @__PURE__ */ p(F, { children: "Type" }), t.resourceType]
 					}),
-					/* @__PURE__ */ p("td", {
+					/* @__PURE__ */ m("td", {
 						className: "ac-resource-id",
-						children: [/* @__PURE__ */ f(E, { children: "Physical ID" }), t.providerId ?? /* @__PURE__ */ f(m, {})]
+						children: [/* @__PURE__ */ p(F, { children: "Physical ID" }), t.providerId ?? /* @__PURE__ */ p(C, {})]
 					}),
-					/* @__PURE__ */ p("td", {
+					/* @__PURE__ */ m("td", {
 						className: "ac-resource-status-cell",
-						children: [/* @__PURE__ */ f(E, { children: "Status" }), /* @__PURE__ */ f(g, { status: t.status })]
+						children: [/* @__PURE__ */ p(F, { children: "Status" }), /* @__PURE__ */ p(T, { status: t.status })]
 					}),
-					/* @__PURE__ */ p("td", {
+					/* @__PURE__ */ m("td", {
 						className: "ac-resource-time",
-						children: [/* @__PURE__ */ f(E, { children: "Last updated" }), /* @__PURE__ */ f(_, { value: t.updatedAt })]
+						children: [/* @__PURE__ */ p(F, { children: "Last updated" }), /* @__PURE__ */ p(E, { value: t.updatedAt })]
 					}),
-					/* @__PURE__ */ f("td", {
+					/* @__PURE__ */ p("td", {
 						className: "ac-resource-console",
-						children: /* @__PURE__ */ f(v, { resource: t })
+						children: /* @__PURE__ */ p(D, { resource: t })
 					})
 				] }, t.fqn)) })]
 			})
 		})]
 	});
-}, O = ({ outputs: e }) => {
-	let t = a(), n = e?.filter((e) => e.value._tag === "Hidden").length ?? 0;
-	return /* @__PURE__ */ p("section", {
+}, L = ({ outputs: e }) => {
+	let t = l(), n = e?.filter((e) => e.value._tag === "Hidden").length ?? 0;
+	return /* @__PURE__ */ m("section", {
 		className: "ac-detail-section",
 		"aria-labelledby": t,
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: "ac-detail-section-heading",
-			children: [/* @__PURE__ */ f(i, {
+			children: [/* @__PURE__ */ p(a, {
 				as: "h2",
 				variant: "section-title",
 				id: t,
 				children: "Outputs"
-			}), e !== null && e.length > 0 ? /* @__PURE__ */ p(i, {
+			}), e !== null && e.length > 0 ? /* @__PURE__ */ m(a, {
 				variant: "meta",
 				tone: "secondary",
 				children: [
@@ -458,134 +732,143 @@ var m = () => /* @__PURE__ */ f("span", {
 					" hidden"
 				]
 			}) : null]
-		}), e === null ? /* @__PURE__ */ f(h, {
+		}), e === null ? /* @__PURE__ */ p(w, {
 			title: "Not available yet",
 			unavailable: !0,
 			children: "The outputs in this stack’s state can’t be read yet."
-		}) : e.length === 0 ? /* @__PURE__ */ f(h, { title: "This stack has no outputs." }) : /* @__PURE__ */ f("div", {
+		}) : e.length === 0 ? /* @__PURE__ */ p(w, { title: "This stack has no outputs." }) : /* @__PURE__ */ p("div", {
 			className: "ac-detail-table-wrap",
-			children: /* @__PURE__ */ p("table", {
+			children: /* @__PURE__ */ m("table", {
 				className: "ac-detail-table ac-output-table",
 				"aria-labelledby": t,
-				children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", { children: [
-					/* @__PURE__ */ f("th", {
+				children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Key"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Value"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Description"
 					})
-				] }) }), /* @__PURE__ */ f("tbody", { children: e.map((e) => /* @__PURE__ */ p("tr", { children: [
-					/* @__PURE__ */ p("th", {
+				] }) }), /* @__PURE__ */ p("tbody", { children: e.map((e) => /* @__PURE__ */ m("tr", { children: [
+					/* @__PURE__ */ m("th", {
 						scope: "row",
-						children: [/* @__PURE__ */ f(E, { children: "Key" }), /* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ p(F, { children: "Key" }), /* @__PURE__ */ p("span", {
 							className: "ac-output-key",
 							children: e.key
 						})]
 					}),
-					/* @__PURE__ */ p("td", { children: [/* @__PURE__ */ f(E, { children: "Value" }), e.value._tag === "Hidden" ? /* @__PURE__ */ f("span", {
+					/* @__PURE__ */ m("td", { children: [/* @__PURE__ */ p(F, { children: "Value" }), e.value._tag === "Hidden" ? /* @__PURE__ */ p("span", {
 						className: "ac-detail-muted",
 						children: "Hidden"
-					}) : /* @__PURE__ */ f("span", {
+					}) : /* @__PURE__ */ p("span", {
 						className: "ac-output-value",
 						children: e.value.text
 					})] }),
-					/* @__PURE__ */ p("td", {
+					/* @__PURE__ */ m("td", {
 						className: "ac-detail-muted",
-						children: [/* @__PURE__ */ f(E, { children: "Description" }), e.description ?? /* @__PURE__ */ f(m, {})]
+						children: [/* @__PURE__ */ p(F, { children: "Description" }), e.description ?? /* @__PURE__ */ p(C, {})]
 					})
 				] }, e.key)) })]
 			})
 		})]
 	});
-}, k = ({ copy: e, onReadAgain: t, onTabChange: n, resourceHref: a, state: o, tab: s }) => {
-	if (o._tag !== "Ready") return /* @__PURE__ */ f("div", {
+}, R = ({ copy: e, onReadAgain: t, onReadPlanAgain: n, onTabChange: r, planState: o = { _tag: "NotConnected" }, resourceHref: s, state: c, tab: l }) => {
+	if (c._tag !== "Ready") return /* @__PURE__ */ p("div", {
 		className: "ac-detail",
-		children: /* @__PURE__ */ f(y, {
-			state: o,
+		children: /* @__PURE__ */ p(O, {
+			state: c,
 			copy: e,
 			onReadAgain: t
 		})
 	});
-	let c = o.stack;
-	return /* @__PURE__ */ p("div", {
+	let u = c.stack;
+	return /* @__PURE__ */ m("div", {
 		className: "ac-detail",
+		"data-plan": l === "plan" ? "true" : void 0,
 		children: [
-			/* @__PURE__ */ p("header", {
+			/* @__PURE__ */ m("header", {
 				className: "ac-detail-header",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "ac-detail-title-row",
-					children: [/* @__PURE__ */ f(i, {
+					children: [/* @__PURE__ */ p(a, {
 						as: "h1",
 						variant: "page-title",
 						className: "ac-title",
-						children: c.app
-					}), /* @__PURE__ */ f("span", {
+						children: u.app
+					}), /* @__PURE__ */ p("span", {
 						className: "ac-stage-badge",
-						children: c.stage
+						children: u.stage
 					})]
-				}), /* @__PURE__ */ f(i, {
+				}), /* @__PURE__ */ p(a, {
 					as: "p",
 					tone: "secondary",
 					className: "ac-description",
 					children: "Infrastructure state. Read-only."
 				})]
 			}),
-			/* @__PURE__ */ p("dl", {
+			/* @__PURE__ */ m("dl", {
 				className: "ac-stack-metadata",
 				children: [
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Region" }), /* @__PURE__ */ f("dd", { children: "Unknown" })] }),
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Backend" }), /* @__PURE__ */ f("dd", { children: c.backend === "s3" ? "State bucket" : "Local" })] }),
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Alchemy version" }), /* @__PURE__ */ f("dd", {
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Region" }), /* @__PURE__ */ p("dd", { children: "Unknown" })] }),
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Backend" }), /* @__PURE__ */ p("dd", { children: u.backend === "s3" ? "State bucket" : "Local" })] }),
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Alchemy version" }), /* @__PURE__ */ p("dd", {
 						className: "ac-resource-id",
-						children: c.alchemyVersion ?? "Unknown"
+						children: u.alchemyVersion ?? "Unknown"
 					})] }),
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "Last deploy" }), /* @__PURE__ */ f("dd", { children: c.lastDeploy === null ? "Unknown" : /* @__PURE__ */ f(_, { value: c.lastDeploy }) })] })
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "Last deploy" }), /* @__PURE__ */ p("dd", { children: u.lastDeploy === null ? "Unknown" : /* @__PURE__ */ p(E, { value: u.lastDeploy }) })] })
 				]
 			}),
-			/* @__PURE__ */ f(r, {
+			/* @__PURE__ */ p(i, {
 				className: "ac-detail-tabs",
 				"aria-label": "Stack state",
 				size: "large",
-				value: s,
+				value: l,
 				"data-mobile-layout": "single-row",
 				onValueChange: (e) => {
-					(e === "resources" || e === "outputs" || e === "state") && n(e);
+					(e === "resources" || e === "outputs" || e === "state" || e === "plan") && r(e);
 				},
 				items: [
 					{
 						value: "resources",
 						label: "Resources",
-						content: /* @__PURE__ */ f(D, {
-							stack: c,
-							resourceHref: a
+						content: /* @__PURE__ */ p(I, {
+							stack: u,
+							resourceHref: s
 						})
 					},
 					{
 						value: "outputs",
 						label: "Outputs",
-						content: /* @__PURE__ */ f(O, { outputs: c.outputs })
+						content: /* @__PURE__ */ p(L, { outputs: u.outputs })
 					},
 					{
 						value: "state",
 						label: "State",
-						content: /* @__PURE__ */ f(w, {
-							app: c.app,
-							stage: c.stage,
-							resources: c.resources,
-							resourceHref: a
+						content: /* @__PURE__ */ p(N, {
+							app: u.app,
+							stage: u.stage,
+							resources: u.resources,
+							resourceHref: s
+						})
+					},
+					{
+						value: "plan",
+						label: "Plan",
+						content: /* @__PURE__ */ p(S, {
+							state: o,
+							onReadAgain: n ?? t
 						})
 					}
 				]
 			})
 		]
 	});
-}, A = new URL(new URL("empty-creature.svg", import.meta.url).href, "" + import.meta.url).href, j = (e) => e.source === "s3" ? e.reason === "denied" ? {
+}, z = new URL(new URL("empty-creature.svg", import.meta.url).href, "" + import.meta.url).href, B = (e) => e.source === "s3" ? e.reason === "denied" ? {
 	tone: "critical",
 	title: "State bucket access denied.",
 	body: "Discovery is incomplete — stacks that could be read are listed.",
@@ -605,32 +888,32 @@ var m = () => /* @__PURE__ */ f("span", {
 	title: "Local discovery is incomplete.",
 	body: "A local state file couldn’t be read, so some local stacks may be missing. The stacks below were read normally.",
 	hint: "Discovery only reads state; it doesn’t repair it. Check local state, then Read again."
-}, M = ({ issue: e }) => {
-	let n = j(e);
-	return /* @__PURE__ */ p(t, {
+}, V = ({ issue: e }) => {
+	let n = B(e);
+	return /* @__PURE__ */ m(t, {
 		className: "ac-notice",
 		tone: n.tone,
-		children: [/* @__PURE__ */ p("p", { children: [
-			/* @__PURE__ */ f("strong", { children: n.title }),
+		children: [/* @__PURE__ */ m("p", { children: [
+			/* @__PURE__ */ p("strong", { children: n.title }),
 			" ",
 			n.body
-		] }), /* @__PURE__ */ f("p", {
+		] }), /* @__PURE__ */ p("p", {
 			className: "ac-notice-hint",
 			children: n.hint
 		})]
 	});
-}, N = ({ app: e, stackHref: t, stacks: n }) => {
-	let r = a();
-	return /* @__PURE__ */ p("section", {
+}, H = ({ app: e, stackHref: t, stacks: n }) => {
+	let r = l();
+	return /* @__PURE__ */ m("section", {
 		className: "ac-group",
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: "ac-group-heading",
-			children: [/* @__PURE__ */ f(i, {
+			children: [/* @__PURE__ */ p(a, {
 				as: "h2",
 				id: r,
 				variant: "section-title",
 				children: e
-			}), /* @__PURE__ */ p(i, {
+			}), /* @__PURE__ */ m(a, {
 				variant: "meta",
 				tone: "secondary",
 				children: [
@@ -639,72 +922,72 @@ var m = () => /* @__PURE__ */ f("span", {
 					n.length === 1 ? "stage" : "stages"
 				]
 			})]
-		}), /* @__PURE__ */ f("div", {
+		}), /* @__PURE__ */ p("div", {
 			className: "ac-table-wrap",
-			children: /* @__PURE__ */ p("table", {
+			children: /* @__PURE__ */ m("table", {
 				className: "ac-table",
 				"aria-labelledby": r,
-				children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", { children: [
-					/* @__PURE__ */ f("th", {
+				children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Stage"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Backend"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Alchemy"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Last deploy"
 					}),
-					/* @__PURE__ */ f("th", {
+					/* @__PURE__ */ p("th", {
 						scope: "col",
 						children: "Resources"
 					})
-				] }) }), /* @__PURE__ */ f("tbody", { children: n.map((n) => /* @__PURE__ */ p("tr", { children: [
-					/* @__PURE__ */ f("th", {
+				] }) }), /* @__PURE__ */ p("tbody", { children: n.map((n) => /* @__PURE__ */ m("tr", { children: [
+					/* @__PURE__ */ p("th", {
 						scope: "row",
-						children: t === void 0 ? /* @__PURE__ */ p("span", {
+						children: t === void 0 ? /* @__PURE__ */ m("span", {
 							className: "ac-stage",
-							children: [/* @__PURE__ */ p("span", {
+							children: [/* @__PURE__ */ m("span", {
 								className: "ac-sr-only",
 								children: [e, " "]
 							}), n.stage]
-						}) : /* @__PURE__ */ p("a", {
+						}) : /* @__PURE__ */ m("a", {
 							className: "ac-stage ac-list-link",
 							"data-rly-hit-area": !0,
 							href: t(n),
-							children: [/* @__PURE__ */ p("span", {
+							children: [/* @__PURE__ */ m("span", {
 								className: "ac-sr-only",
 								children: [e, " "]
 							}), n.stage]
 						})
 					}),
-					/* @__PURE__ */ p("td", { children: [/* @__PURE__ */ f("span", {
+					/* @__PURE__ */ m("td", { children: [/* @__PURE__ */ p("span", {
 						className: "ac-sr-only",
 						children: "Backend: "
 					}), n.backend === "s3" ? "State bucket" : "Local"] }),
-					/* @__PURE__ */ p("td", {
+					/* @__PURE__ */ m("td", {
 						className: "ac-version",
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ p("span", {
 							className: "ac-mobile-label",
 							children: "Alchemy "
 						}), n.alchemyVersion ?? "Unknown"]
 					}),
-					/* @__PURE__ */ p("td", { children: [/* @__PURE__ */ f("span", {
+					/* @__PURE__ */ m("td", { children: [/* @__PURE__ */ p("span", {
 						className: "ac-mobile-label",
 						children: "Last deploy "
 					}), n.lastDeploy ?? "Unknown"] }),
-					/* @__PURE__ */ p("td", {
+					/* @__PURE__ */ m("td", {
 						className: t === void 0 ? void 0 : "ac-list-count",
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ p("span", {
 							className: "ac-mobile-label",
 							children: "Resources "
-						}), n.resourceCount === null ? "Unknown" : t === void 0 ? n.resourceCount : /* @__PURE__ */ f("a", {
+						}), n.resourceCount === null ? "Unknown" : t === void 0 ? n.resourceCount : /* @__PURE__ */ p("a", {
 							className: "ac-list-link",
 							"data-rly-hit-area": !0,
 							href: t(n),
@@ -716,81 +999,81 @@ var m = () => /* @__PURE__ */ f("span", {
 			})
 		})]
 	});
-}, P = () => /* @__PURE__ */ f("div", {
+}, U = () => /* @__PURE__ */ p("div", {
 	className: "ac-skeletons",
 	"aria-hidden": "true",
 	children: [
 		"first",
 		"second",
 		"third"
-	].map((e) => /* @__PURE__ */ p("div", {
+	].map((e) => /* @__PURE__ */ m("div", {
 		className: `ac-skeleton-group ac-skeleton-${e}`,
-		children: [/* @__PURE__ */ f(n, { className: "ac-skeleton-heading" }), /* @__PURE__ */ f(n, {
+		children: [/* @__PURE__ */ p(n, { className: "ac-skeleton-heading" }), /* @__PURE__ */ p(n, {
 			className: "ac-skeleton-body",
 			variant: "block"
 		})]
 	}, e))
-}), F = ({ copy: t, onReadAgain: n, stackHref: r, state: o }) => {
-	let s = a(), l = o._tag === "Ready" && o.list.stacks.length === 0 && o.list.issues.length === 0, u = o._tag === "Ready" ? o.list.issues.filter((e, t, n) => n.findIndex((t) => t.source === e.source && t.reason === e.reason) === t) : [], d = o._tag === "Ready" ? [...new Set(o.list.stacks.map((e) => e.app))].sort() : [], m = o._tag === "Loading" ? "Looking in local state and the state bucket…" : o._tag === "Ready" ? u.length > 0 ? `${o.list.stacks.length} stacks found · discovery incomplete` : `${o.list.stacks.length} ${o.list.stacks.length === 1 ? "stack" : "stacks"} · ${d.length} ${d.length === 1 ? "app" : "apps"}` : o._tag === "Unauthorized" ? o.reason === "bootstrap" ? "Sign-in failed or link already used." : `Your ${t.product} session has ended.` : "Stacks are unavailable right now.";
-	return /* @__PURE__ */ p("div", {
+}), W = ({ copy: t, onReadAgain: n, stackHref: r, state: i }) => {
+	let o = l(), s = i._tag === "Ready" && i.list.stacks.length === 0 && i.list.issues.length === 0, c = i._tag === "Ready" ? i.list.issues.filter((e, t, n) => n.findIndex((t) => t.source === e.source && t.reason === e.reason) === t) : [], u = i._tag === "Ready" ? [...new Set(i.list.stacks.map((e) => e.app))].sort() : [], d = i._tag === "Loading" ? "Looking in local state and the state bucket…" : i._tag === "Ready" ? c.length > 0 ? `${i.list.stacks.length} stacks found · discovery incomplete` : `${i.list.stacks.length} ${i.list.stacks.length === 1 ? "stack" : "stacks"} · ${u.length} ${u.length === 1 ? "app" : "apps"}` : i._tag === "Unauthorized" ? i.reason === "bootstrap" ? "Sign-in failed or link already used." : `Your ${t.product} session has ended.` : "Stacks are unavailable right now.";
+	return /* @__PURE__ */ m("div", {
 		className: "ac-stacks",
 		children: [
-			/* @__PURE__ */ p("header", {
+			/* @__PURE__ */ m("header", {
 				className: "ac-list-header",
-				children: [/* @__PURE__ */ f(i, {
+				children: [/* @__PURE__ */ p(a, {
 					as: "h1",
 					className: "ac-title",
 					variant: "page-title",
 					children: "Stacks"
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "ac-list-lead",
-					children: [/* @__PURE__ */ f(i, {
+					children: [/* @__PURE__ */ p(a, {
 						as: "p",
 						className: "ac-description",
 						tone: "secondary",
 						children: "Infrastructure state from local discovery and the state bucket. Read-only."
-					}), l || o._tag === "Unauthorized" || o._tag === "Failed" ? null : /* @__PURE__ */ f(e, {
+					}), s || i._tag === "Unauthorized" || i._tag === "Failed" ? null : /* @__PURE__ */ p(e, {
 						className: "ac-read",
-						disabled: o._tag === "Loading",
+						disabled: i._tag === "Loading",
 						onClick: n,
-						children: o._tag === "Loading" ? "Reading…" : "Read again"
+						children: i._tag === "Loading" ? "Reading…" : "Read again"
 					})]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "ac-sr-only",
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: m
+				children: d
 			}),
-			u.map((e) => /* @__PURE__ */ f(M, { issue: e }, `${e.source}-${e.reason}`)),
-			o._tag === "Unauthorized" ? /* @__PURE__ */ p("section", {
+			c.map((e) => /* @__PURE__ */ p(V, { issue: e }, `${e.source}-${e.reason}`)),
+			i._tag === "Unauthorized" ? /* @__PURE__ */ m("section", {
 				className: "ac-state-panel",
-				"aria-labelledby": s,
+				"aria-labelledby": o,
 				children: [
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "ac-state-label ac-state-caution",
-						children: [/* @__PURE__ */ f(c, {
+						children: [/* @__PURE__ */ p(h, {
 							name: "alert",
 							size: "small",
 							decorative: !0
-						}), /* @__PURE__ */ f("span", { children: o.reason === "bootstrap" ? "Sign-in failed" : "Signed out" })]
+						}), /* @__PURE__ */ p("span", { children: i.reason === "bootstrap" ? "Sign-in failed" : "Signed out" })]
 					}),
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ p(a, {
 						as: "h2",
-						id: s,
+						id: o,
 						className: "ac-state-title",
 						variant: "section-title",
-						children: o.reason === "bootstrap" ? "Sign-in failed or link already used." : `Your ${t.product} session has ended.`
+						children: i.reason === "bootstrap" ? "Sign-in failed or link already used." : `Your ${t.product} session has ended.`
 					}),
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ p(a, {
 						as: "p",
 						className: "ac-state-body",
 						tone: "secondary",
 						children: "Sign in again to see stacks."
 					}),
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ p(a, {
 						as: "p",
 						className: "ac-state-instruction",
 						variant: "meta",
@@ -798,93 +1081,93 @@ var m = () => /* @__PURE__ */ f("span", {
 						children: t.signInInstruction
 					})
 				]
-			}) : o._tag === "Failed" ? /* @__PURE__ */ p("section", {
+			}) : i._tag === "Failed" ? /* @__PURE__ */ m("section", {
 				className: "ac-state-panel",
-				"aria-labelledby": s,
+				"aria-labelledby": o,
 				children: [
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "ac-state-label ac-state-critical",
-						children: [/* @__PURE__ */ f(c, {
+						children: [/* @__PURE__ */ p(h, {
 							name: "alert",
 							size: "small",
 							decorative: !0
-						}), /* @__PURE__ */ f("span", { children: "Unavailable" })]
+						}), /* @__PURE__ */ p("span", { children: "Unavailable" })]
 					}),
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ p(a, {
 						as: "h2",
-						id: s,
+						id: o,
 						className: "ac-state-title",
 						variant: "section-title",
 						children: "Stacks are unavailable right now."
 					}),
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ p(a, {
 						as: "p",
 						className: "ac-state-body",
 						tone: "secondary",
 						children: "The stack list couldn’t be read, so no stacks are shown. Nothing was changed."
 					}),
-					/* @__PURE__ */ f(e, {
+					/* @__PURE__ */ p(e, {
 						className: "ac-read",
 						onClick: n,
 						children: "Retry"
 					})
 				]
-			}) : l ? /* @__PURE__ */ p("div", {
+			}) : s ? /* @__PURE__ */ m("div", {
 				className: "ac-empty",
 				children: [
-					/* @__PURE__ */ f("img", {
+					/* @__PURE__ */ p("img", {
 						className: "ac-empty-creature",
-						src: A,
+						src: z,
 						alt: "",
 						width: "88",
 						height: "88"
 					}),
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ p(a, {
 						as: "h2",
 						className: "ac-empty-title",
 						variant: "section-title",
 						children: "No stacks found in local state or the state bucket."
 					}),
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ p(a, {
 						as: "p",
 						className: "ac-empty-description",
 						tone: "secondary",
 						children: "Local discovery and the state bucket returned no stack state."
 					}),
-					/* @__PURE__ */ f(e, {
+					/* @__PURE__ */ p(e, {
 						className: "ac-read",
 						onClick: n,
 						children: "Read again"
 					}),
-					/* @__PURE__ */ p(i, {
+					/* @__PURE__ */ m(a, {
 						as: "p",
 						className: "ac-empty-foot",
 						variant: "meta",
 						tone: "secondary",
 						children: [
 							"Checked ",
-							o.checkedAt,
+							i.checkedAt,
 							" · stacks appear here after their first deployment from the CLI."
 						]
 					})
 				]
-			}) : /* @__PURE__ */ p("div", {
+			}) : /* @__PURE__ */ m("div", {
 				className: "ac-results",
-				"aria-busy": o._tag === "Loading",
+				"aria-busy": i._tag === "Loading",
 				children: [
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ p(a, {
 						as: "p",
 						className: "ac-summary",
 						variant: "meta",
 						tone: "secondary",
-						children: m
+						children: d
 					}),
-					o._tag === "Loading" ? /* @__PURE__ */ f(P, {}) : o._tag === "Ready" ? d.map((e) => /* @__PURE__ */ f(N, {
+					i._tag === "Loading" ? /* @__PURE__ */ p(U, {}) : i._tag === "Ready" ? u.map((e) => /* @__PURE__ */ p(H, {
 						app: e,
-						stacks: o.list.stacks.filter((t) => t.app === e),
+						stacks: i.list.stacks.filter((t) => t.app === e),
 						stackHref: r
 					}, e)) : null,
-					o._tag === "Ready" && o.list.stacks.length === 0 ? /* @__PURE__ */ f(i, {
+					i._tag === "Ready" && i.list.stacks.length === 0 ? /* @__PURE__ */ p(a, {
 						as: "p",
 						tone: "secondary",
 						children: "No stacks could be read. Discovery is incomplete."
@@ -895,4 +1178,4 @@ var m = () => /* @__PURE__ */ f("span", {
 	});
 };
 //#endregion
-export { x as ResourceDetailView, k as StackDetailView, F as StackListView };
+export { S as PlanView, A as ResourceDetailView, R as StackDetailView, W as StackListView };