@storyshelf/app 0.6.2 → 0.8.0

package/dist/pages/compute-jobs.mjs

@@ -3,14 +3,20 @@ import "node:url";
 import.meta.url;
 import { getStore } from "../store.mjs";
 import { Button } from "../ui/buttons.mjs";
-import { Alert, Badge, EmptyState, Meta, statusTone } from "../ui/feedback.mjs";
+import { Badge, EmptyState, Meta, statusTone } from "../ui/feedback.mjs";
 import { Card, PageHeader, SectionTitle } from "../ui/layout.mjs";
 import { HStack } from "../ui/stacks.mjs";
 import { Table } from "../ui/table.mjs";
 import { DocumentLayout } from "../ui/document.mjs";
 import { BuildModel, ProjectModel } from "@storyshelf/core/models";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/compute-jobs.tsx
+// src/pages/compute-jobs.tsx
+/** Build statuses the retry button of the jobs table offers. */
+const RETRYABLE = /* @__PURE__ */ new Set([
+	"failed",
+	"cancelled",
+	"pending"
+]);
 /** Live-refreshing partial showing the currently queued and running captures. */
 function renderActiveQueue(slug, queueView) {
 	return /* @__PURE__ */ jsxs(Card, {
@@ -44,21 +50,12 @@ function renderActiveQueue(slug, queueView) {
 		] }, job.buildId)) })] }) })]
 	});
 }
-/**
-* A `capturing` build the in-process queue no longer tracks was cut short by a
-* restart. Remote queues are invisible to the server, so nothing is flagged there.
-*/
-function isStuckCapture(status, tracked, inProcessQueue) {
-	return inProcessQueue && status === "capturing" && !tracked;
-}
 /** Compute jobs page: live capture queue plus recent build history with retry. */
-async function renderComputeJobsPage(slug, queueView, canRetry, inProcessQueue = false) {
+async function renderComputeJobsPage(slug, queueView, canRetry) {
 	const project = (await new ProjectModel(getStore().db).list()).find((item) => item.slug === slug);
 	if (!project) return null;
 	const recentBuilds = (await new BuildModel(getStore().db).list(project.id)).slice(0, 20);
 	const queueByBuild = new Map(queueView.map((job) => [job.buildId, job]));
-	const stuck = (id, status) => isStuckCapture(status, queueByBuild.has(id), inProcessQueue);
-	const stuckCount = recentBuilds.filter((build) => stuck(build.id, build.status)).length;
 	return /* @__PURE__ */ jsxs(DocumentLayout, {
 		title: `${project.name} · Compute jobs`,
 		nav: {
@@ -76,23 +73,13 @@ async function renderComputeJobsPage(slug, queueView, canRetry, inProcessQueue =
 					children: "Back to builds"
 				})
 			}),
-			stuckCount > 0 ? /* @__PURE__ */ jsxs(Alert, {
-				tone: "warning",
-				title: "Interrupted captures",
-				children: [
-					stuckCount,
-					" build",
-					stuckCount === 1 ? " was" : "s were",
-					" still capturing when the server restarted. On startup an interrupted build is requeued once; if it is interrupted again it is marked failed so a crash loop cannot repeat captures. Retry a build to run it again."
-				]
-			}) : null,
 			renderActiveQueue(project.slug, queueView),
 			/* @__PURE__ */ jsxs(Card, { children: [
 				/* @__PURE__ */ jsx(SectionTitle, { children: "Recent builds" }),
 				/* @__PURE__ */ jsxs(Meta, { children: [
 					"Capture history for ",
 					project.name,
-					". Failed and interrupted jobs can be retried."
+					". Failed jobs can be retried."
 				] }),
 				/* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
 					/* @__PURE__ */ jsx("th", { children: "Branch" }),
@@ -110,8 +97,8 @@ async function renderComputeJobsPage(slug, queueView, canRetry, inProcessQueue =
 						children: build.gitSha.slice(0, 7)
 					})] }),
 					/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
-						tone: stuck(build.id, build.status) ? "warning" : statusTone(build.status),
-						children: stuck(build.id, build.status) ? "interrupted" : build.status
+						tone: statusTone(build.status),
+						children: build.status
 					}) }),
 					/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs(Meta, {
 						as: "span",
@@ -135,7 +122,7 @@ async function renderComputeJobsPage(slug, queueView, canRetry, inProcessQueue =
 								size: "sm",
 								href: `/projects/${project.slug}/builds/${build.id}`,
 								children: "View"
-							}), canRetry && (build.status === "failed" || build.status === "pending" || stuck(build.id, build.status)) ? /* @__PURE__ */ jsx("form", {
+							}), canRetry && RETRYABLE.has(build.status) ? /* @__PURE__ */ jsx("form", {
 								method: "post",
 								action: `/api/v1/projects/${project.slug}/builds/${build.id}/retry`,
 								"hx-post": `/api/v1/projects/${project.slug}/builds/${build.id}/retry`,
@@ -159,7 +146,6 @@ async function renderComputeJobsPage(slug, queueView, canRetry, inProcessQueue =
 		]
 	});
 }
-//#endregion
-export { isStuckCapture, renderActiveQueue, renderComputeJobsPage };
+export { renderActiveQueue, renderComputeJobsPage };
 
 //# sourceMappingURL=compute-jobs.mjs.map

package/dist/pages/compute-jobs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"compute-jobs.mjs","names":[],"sources":["../../src/pages/compute-jobs.tsx"],"sourcesContent":["import { BuildModel } from \"@storyshelf/core/models\";\nimport { ProjectModel } from \"@storyshelf/core/models\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { getStore } from \"../store.ts\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  EmptyState,\n  HStack,\n  Meta,\n  PageHeader,\n  SectionTitle,\n  Table,\n  statusTone,\n} from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\ninterface QueueView {\n  buildId: string;\n  status: string;\n  queuedAt: string;\n  startedAt?: string;\n  finishedAt?: string;\n  error?: string;\n}\n\n/** Live-refreshing partial showing the currently queued and running captures. */\nexport function renderActiveQueue(slug: string, queueView: QueueView[]): RenderedContent {\n  return (\n    <Card\n      id=\"active-queue\"\n      hx-get={`/projects/${slug}/jobs?partial=queue`}\n      hx-trigger=\"every 5s\"\n      hx-swap=\"outerHTML\"\n      hx-target=\"#active-queue\"\n    >\n      <SectionTitle>Active queue</SectionTitle>\n      {queueView.length === 0 ? (\n        <Meta>No captures are currently queued or running.</Meta>\n      ) : (\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Build</th>\n                <th>Status</th>\n                <th>Queued</th>\n                <th>Started</th>\n              </tr>\n            </thead>\n            <tbody>\n              {queueView.map((job): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={job.buildId}>\n                  <td>\n                    <a href={`/projects/${slug}/builds/${job.buildId}`}>\n                      {job.buildId.slice(0, 8)}\n                    </a>\n                  </td>\n                  <td>\n                    <Badge tone={statusTone(job.status)}>{job.status}</Badge>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">{new Date(job.queuedAt).toLocaleTimeString()}</Meta>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">\n                      {job.startedAt ? new Date(job.startedAt).toLocaleTimeString() : \"—\"}\n                    </Meta>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </Table>\n      )}\n    </Card>\n  );\n}\n\n/**\n * A `capturing` build the in-process queue no longer tracks was cut short by a\n * restart. Remote queues are invisible to the server, so nothing is flagged there.\n */\nexport function isStuckCapture(status: string, tracked: boolean, inProcessQueue: boolean): boolean {\n  return inProcessQueue && status === \"capturing\" && !tracked;\n}\n\n/** Compute jobs page: live capture queue plus recent build history with retry. */\nexport async function renderComputeJobsPage(\n  slug: string,\n  queueView: QueueView[],\n  canRetry: boolean,\n  inProcessQueue = false,\n): Promise<RenderedContent | null> {\n  const projects = await new ProjectModel(getStore().db).list();\n  const project = projects.find((item) => item.slug === slug);\n  if (!project) {\n    return null;\n  }\n  const builds = await new BuildModel(getStore().db).list(project.id);\n  const recentBuilds = builds.slice(0, 20);\n  const queueByBuild = new Map(queueView.map((job) => [job.buildId, job]));\n  const stuck = (id: string, status: string): boolean =>\n    isStuckCapture(status, queueByBuild.has(id), inProcessQueue);\n  const stuckCount = recentBuilds.filter((build) => stuck(build.id, build.status)).length;\n\n  return (\n    <DocumentLayout\n      title={`${project.name} · Compute jobs`}\n      nav={{ active: \"jobs\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Compute jobs\"\n        description=\"Capture jobs run on this server. Queued and running jobs refresh live; recent history is below.\"\n        actions={\n          <Button variant=\"secondary\" href={`/projects/${project.slug}/builds`}>\n            Back to builds\n          </Button>\n        }\n      />\n\n      {stuckCount > 0 ? (\n        <Alert tone=\"warning\" title=\"Interrupted captures\">\n          {stuckCount} build{stuckCount === 1 ? \" was\" : \"s were\"} still capturing when the server\n          restarted. On startup an interrupted build is requeued once; if it is interrupted again it\n          is marked failed so a crash loop cannot repeat captures. Retry a build to run it again.\n        </Alert>\n      ) : null}\n\n      {renderActiveQueue(project.slug, queueView)}\n\n      <Card>\n        <SectionTitle>Recent builds</SectionTitle>\n        <Meta>Capture history for {project.name}. Failed and interrupted jobs can be retried.</Meta>\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Branch</th>\n                <th>Status</th>\n                <th>Snapshots</th>\n                <th>Created</th>\n                <th>\n                  <span class=\"visually-hidden\">Actions</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {recentBuilds.map((build): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={build.id}>\n                  <td>\n                    <strong>{build.gitBranch}</strong>\n                    <Meta as=\"div\" mono>\n                      {build.gitSha.slice(0, 7)}\n                    </Meta>\n                  </td>\n                  <td>\n                    <Badge\n                      tone={stuck(build.id, build.status) ? \"warning\" : statusTone(build.status)}\n                    >\n                      {stuck(build.id, build.status) ? \"interrupted\" : build.status}\n                    </Badge>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">\n                      {build.snapshotCount} total · {build.changedCount} changed\n                    </Meta>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">{new Date(build.createdAt).toLocaleString()}</Meta>\n                  </td>\n                  <td class=\"nowrap\">\n                    <HStack wrap={false}>\n                      <Button\n                        variant=\"secondary\"\n                        size=\"sm\"\n                        href={`/projects/${project.slug}/builds/${build.id}`}\n                      >\n                        View\n                      </Button>\n                      {canRetry &&\n                      (build.status === \"failed\" ||\n                        build.status === \"pending\" ||\n                        stuck(build.id, build.status)) ? (\n                        <form\n                          method=\"post\"\n                          action={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`}\n                          hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`}\n                          hx-target=\"body\"\n                        >\n                          <Button variant=\"ghost\" size=\"sm\" type=\"submit\">\n                            Retry\n                          </Button>\n                        </form>\n                      ) : null}\n                    </HStack>\n                    {queueByBuild.get(build.id)?.error ? (\n                      <Meta as=\"div\" tone=\"danger\">\n                        {queueByBuild.get(build.id)?.error}\n                      </Meta>\n                    ) : null}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </Table>\n        {recentBuilds.length === 0 ? <EmptyState description=\"No builds yet.\" /> : null}\n      </Card>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"compute-jobs.mjs","names":[],"sources":["../../src/pages/compute-jobs.tsx"],"sourcesContent":["import { BuildModel } from \"@storyshelf/core/models\";\nimport { ProjectModel } from \"@storyshelf/core/models\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { getStore } from \"../store.ts\";\nimport {\n  Badge,\n  Button,\n  Card,\n  EmptyState,\n  HStack,\n  Meta,\n  PageHeader,\n  SectionTitle,\n  Table,\n  statusTone,\n} from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\n/** Build statuses the retry button of the jobs table offers. */\nconst RETRYABLE: ReadonlySet<string> = new Set([\"failed\", \"cancelled\", \"pending\"]);\n\ninterface QueueView {\n  buildId: string;\n  status: string;\n  queuedAt: string;\n  startedAt?: string;\n  finishedAt?: string;\n  error?: string;\n}\n\n/** Live-refreshing partial showing the currently queued and running captures. */\nexport function renderActiveQueue(slug: string, queueView: QueueView[]): RenderedContent {\n  return (\n    <Card\n      id=\"active-queue\"\n      hx-get={`/projects/${slug}/jobs?partial=queue`}\n      hx-trigger=\"every 5s\"\n      hx-swap=\"outerHTML\"\n      hx-target=\"#active-queue\"\n    >\n      <SectionTitle>Active queue</SectionTitle>\n      {queueView.length === 0 ? (\n        <Meta>No captures are currently queued or running.</Meta>\n      ) : (\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Build</th>\n                <th>Status</th>\n                <th>Queued</th>\n                <th>Started</th>\n              </tr>\n            </thead>\n            <tbody>\n              {queueView.map((job): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={job.buildId}>\n                  <td>\n                    <a href={`/projects/${slug}/builds/${job.buildId}`}>\n                      {job.buildId.slice(0, 8)}\n                    </a>\n                  </td>\n                  <td>\n                    <Badge tone={statusTone(job.status)}>{job.status}</Badge>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">{new Date(job.queuedAt).toLocaleTimeString()}</Meta>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">\n                      {job.startedAt ? new Date(job.startedAt).toLocaleTimeString() : \"—\"}\n                    </Meta>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </Table>\n      )}\n    </Card>\n  );\n}\n\n/** Compute jobs page: live capture queue plus recent build history with retry. */\nexport async function renderComputeJobsPage(\n  slug: string,\n  queueView: QueueView[],\n  canRetry: boolean,\n): Promise<RenderedContent | null> {\n  const projects = await new ProjectModel(getStore().db).list();\n  const project = projects.find((item) => item.slug === slug);\n  if (!project) {\n    return null;\n  }\n  const builds = await new BuildModel(getStore().db).list(project.id);\n  const recentBuilds = builds.slice(0, 20);\n  const queueByBuild = new Map(queueView.map((job) => [job.buildId, job]));\n\n  return (\n    <DocumentLayout\n      title={`${project.name} · Compute jobs`}\n      nav={{ active: \"jobs\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Compute jobs\"\n        description=\"Capture jobs run on this server. Queued and running jobs refresh live; recent history is below.\"\n        actions={\n          <Button variant=\"secondary\" href={`/projects/${project.slug}/builds`}>\n            Back to builds\n          </Button>\n        }\n      />\n\n      {renderActiveQueue(project.slug, queueView)}\n\n      <Card>\n        <SectionTitle>Recent builds</SectionTitle>\n        <Meta>Capture history for {project.name}. Failed jobs can be retried.</Meta>\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Branch</th>\n                <th>Status</th>\n                <th>Snapshots</th>\n                <th>Created</th>\n                <th>\n                  <span class=\"visually-hidden\">Actions</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {recentBuilds.map((build): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={build.id}>\n                  <td>\n                    <strong>{build.gitBranch}</strong>\n                    <Meta as=\"div\" mono>\n                      {build.gitSha.slice(0, 7)}\n                    </Meta>\n                  </td>\n                  <td>\n                    <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">\n                      {build.snapshotCount} total · {build.changedCount} changed\n                    </Meta>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">{new Date(build.createdAt).toLocaleString()}</Meta>\n                  </td>\n                  <td class=\"nowrap\">\n                    <HStack wrap={false}>\n                      <Button\n                        variant=\"secondary\"\n                        size=\"sm\"\n                        href={`/projects/${project.slug}/builds/${build.id}`}\n                      >\n                        View\n                      </Button>\n                      {canRetry && RETRYABLE.has(build.status) ? (\n                        <form\n                          method=\"post\"\n                          action={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`}\n                          hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`}\n                          hx-target=\"body\"\n                        >\n                          <Button variant=\"ghost\" size=\"sm\" type=\"submit\">\n                            Retry\n                          </Button>\n                        </form>\n                      ) : null}\n                    </HStack>\n                    {queueByBuild.get(build.id)?.error ? (\n                      <Meta as=\"div\" tone=\"danger\">\n                        {queueByBuild.get(build.id)?.error}\n                      </Meta>\n                    ) : null}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </Table>\n        {recentBuilds.length === 0 ? <EmptyState description=\"No builds yet.\" /> : null}\n      </Card>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/design-links.mjs

@@ -0,0 +1,181 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Button } from "../ui/buttons.mjs";
+import { Alert, Meta } from "../ui/feedback.mjs";
+import { HStack } from "../ui/stacks.mjs";
+import { Dropdown, DropdownItem } from "../ui/dropdown.mjs";
+import { DesignPreview, DesignReference } from "../ui/design-reference.mjs";
+import { csrfField } from "../ui/csrf-field.mjs";
+import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
+// src/pages/design-links.tsx
+/**
+* Design actions for a component's link(s). A link with a cached render opens a
+* click popover (preview + `Open in <provider>`); others are plain deep links.
+*/
+function DesignButtons(props) {
+	const { urls, providerName, previews, componentHref, size = "sm" } = props;
+	return /* @__PURE__ */ jsx(Fragment, { children: urls.map((url, index) => {
+		const name = providerName(url);
+		const label = urls.length > 1 ? `${name} ${index + 1}` : name;
+		const preview = previews?.get(url);
+		return preview?.renderUrl ? /* @__PURE__ */ jsxs(Dropdown, {
+			label,
+			children: [
+				/* @__PURE__ */ jsx(DesignPreview, {
+					src: preview.renderUrl,
+					name: preview.name,
+					providerName: name
+				}),
+				/* @__PURE__ */ jsxs(DropdownItem, {
+					href: url,
+					icon: "external-link",
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: ["Open in ", name]
+				}),
+				componentHref ? /* @__PURE__ */ jsx(DropdownItem, {
+					href: componentHref,
+					children: "View component →"
+				}) : null
+			]
+		}, url) : /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size,
+			icon: "external-link",
+			href: url,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: label
+		}, url);
+	}) });
+}
+/** Reference panes (cached renders) for the review page, shown under the diff stage. */
+function DesignReferences(props) {
+	return /* @__PURE__ */ jsx(Fragment, { children: props.items.map((item) => item.renderUrl ? /* @__PURE__ */ jsx(DesignReference, {
+		src: item.renderUrl,
+		name: item.name,
+		href: item.url,
+		providerName: item.providerName
+	}, item.url) : null) });
+}
+/** Review-page design strip: open-in-provider actions plus non-blocking stale/deleted notices. */
+function DesignStrip(props) {
+	const { items } = props;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(HStack, { children: items.map((item) => /* @__PURE__ */ jsxs(HStack, {
+			wrap: false,
+			children: [/* @__PURE__ */ jsxs(Button, {
+				variant: "secondary",
+				size: "sm",
+				icon: "external-link",
+				href: item.url,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: ["Open in ", item.providerName]
+			}), item.name ? /* @__PURE__ */ jsx(Meta, {
+				as: "span",
+				children: item.name
+			}) : null]
+		}, item.url)) }),
+		items.map((item) => designNotice(item)),
+		connectPrompts(items)
+	] });
+}
+/** One connect/disconnect prompt per provider (several links of one provider share it). */
+function connectPrompts(items) {
+	return [...new Map(items.flatMap((item) => item.connect ? [[item.providerName, item]] : [])).values()].map((item) => connectPrompt(item, item.connect));
+}
+function connectPrompt(item, connect) {
+	if (!connect) return /* @__PURE__ */ jsx(Fragment, {});
+	if (connect.state === "connected") return /* @__PURE__ */ jsxs("form", {
+		method: "post",
+		action: connect.disconnectUrl,
+		children: [
+			csrfField(),
+			/* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name: "return",
+				value: connect.returnTo
+			}),
+			/* @__PURE__ */ jsxs(HStack, {
+				wrap: false,
+				children: [/* @__PURE__ */ jsxs(Meta, {
+					as: "span",
+					children: [
+						"Previews use your ",
+						item.providerName,
+						" account."
+					]
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					type: "submit",
+					children: "Disconnect"
+				})]
+			})
+		]
+	}, item.providerName);
+	return /* @__PURE__ */ jsxs(Alert, {
+		tone: connect.state === "reconnect" ? "warning" : "info",
+		title: connect.state === "reconnect" ? `Your ${item.providerName} connection expired` : `Connect ${item.providerName} for design previews`,
+		children: [
+			"Sign in with your own ",
+			item.providerName,
+			" account to see names, previews and stale-design warnings. Only you will see what your account can open.",
+			" ",
+			/* @__PURE__ */ jsxs(Button, {
+				variant: "secondary",
+				size: "sm",
+				href: connect.startUrl,
+				children: [
+					connect.state === "reconnect" ? "Reconnect" : "Connect",
+					" ",
+					item.providerName
+				]
+			})
+		]
+	}, item.providerName);
+}
+function designNotice(item) {
+	if (item.state === "deleted") return /* @__PURE__ */ jsxs(Alert, {
+		tone: "warning",
+		title: "Design not found",
+		children: [
+			"The linked ",
+			item.providerName,
+			" file or node no longer exists. Update the link in the project's Design settings."
+		]
+	}, item.url);
+	if (item.stale) return /* @__PURE__ */ jsxs(Alert, {
+		tone: "warning",
+		title: "Design changed since this baseline was approved",
+		children: [
+			item.name ? `${item.name} was` : "The linked design was",
+			" edited in ",
+			item.providerName,
+			" ",
+			"after the baseline. This does not block review."
+		]
+	}, item.url);
+	if (item.state === "unauthorized" || item.state === "forbidden") return /* @__PURE__ */ jsx(Meta, {
+		as: "div",
+		children: item.state === "unauthorized" ? `The project's ${item.providerName} credential is expired or revoked — design status is unavailable.` : `The project's ${item.providerName} credential cannot open this file — design status is unavailable.`
+	}, item.url);
+	return null;
+}
+/** Library header links to the project's design files. */
+function ProjectDesignLinks(props) {
+	return /* @__PURE__ */ jsx(HStack, { children: props.links.map((link) => /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "sm",
+		icon: "external-link",
+		href: link.url,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children: link.label
+	}, link.url)) });
+}
+export { DesignButtons, DesignReferences, DesignStrip, ProjectDesignLinks };
+
+//# sourceMappingURL=design-links.mjs.map

package/dist/pages/design-links.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-links.mjs","names":[],"sources":["../../src/pages/design-links.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport {\n  Alert,\n  Button,\n  DesignPreview,\n  DesignReference,\n  Dropdown,\n  DropdownItem,\n  HStack,\n  Meta,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\ntype Rendered = HtmlEscapedString | Promise<HtmlEscapedString>;\n\n/** \"Connect your own account\" state for a provider whose project has no shared credential. */\nexport interface DesignConnect {\n  /** `connect` (not connected), `reconnect` (connection expired) or `connected`. */\n  state: \"connect\" | \"reconnect\" | \"connected\";\n  startUrl: string;\n  disconnectUrl: string;\n  returnTo: string;\n}\n\n/** A design link a component resolves to, with cached provider metadata when available. */\nexport interface DesignItem {\n  url: string;\n  /** Display name of the provider that owns the link (\"Figma\"). */\n  providerName: string;\n  /** Design node/file name from the metadata cache. */\n  name: string | null;\n  /** Cache state: `ok` | `deleted` | `unauthorized` | `forbidden` | `unknown` (nothing cached). */\n  state: string;\n  /** API URL of the cached render, when one exists. */\n  renderUrl: string | null;\n  /** The design changed after the baseline it is compared with was approved. */\n  stale: boolean;\n  /** Offer to connect the viewer's own account; absent when not applicable. */\n  connect?: DesignConnect;\n}\n\n/** Cached name and render of a design link, for library popovers. */\nexport interface DesignPreviewInfo {\n  name: string | null;\n  renderUrl: string | null;\n}\n\n/** A project-level design file link for the library header. */\nexport interface ProjectDesignLink {\n  label: string;\n  url: string;\n}\n\n/**\n * Design actions for a component's link(s). A link with a cached render opens a\n * click popover (preview + `Open in <provider>`); others are plain deep links.\n */\nexport function DesignButtons(props: {\n  urls: readonly string[];\n  /** Display name of the provider that owns a link. */\n  providerName: (url: string) => string;\n  previews?: ReadonlyMap<string, DesignPreviewInfo>;\n  /** Component page of the story, offered in the popover as `View component →`. */\n  componentHref?: string;\n  size?: \"sm\" | \"md\";\n}): Rendered {\n  const { urls, providerName, previews, componentHref, size = \"sm\" } = props;\n  return (\n    <>\n      {urls.map((url, index): Rendered => {\n        const name = providerName(url);\n        const label = urls.length > 1 ? `${name} ${index + 1}` : name;\n        const preview = previews?.get(url);\n        return preview?.renderUrl ? (\n          <Dropdown key={url} label={label}>\n            <DesignPreview src={preview.renderUrl} name={preview.name} providerName={name} />\n            <DropdownItem href={url} icon=\"external-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Open in {name}\n            </DropdownItem>\n            {componentHref ? (\n              <DropdownItem href={componentHref}>View component →</DropdownItem>\n            ) : null}\n          </Dropdown>\n        ) : (\n          <Button\n            key={url}\n            variant=\"ghost\"\n            size={size}\n            icon=\"external-link\"\n            href={url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {label}\n          </Button>\n        );\n      })}\n    </>\n  );\n}\n\n/** Reference panes (cached renders) for the review page, shown under the diff stage. */\nexport function DesignReferences(props: { items: DesignItem[] }): Rendered {\n  return (\n    <>\n      {props.items.map((item): Rendered | null =>\n        item.renderUrl ? (\n          <DesignReference\n            key={item.url}\n            src={item.renderUrl}\n            name={item.name}\n            href={item.url}\n            providerName={item.providerName}\n          />\n        ) : null,\n      )}\n    </>\n  );\n}\n\n/** Review-page design strip: open-in-provider actions plus non-blocking stale/deleted notices. */\nexport function DesignStrip(props: { items: DesignItem[] }): Rendered {\n  const { items } = props;\n  return (\n    <>\n      <HStack>\n        {items.map((item): Rendered => (\n          <HStack key={item.url} wrap={false}>\n            <Button\n              variant=\"secondary\"\n              size=\"sm\"\n              icon=\"external-link\"\n              href={item.url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              Open in {item.providerName}\n            </Button>\n            {item.name ? <Meta as=\"span\">{item.name}</Meta> : null}\n          </HStack>\n        ))}\n      </HStack>\n      {items.map((item): Rendered | null => designNotice(item))}\n      {connectPrompts(items)}\n    </>\n  );\n}\n\n/** One connect/disconnect prompt per provider (several links of one provider share it). */\nfunction connectPrompts(items: DesignItem[]): Rendered[] {\n  const byProvider = new Map(\n    items.flatMap((item) => (item.connect ? [[item.providerName, item] as const] : [])),\n  );\n  return [...byProvider.values()].map((item): Rendered => connectPrompt(item, item.connect));\n}\n\nfunction connectPrompt(item: DesignItem, connect: DesignConnect | undefined): Rendered {\n  if (!connect) return <></>;\n  if (connect.state === \"connected\") {\n    return (\n      <form key={item.providerName} method=\"post\" action={connect.disconnectUrl}>\n        {csrfField()}\n        <input type=\"hidden\" name=\"return\" value={connect.returnTo} />\n        <HStack wrap={false}>\n          <Meta as=\"span\">Previews use your {item.providerName} account.</Meta>\n          <Button variant=\"ghost\" size=\"sm\" type=\"submit\">\n            Disconnect\n          </Button>\n        </HStack>\n      </form>\n    );\n  }\n  return (\n    <Alert\n      key={item.providerName}\n      tone={connect.state === \"reconnect\" ? \"warning\" : \"info\"}\n      title={\n        connect.state === \"reconnect\"\n          ? `Your ${item.providerName} connection expired`\n          : `Connect ${item.providerName} for design previews`\n      }\n    >\n      Sign in with your own {item.providerName} account to see names, previews and stale-design\n      warnings. Only you will see what your account can open.{\" \"}\n      <Button variant=\"secondary\" size=\"sm\" href={connect.startUrl}>\n        {connect.state === \"reconnect\" ? \"Reconnect\" : \"Connect\"} {item.providerName}\n      </Button>\n    </Alert>\n  );\n}\n\nfunction designNotice(item: DesignItem): Rendered | null {\n  if (item.state === \"deleted\") {\n    return (\n      <Alert key={item.url} tone=\"warning\" title=\"Design not found\">\n        The linked {item.providerName} file or node no longer exists. Update the link in the\n        project&apos;s Design settings.\n      </Alert>\n    );\n  }\n  if (item.stale) {\n    return (\n      <Alert key={item.url} tone=\"warning\" title=\"Design changed since this baseline was approved\">\n        {item.name ? `${item.name} was` : \"The linked design was\"} edited in {item.providerName}{\" \"}\n        after the baseline. This does not block review.\n      </Alert>\n    );\n  }\n  if (item.state === \"unauthorized\" || item.state === \"forbidden\") {\n    return (\n      <Meta key={item.url} as=\"div\">\n        {item.state === \"unauthorized\"\n          ? `The project's ${item.providerName} credential is expired or revoked — design status is unavailable.`\n          : `The project's ${item.providerName} credential cannot open this file — design status is unavailable.`}\n      </Meta>\n    );\n  }\n  return null;\n}\n\n/** Library header links to the project's design files. */\nexport function ProjectDesignLinks(props: { links: ProjectDesignLink[] }): Rendered {\n  return (\n    <HStack>\n      {props.links.map((link): Rendered => (\n        <Button\n          key={link.url}\n          variant=\"ghost\"\n          size=\"sm\"\n          icon=\"external-link\"\n          href={link.url}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          {link.label}\n        </Button>\n      ))}\n    </HStack>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2DA,SAAgB,cAAc,OAQjB;CACX,MAAM,EAAE,MAAM,cAAc,UAAU,eAAe,OAAO,SAAS;CACrE,OACE,oBAAA,UAAA,EAAA,UACG,KAAK,KAAK,KAAK,UAAoB;EAClC,MAAM,OAAO,aAAa,GAAG;EAC7B,MAAM,QAAQ,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,QAAQ,MAAM;EACzD,MAAM,UAAU,UAAU,IAAI,GAAG;EACjC,OAAO,SAAS,YACd,qBAAC,UAAD;GAA2B;GAA3B,UAAA;IACE,oBAAC,eAAD;KAAe,KAAK,QAAQ;KAAW,MAAM,QAAQ;KAAM,cAAc;IAAO,CAAA;IAChF,qBAAC,cAAD;KAAc,MAAM;KAAK,MAAK;KAAgB,QAAO;KAAS,KAAI;KAAlE,UAAA,CAAwF,YAC7E,IACG;;IACb,gBACC,oBAAC,cAAD;KAAc,MAAM;KAAe,UAAA;IAA8B,CAAA,IAC/D;GACI;EARK,GAAA,GAQL,IAEV,oBAAC,QAAD;GAEE,SAAQ;GACF;GACN,MAAK;GACL,MAAM;GACN,QAAO;GACP,KAAI;GAEH,UAAA;EACK,GATD,GASC;CAEZ,CAAC,EACD,CAAA;AAEN;;AAGA,SAAgB,iBAAiB,OAA0C;CACzE,OACE,oBAAA,UAAA,EAAA,UACG,MAAM,MAAM,KAAK,SAChB,KAAK,YACH,oBAAC,iBAAD;EAEE,KAAK,KAAK;EACV,MAAM,KAAK;EACX,MAAM,KAAK;EACX,cAAc,KAAK;CACpB,GALM,KAAK,GAKX,IACC,IACN,EACA,CAAA;AAEN;;AAGA,SAAgB,YAAY,OAA0C;CACpE,MAAM,EAAE,UAAU;CAClB,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,QAAD,EAAA,UACG,MAAM,KAAK,SACV,qBAAC,QAAD;GAAuB,MAAM;GAA7B,UAAA,CACE,qBAAC,QAAD;IACE,SAAQ;IACR,MAAK;IACL,MAAK;IACL,MAAM,KAAK;IACX,QAAO;IACP,KAAI;IANN,UAAA,CAOC,YACU,KAAK,YACR;GACP,CAAA,GAAA,KAAK,OAAO,oBAAC,MAAD;IAAM,IAAG;IAAQ,UAAA,KAAK;GAAW,CAAA,IAAI,IAC5C;EAZK,GAAA,KAAK,GAYV,CACT,EACK,CAAA;EACP,MAAM,KAAK,SAA0B,aAAa,IAAI,CAAC;EACvD,eAAe,KAAK;CACrB,EAAA,CAAA;AAEN;;AAGA,SAAS,eAAe,OAAiC;CAIvD,OAAO,CAAC,GAAG,IAHY,IACrB,MAAM,SAAS,SAAU,KAAK,UAAU,CAAC,CAAC,KAAK,cAAc,IAAI,CAAU,IAAI,CAAC,CAAE,CAEhE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,SAAmB,cAAc,MAAM,KAAK,OAAO,CAAC;AAC3F;AAEA,SAAS,cAAc,MAAkB,SAA8C;CACrF,IAAI,CAAC,SAAS,OAAO,oBAAA,UAAA,CAAI,CAAA;CACzB,IAAI,QAAQ,UAAU,aACpB,OACE,qBAAC,QAAD;EAA8B,QAAO;EAAO,QAAQ,QAAQ;EAA5D,UAAA;GACG,UAAU;GACX,oBAAC,SAAD;IAAO,MAAK;IAAS,MAAK;IAAS,OAAO,QAAQ;GAAW,CAAA;GAC7D,qBAAC,QAAD;IAAQ,MAAM;IAAd,UAAA,CACE,qBAAC,MAAD;KAAM,IAAG;KAAT,UAAA;MAAgB;MAAmB,KAAK;MAAa;KAAe;IACpE,CAAA,GAAA,oBAAC,QAAD;KAAQ,SAAQ;KAAQ,MAAK;KAAK,MAAK;KAAS,UAAA;IAExC,CAAA,CACF;;EACJ;CATK,GAAA,KAAK,YASV;CAGV,OACE,qBAAC,OAAD;EAEE,MAAM,QAAQ,UAAU,cAAc,YAAY;EAClD,OACE,QAAQ,UAAU,cACd,QAAQ,KAAK,aAAa,uBAC1B,WAAW,KAAK,aAAa;EANrC,UAAA;GAQC;GACwB,KAAK;GAAa;GACe;GACxD,qBAAC,QAAD;IAAQ,SAAQ;IAAY,MAAK;IAAK,MAAM,QAAQ;IAApD,UAAA;KACG,QAAQ,UAAU,cAAc,cAAc;KAAU;KAAE,KAAK;IAC1D;;EACH;CAbA,GAAA,KAAK,YAaL;AAEX;AAEA,SAAS,aAAa,MAAmC;CACvD,IAAI,KAAK,UAAU,WACjB,OACE,qBAAC,OAAD;EAAsB,MAAK;EAAU,OAAM;EAA3C,UAAA;GAA8D;GAChD,KAAK;GAAa;EAEzB;CAHK,GAAA,KAAK,GAGV;CAGX,IAAI,KAAK,OACP,OACE,qBAAC,OAAD;EAAsB,MAAK;EAAU,OAAM;EAA3C,UAAA;GACG,KAAK,OAAO,GAAG,KAAK,KAAK,QAAQ;GAAwB;GAAY,KAAK;GAAc;GAAI;EAExF;CAHK,GAAA,KAAK,GAGV;CAGX,IAAI,KAAK,UAAU,kBAAkB,KAAK,UAAU,aAClD,OACE,oBAAC,MAAD;EAAqB,IAAG;EACrB,UAAA,KAAK,UAAU,iBACZ,iBAAiB,KAAK,aAAa,qEACnC,iBAAiB,KAAK,aAAa;CACnC,GAJK,KAAK,GAIV;CAGV,OAAO;AACT;;AAGA,SAAgB,mBAAmB,OAAiD;CAClF,OACE,oBAAC,QAAD,EAAA,UACG,MAAM,MAAM,KAAK,SAChB,oBAAC,QAAD;EAEE,SAAQ;EACR,MAAK;EACL,MAAK;EACL,MAAM,KAAK;EACX,QAAO;EACP,KAAI;EAEH,UAAA,KAAK;CACA,GATD,KAAK,GASJ,CACT,EACK,CAAA;AAEZ"}

package/dist/pages/environment-change.mjs

@@ -0,0 +1,52 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+// src/pages/environment-change.ts
+/** What changed, in words a reviewer recognises. */
+const FIELD_LABELS = {
+	engine: "browser engine",
+	browserVersion: "browser version",
+	platform: "host platform",
+	deviceScaleFactor: "device scale factor",
+	fontsHash: "installed fonts",
+	viewport: "viewport size",
+	sizing: "screenshot sizing",
+	unknown: "capture environment"
+};
+/** A snapshot's recorded change; null when it has none or the stored value is unreadable. */
+function environmentChangeOf(snapshot) {
+	if (!snapshot.envChange) return null;
+	try {
+		const value = JSON.parse(snapshot.envChange);
+		return Array.isArray(value.changed) && value.to ? value : null;
+	} catch {
+		return null;
+	}
+}
+/** Summarise the build's environment migrations, or null when there were none. */
+function summariseEnvironmentChanges(snapshots) {
+	const changes = snapshots.map((snapshot) => environmentChangeOf(snapshot)).filter((change) => change !== null);
+	if (changes.length === 0) return null;
+	const fields = [...new Set(changes.flatMap((change) => change.changed))].map((field) => labelOf(field));
+	return {
+		count: changes.length,
+		fields,
+		...browserVersionOf(changes)
+	};
+}
+/** Human label for a changed component. */
+function labelOf(field) {
+	return FIELD_LABELS[field] ?? field;
+}
+function browserVersionOf(changes) {
+	const pairs = new Set(changes.map((change) => `${change.from?.browserVersion ?? ""}\u0000${change.to.browserVersion ?? ""}`));
+	if (pairs.size !== 1) return {};
+	const [from, to] = [...pairs][0]?.split("\0") ?? [];
+	return from && to && from !== to ? { browserVersion: {
+		from,
+		to
+	} } : {};
+}
+export { environmentChangeOf, labelOf, summariseEnvironmentChanges };
+
+//# sourceMappingURL=environment-change.mjs.map

package/dist/pages/environment-change.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-change.mjs","names":[],"sources":["../../src/pages/environment-change.ts"],"sourcesContent":["/** Reads the capture-environment migrations recorded on a build's snapshots. */\nimport type { EnvironmentChange } from \"@storyshelf/core/capture\";\nimport type { Snapshot } from \"@storyshelf/core/schema\";\n\n/** What changed, in words a reviewer recognises. */\nconst FIELD_LABELS: Record<string, string> = {\n  engine: \"browser engine\",\n  browserVersion: \"browser version\",\n  platform: \"host platform\",\n  deviceScaleFactor: \"device scale factor\",\n  fontsHash: \"installed fonts\",\n  viewport: \"viewport size\",\n  sizing: \"screenshot sizing\",\n  unknown: \"capture environment\",\n};\n\n/** A snapshot's recorded change; null when it has none or the stored value is unreadable. */\nexport function environmentChangeOf(\n  snapshot: Pick<Snapshot, \"envChange\">,\n): EnvironmentChange | null {\n  if (!snapshot.envChange) {\n    return null;\n  }\n  try {\n    const value = JSON.parse(snapshot.envChange) as Partial<EnvironmentChange>;\n    return Array.isArray(value.changed) && value.to ? (value as EnvironmentChange) : null;\n  } catch {\n    return null;\n  }\n}\n\n/** Summary across a build's snapshots. */\nexport interface EnvironmentChangeSummary {\n  /** Snapshots accepted as a migration. */\n  count: number;\n  /** Distinct labels of what changed, in first-seen order. */\n  fields: string[];\n  /** `from -> to` for the browser version when every migrated snapshot agrees on it. */\n  browserVersion?: { from: string; to: string };\n}\n\n/** Summarise the build's environment migrations, or null when there were none. */\nexport function summariseEnvironmentChanges(\n  snapshots: readonly Pick<Snapshot, \"envChange\">[],\n): EnvironmentChangeSummary | null {\n  const changes = snapshots\n    .map((snapshot) => environmentChangeOf(snapshot))\n    .filter((change): change is EnvironmentChange => change !== null);\n  if (changes.length === 0) {\n    return null;\n  }\n  const fields = [...new Set(changes.flatMap((change) => change.changed))].map((field) =>\n    labelOf(field),\n  );\n  return { count: changes.length, fields, ...browserVersionOf(changes) };\n}\n\n/** Human label for a changed component. */\nexport function labelOf(field: string): string {\n  return FIELD_LABELS[field] ?? field;\n}\n\nfunction browserVersionOf(\n  changes: EnvironmentChange[],\n): Pick<EnvironmentChangeSummary, \"browserVersion\"> {\n  const pairs = new Set(\n    changes.map(\n      (change) => `${change.from?.browserVersion ?? \"\"}\\u0000${change.to.browserVersion ?? \"\"}`,\n    ),\n  );\n  if (pairs.size !== 1) {\n    return {};\n  }\n  const [from, to] = [...pairs][0]?.split(\"\\u0000\") ?? [];\n  return from && to && from !== to ? { browserVersion: { from, to } } : {};\n}\n"],"mappings":";;;;;AAKA,MAAM,eAAuC;CAC3C,QAAQ;CACR,gBAAgB;CAChB,UAAU;CACV,mBAAmB;CACnB,WAAW;CACX,UAAU;CACV,QAAQ;CACR,SAAS;AACX;;AAGA,SAAgB,oBACd,UAC0B;CAC1B,IAAI,CAAC,SAAS,WACZ,OAAO;CAET,IAAI;EACF,MAAM,QAAQ,KAAK,MAAM,SAAS,SAAS;EAC3C,OAAO,MAAM,QAAQ,MAAM,OAAO,KAAK,MAAM,KAAM,QAA8B;CACnF,QAAQ;EACN,OAAO;CACT;AACF;;AAaA,SAAgB,4BACd,WACiC;CACjC,MAAM,UAAU,UACb,KAAK,aAAa,oBAAoB,QAAQ,CAAC,CAAC,CAChD,QAAQ,WAAwC,WAAW,IAAI;CAClE,IAAI,QAAQ,WAAW,GACrB,OAAO;CAET,MAAM,SAAS,CAAC,GAAG,IAAI,IAAI,QAAQ,SAAS,WAAW,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,UAC5E,QAAQ,KAAK,CACf;CACA,OAAO;EAAE,OAAO,QAAQ;EAAQ;EAAQ,GAAG,iBAAiB,OAAO;CAAE;AACvE;;AAGA,SAAgB,QAAQ,OAAuB;CAC7C,OAAO,aAAa,UAAU;AAChC;AAEA,SAAS,iBACP,SACkD;CAClD,MAAM,QAAQ,IAAI,IAChB,QAAQ,KACL,WAAW,GAAG,OAAO,MAAM,kBAAkB,GAAG,QAAQ,OAAO,GAAG,kBAAkB,IACvF,CACF;CACA,IAAI,MAAM,SAAS,GACjB,OAAO,CAAC;CAEV,MAAM,CAAC,MAAM,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,EAAE,MAAM,IAAQ,KAAK,CAAC;CACtD,OAAO,QAAQ,MAAM,SAAS,KAAK,EAAE,gBAAgB;EAAE;EAAM;CAAG,EAAE,IAAI,CAAC;AACzE"}

package/dist/pages/health-panel.mjs

@@ -0,0 +1,125 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Button } from "../ui/buttons.mjs";
+import { Alert, Badge, Meta } from "../ui/feedback.mjs";
+import { Card, SectionTitle } from "../ui/layout.mjs";
+import { HStack, VStack } from "../ui/stacks.mjs";
+import { csrfField } from "../ui/csrf-field.mjs";
+import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
+// src/pages/health-panel.tsx
+/** Badge tone for a health verdict. */
+function healthTone(verdict) {
+	if (verdict === "healthy") return "success";
+	if (verdict === "watch") return "warning";
+	return verdict === "unhealthy" ? "danger" : "neutral";
+}
+function trendsOf(output) {
+	const trends = output?.trends;
+	return Array.isArray(trends) ? trends : [];
+}
+function scoreText(output) {
+	const score = output?.score;
+	return typeof score === "number" ? ` · score ${Math.round(score)}/100` : "";
+}
+function HealthBody(props) {
+	const { latest } = props;
+	if (!latest) return /* @__PURE__ */ jsxs(Meta, { children: [
+		"No health digest yet for the last ",
+		"30d",
+		"."
+	] });
+	if (latest.status === "failed") return /* @__PURE__ */ jsxs(Alert, {
+		tone: "warning",
+		title: "Health digest failed",
+		children: [
+			"The model call did not finish (",
+			latest.errorCode,
+			"). You can try again."
+		]
+	});
+	if (latest.status !== "done") return /* @__PURE__ */ jsx(Meta, { children: "Working on it…" });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("span", { children: latest.summary }),
+		/* @__PURE__ */ jsx("ul", { children: trendsOf(latest.output).map((trend) => /* @__PURE__ */ jsxs("li", { children: [
+			/* @__PURE__ */ jsx("strong", { children: trend.label }),
+			" (",
+			trend.direction,
+			"): ",
+			trend.note
+		] })) }),
+		/* @__PURE__ */ jsxs(Meta, { children: [
+			latest.profile,
+			" · ",
+			latest.model,
+			" · ",
+			latest.createdAt.slice(0, 16).replace("T", " "),
+			scoreText(latest.output)
+		] })
+	] });
+}
+/** Project health digest (advisory) with a generate/refresh button for approvers and admins. */
+function HealthPanel(props) {
+	const { project, data } = props;
+	const base = `/projects/${project.slug}/insights/health`;
+	const latest = data.latest;
+	const inFlight = latest?.status === "pending" || latest?.status === "running";
+	const poll = inFlight ? {
+		"hx-get": `${base}/panel`,
+		"hx-trigger": "load delay:3s",
+		"hx-swap": "outerHTML"
+	} : {};
+	return /* @__PURE__ */ jsx("div", {
+		id: "health-panel",
+		...poll,
+		children: /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(HStack, { children: [
+			/* @__PURE__ */ jsxs(SectionTitle, {
+				level: 3,
+				children: [
+					"Project health (AI, last ",
+					"30d",
+					")"
+				]
+			}),
+			latest?.status === "done" ? /* @__PURE__ */ jsx(Badge, {
+				tone: healthTone(latest.verdict),
+				children: latest.verdict
+			}) : null,
+			inFlight ? /* @__PURE__ */ jsx(Badge, {
+				tone: "info",
+				children: "generating…"
+			}) : null
+		] }), /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsx(HealthBody, { latest }), data.canGenerate && !inFlight ? /* @__PURE__ */ jsxs("form", {
+			method: "post",
+			action: `${base}/generate`,
+			"hx-post": `${base}/generate`,
+			"hx-target": "#health-panel",
+			"hx-swap": "outerHTML",
+			children: [
+				csrfField(),
+				/* @__PURE__ */ jsx("input", {
+					type: "hidden",
+					name: "force",
+					value: latest ? "true" : "false"
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					size: "sm",
+					type: "submit",
+					icon: "sparkles",
+					children: latest ? "Refresh health" : "Generate health"
+				})
+			]
+		}) : null] })] })
+	});
+}
+/** Renders the panel when AI health is available for the project, nothing otherwise. */
+function HealthSlot(props) {
+	return props.data ? /* @__PURE__ */ jsx(HealthPanel, {
+		project: props.project,
+		data: props.data
+	}) : null;
+}
+export { HealthPanel, HealthSlot, healthTone };
+
+//# sourceMappingURL=health-panel.mjs.map

package/dist/pages/health-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"health-panel.mjs","names":[],"sources":["../../src/pages/health-panel.tsx"],"sourcesContent":["import type { Project } from \"@storyshelf/core/schema\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { HEALTH_UI_WINDOW, type HealthPanelData } from \"../insights/health-panel.ts\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  HStack,\n  Meta,\n  SectionTitle,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\n/** Badge tone for a health verdict. */\nexport function healthTone(verdict: string | null): \"success\" | \"warning\" | \"danger\" | \"neutral\" {\n  if (verdict === \"healthy\") {\n    return \"success\";\n  }\n  if (verdict === \"watch\") {\n    return \"warning\";\n  }\n  return verdict === \"unhealthy\" ? \"danger\" : \"neutral\";\n}\n\ninterface Trend {\n  label: string;\n  note: string;\n  direction: string;\n}\n\nfunction trendsOf(output: unknown): Trend[] {\n  const trends = (output as { trends?: unknown } | null)?.trends;\n  return Array.isArray(trends) ? (trends as Trend[]) : [];\n}\n\nfunction scoreText(output: unknown): string {\n  const score = (output as { score?: unknown } | null)?.score;\n  return typeof score === \"number\" ? ` · score ${Math.round(score)}/100` : \"\";\n}\n\nfunction HealthBody(props: {\n  latest: HealthPanelData[\"latest\"];\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const { latest } = props;\n  if (!latest) {\n    return <Meta>No health digest yet for the last {HEALTH_UI_WINDOW}.</Meta>;\n  }\n  if (latest.status === \"failed\") {\n    return (\n      <Alert tone=\"warning\" title=\"Health digest failed\">\n        The model call did not finish ({latest.errorCode}). You can try again.\n      </Alert>\n    );\n  }\n  if (latest.status !== \"done\") {\n    return <Meta>Working on it…</Meta>;\n  }\n  return (\n    <>\n      <span>{latest.summary}</span>\n      <ul>\n        {trendsOf(latest.output).map((trend) => (\n          <li>\n            <strong>{trend.label}</strong> ({trend.direction}): {trend.note}\n          </li>\n        ))}\n      </ul>\n      <Meta>\n        {latest.profile} · {latest.model} · {latest.createdAt.slice(0, 16).replace(\"T\", \" \")}\n        {scoreText(latest.output)}\n      </Meta>\n    </>\n  );\n}\n\n/** Props for the health panel. */\nexport interface HealthPanelProps {\n  project: Project;\n  data: HealthPanelData;\n}\n\n/** Project health digest (advisory) with a generate/refresh button for approvers and admins. */\nexport function HealthPanel(\n  props: HealthPanelProps,\n): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const { project, data } = props;\n  const base = `/projects/${project.slug}/insights/health`;\n  const latest = data.latest;\n  const inFlight = latest?.status === \"pending\" || latest?.status === \"running\";\n  const poll = inFlight\n    ? { \"hx-get\": `${base}/panel`, \"hx-trigger\": \"load delay:3s\", \"hx-swap\": \"outerHTML\" }\n    : {};\n  return (\n    <div id=\"health-panel\" {...poll}>\n      <Card>\n        <HStack>\n          <SectionTitle level={3}>Project health (AI, last {HEALTH_UI_WINDOW})</SectionTitle>\n          {latest?.status === \"done\" ? (\n            <Badge tone={healthTone(latest.verdict)}>{latest.verdict}</Badge>\n          ) : null}\n          {inFlight ? <Badge tone=\"info\">generating…</Badge> : null}\n        </HStack>\n        <VStack>\n          <HealthBody latest={latest} />\n          {data.canGenerate && !inFlight ? (\n            <form\n              method=\"post\"\n              action={`${base}/generate`}\n              hx-post={`${base}/generate`}\n              hx-target=\"#health-panel\"\n              hx-swap=\"outerHTML\"\n            >\n              {csrfField()}\n              <input type=\"hidden\" name=\"force\" value={latest ? \"true\" : \"false\"} />\n              <Button variant=\"secondary\" size=\"sm\" type=\"submit\" icon=\"sparkles\">\n                {latest ? \"Refresh health\" : \"Generate health\"}\n              </Button>\n            </form>\n          ) : null}\n        </VStack>\n      </Card>\n    </div>\n  );\n}\n\n/** Renders the panel when AI health is available for the project, nothing otherwise. */\nexport function HealthSlot(props: {\n  project: Project;\n  data: HealthPanelData | null;\n}): HtmlEscapedString | Promise<HtmlEscapedString> | null {\n  return props.data ? <HealthPanel project={props.project} data={props.data} /> : null;\n}\n"],"mappings":"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"}

package/dist/pages/invite.mjs

@@ -9,7 +9,7 @@ import { VStack } from "../ui/stacks.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
 import { DocumentLayout } from "../ui/document.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/invite.tsx
+// src/pages/invite.tsx
 /** Set-password page for invite acceptance (no auth required). */
 function renderInvitePage(state) {
 	return /* @__PURE__ */ jsx(DocumentLayout, {
@@ -85,7 +85,6 @@ function renderInviteInvalidPage(error) {
 		}) })
 	});
 }
-//#endregion
 export { renderInviteInvalidPage, renderInvitePage };
 
 //# sourceMappingURL=invite.mjs.map

package/dist/pages/label-detail.mjs

@@ -10,7 +10,7 @@ import { Table } from "../ui/table.mjs";
 import { DocumentLayout } from "../ui/document.mjs";
 import { BuildModel, LabelModel, ProjectModel } from "@storyshelf/core/models";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/label-detail.tsx
+// src/pages/label-detail.tsx
 /** Resolve a label type's `link_template` against a build, or return null. */
 function resolveLabelLink(template, project, build, value) {
 	if (!template) return null;
@@ -148,7 +148,6 @@ async function renderLabelsPage(slug) {
 		] }, labelType.id)) })] }) })]
 	});
 }
-//#endregion
 export { renderLabelDetailPage, renderLabelsPage, resolveLabelLink };
 
 //# sourceMappingURL=label-detail.mjs.map