@storyshelf/app 0.9.0-next-d2cc082 → 0.9.0-next-588f070

package/dist/index.mjs

@@ -380,7 +380,7 @@ function registerDocs(app) {
 * from source (dev server, tests).
 */
 function packageVersion() {
-	return "0.9.0-next-d2cc082";
+	return "0.9.0-next-588f070";
 }
 export { createAuthSystemHook, createShelfApp, createShelfLogger };
 

package/dist/pages/design-coverage.mjs

@@ -0,0 +1,333 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { getStore } from "../store.mjs";
+import { css } from "../ui/css.mjs";
+import { Button } from "../ui/buttons.mjs";
+import { Alert, Badge, EmptyState, Meta, Stat } from "../ui/feedback.mjs";
+import { Card, PageHeader, SectionTitle } from "../ui/layout.mjs";
+import { HStack, VStack } from "../ui/stacks.mjs";
+import { Table } from "../ui/table.mjs";
+import { RelativeTime } from "../ui/time.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
+import { createUrlBuilder } from "@storyshelf/core/urls";
+// src/pages/design-coverage.tsx
+const wideOnly = css`
+  /* coverage-wide-only */
+  @media (max-width: 640px) {
+    & {
+      display: none;
+    }
+  }
+`;
+const narrowOnly = css`
+  /* coverage-narrow-only */
+  display: none;
+  @media (max-width: 640px) {
+    & {
+      display: block;
+    }
+  }
+`;
+const statLink = css`
+  /* coverage-stat-link */
+  display: block;
+  color: inherit;
+  text-decoration: none;
+  &:hover,
+  &:focus-visible {
+    text-decoration: none;
+  }
+`;
+const widePath = css`
+  /* coverage-wide-path */
+  ${wideOnly}
+  overflow-wrap: anywhere;
+`;
+/** The design coverage page: what lacks a design, what drifted, and how much is in sync. */
+function renderDesignCoveragePage(data) {
+	const { project, build } = data;
+	const urls = createUrlBuilder("/", getStore().config.publishedBaseDomain);
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: "Design coverage",
+		nav: {
+			active: "library",
+			projectSlug: project.slug,
+			projectName: project.name,
+			trail: [{
+				label: "Library",
+				href: urls.library(project.slug)
+			}, { label: "Design coverage" }]
+		},
+		children: [/* @__PURE__ */ jsx(PageHeader, {
+			title: "Design coverage",
+			description: "Which components have a design file, and which have drifted from it.",
+			meta: build ? `Latest accepted build: ${build.gitBranch} · ${build.gitSha.slice(0, 7)}` : void 0
+		}), build ? /* @__PURE__ */ jsx(CoverageBody, { data }) : /* @__PURE__ */ jsx(EmptyState, {
+			title: "No build to check yet",
+			description: "Design coverage is read from the latest accepted build. Upload a Storybook and accept a build first.",
+			action: /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				href: urls.buildsList(project.slug),
+				children: "Go to builds"
+			})
+		})]
+	});
+}
+/** Drift cannot be told for the linked designs: some provider has no token and nothing is known to have drifted. */
+function driftUnavailable(data) {
+	return data.withoutToken.length > 0 && data.drifted.length === 0;
+}
+function CoverageBody(props) {
+	const { data } = props;
+	const unavailable = driftUnavailable(data);
+	return /* @__PURE__ */ jsxs(VStack, { children: [
+		data.storyLinksRead ? null : /* @__PURE__ */ jsx(Alert, {
+			tone: "info",
+			title: "Only mapped design links are counted",
+			children: "Links declared in stories are read from captured builds, so they are not counted without testing. Components linked under Settings → Design are."
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			class: "grid grid--3",
+			children: [
+				/* @__PURE__ */ jsx("a", {
+					href: "#no-link",
+					class: statLink,
+					children: /* @__PURE__ */ jsx(Stat, {
+						label: "No design link",
+						value: data.unlinked.length,
+						tone: data.unlinked.length > 0 ? "warning" : "success"
+					})
+				}),
+				/* @__PURE__ */ jsx("a", {
+					href: "#drift",
+					class: statLink,
+					children: /* @__PURE__ */ jsx(Stat, {
+						label: unavailable ? "Needs attention · Unavailable" : "Needs attention",
+						value: unavailable ? "–" : data.drifted.length,
+						tone: unavailable ? "neutral" : data.drifted.length > 0 ? "warning" : "success"
+					})
+				}),
+				/* @__PURE__ */ jsx("a", {
+					href: "#current",
+					class: statLink,
+					children: /* @__PURE__ */ jsx(Stat, {
+						label: "Up to date",
+						value: data.current,
+						tone: data.current > 0 ? "success" : "neutral"
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ jsx(UnlinkedSection, { data }),
+		/* @__PURE__ */ jsx(DriftSection, { data }),
+		/* @__PURE__ */ jsx(CurrentSection, { data })
+	] });
+}
+/** Where a component's design links are managed: its Design tab with testing, else the project's design settings. */
+function linkTarget(data, component) {
+	const urls = createUrlBuilder("/", getStore().config.publishedBaseDomain);
+	return data.storyLinksRead ? urls.component(data.project.slug, component.importPath, "design") : `${urls.settings(data.project.slug)}/design`;
+}
+function ComponentLink(props) {
+	const { data, component } = props;
+	const urls = createUrlBuilder("/", getStore().config.publishedBaseDomain);
+	const href = data.storyLinksRead ? urls.component(data.project.slug, component.importPath, "design") : urls.component(data.project.slug, component.importPath);
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		children: component.title
+	});
+}
+function UnlinkedRow(props) {
+	const { data, component } = props;
+	return /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsxs("td", { children: [/* @__PURE__ */ jsx(ComponentLink, {
+			data,
+			component
+		}), /* @__PURE__ */ jsx("div", {
+			class: narrowOnly,
+			children: /* @__PURE__ */ jsx(Meta, {
+				as: "span",
+				mono: true,
+				children: component.importPath
+			})
+		})] }),
+		/* @__PURE__ */ jsx("td", {
+			class: widePath,
+			children: /* @__PURE__ */ jsx("span", {
+				class: "mono",
+				children: component.importPath
+			})
+		}),
+		/* @__PURE__ */ jsx("td", {
+			class: wideOnly,
+			children: component.stories
+		}),
+		/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "sm",
+			href: linkTarget(data, component),
+			"aria-label": `Link a design to ${component.title}`,
+			children: "Link a design"
+		}) })
+	] });
+}
+function UnlinkedSection(props) {
+	const { data } = props;
+	const { unlinked } = data;
+	return /* @__PURE__ */ jsx(Card, {
+		id: "no-link",
+		children: /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsxs(SectionTitle, { children: [
+			"No design link (",
+			unlinked.length,
+			")"
+		] }), unlinked.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { title: "Every component has a design link" }) : /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx("th", { children: "Component" }),
+			/* @__PURE__ */ jsx("th", {
+				class: wideOnly,
+				children: "Path"
+			}),
+			/* @__PURE__ */ jsx("th", {
+				class: wideOnly,
+				children: "Stories"
+			}),
+			/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+				class: "visually-hidden",
+				children: "Action"
+			}) })
+		] }) }), /* @__PURE__ */ jsx("tbody", { children: unlinked.map((component) => /* @__PURE__ */ jsx(UnlinkedRow, {
+			data,
+			component
+		}, component.importPath)) })] }) })] })
+	});
+}
+const REASONS = {
+	stale: {
+		badge: "Design changed",
+		title: "Design changed after approval"
+	},
+	deleted: {
+		badge: "Deleted",
+		title: "Design file deleted"
+	}
+};
+function DriftBadge(props) {
+	const reason = props.drift === "deleted" ? REASONS.deleted : REASONS.stale;
+	return /* @__PURE__ */ jsx("span", {
+		title: reason.title,
+		children: /* @__PURE__ */ jsx(Badge, {
+			tone: props.drift === "deleted" ? "danger" : "warning",
+			icon: true,
+			children: reason.badge
+		})
+	});
+}
+function ChangedAt(props) {
+	return props.value ? /* @__PURE__ */ jsx(RelativeTime, { value: props.value }) : /* @__PURE__ */ jsx(Meta, {
+		as: "span",
+		children: "unknown"
+	});
+}
+/** One row per drifted design link of a component. */
+function DriftRows(props) {
+	const { data, component } = props;
+	return /* @__PURE__ */ jsx(Fragment, { children: component.links.filter((link) => link.drift === "stale" || link.drift === "deleted").map((link) => /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs(VStack, { children: [
+			/* @__PURE__ */ jsx(ComponentLink, {
+				data,
+				component
+			}),
+			/* @__PURE__ */ jsx(HStack, {
+				wrap: false,
+				children: /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					size: "sm",
+					icon: "external-link",
+					href: link.url,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: ["Open in ", link.providerName]
+				})
+			}),
+			link.name ? /* @__PURE__ */ jsx(Meta, {
+				as: "span",
+				children: link.name
+			}) : null
+		] }) }),
+		/* @__PURE__ */ jsxs("td", { children: [/* @__PURE__ */ jsx(DriftBadge, { drift: link.drift }), /* @__PURE__ */ jsx("div", {
+			class: narrowOnly,
+			children: /* @__PURE__ */ jsx(Meta, {
+				as: "span",
+				children: /* @__PURE__ */ jsx(ChangedAt, { value: link.changedAt })
+			})
+		})] }),
+		/* @__PURE__ */ jsx("td", {
+			class: wideOnly,
+			children: /* @__PURE__ */ jsx(ChangedAt, { value: link.changedAt })
+		})
+	] }, `${component.importPath}|${link.url}`)) });
+}
+/** Says which providers cannot be checked and where to add a token. */
+function DriftAlert(props) {
+	const { project, withoutToken } = props.data;
+	const urls = createUrlBuilder("/", getStore().config.publishedBaseDomain);
+	return /* @__PURE__ */ jsxs(Alert, {
+		tone: "info",
+		title: "Drift can't be checked",
+		children: [
+			withoutToken.join(", "),
+			" has no access token for this project, so StoryShelf cannot see which designs changed. Add one in Settings → Design.",
+			/* @__PURE__ */ jsx("div", {
+				class: "mt-1",
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					size: "sm",
+					href: `${urls.settings(project.slug)}/design`,
+					children: "Open design settings"
+				})
+			})
+		]
+	});
+}
+function DriftTable(props) {
+	const { data } = props;
+	return /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsx("th", { children: "Component" }),
+		/* @__PURE__ */ jsx("th", { children: "Reason" }),
+		/* @__PURE__ */ jsx("th", {
+			class: wideOnly,
+			children: "Design changed"
+		})
+	] }) }), /* @__PURE__ */ jsx("tbody", { children: data.drifted.map((component) => /* @__PURE__ */ jsx(DriftRows, {
+		data,
+		component
+	}, component.importPath)) })] }) });
+}
+function DriftSection(props) {
+	const { data } = props;
+	const { drifted, withoutToken, lastChecked } = data;
+	const unavailable = driftUnavailable(data);
+	return /* @__PURE__ */ jsx(Card, {
+		id: "drift",
+		children: /* @__PURE__ */ jsxs(VStack, { children: [
+			/* @__PURE__ */ jsx(SectionTitle, { children: unavailable ? "Needs attention" : `Needs attention (${drifted.length})` }),
+			unavailable ? null : /* @__PURE__ */ jsx(Meta, { children: lastChecked ? /* @__PURE__ */ jsxs(Fragment, { children: ["Last checked ", /* @__PURE__ */ jsx(RelativeTime, { value: lastChecked })] }) : "Not checked yet" }),
+			withoutToken.length > 0 ? /* @__PURE__ */ jsx(DriftAlert, { data }) : null,
+			drifted.length > 0 ? /* @__PURE__ */ jsx(DriftTable, { data }) : null,
+			drifted.length === 0 && !unavailable ? /* @__PURE__ */ jsx(EmptyState, { title: "No drift found" }) : null
+		] })
+	});
+}
+function CurrentSection(props) {
+	const { current, unknown } = props.data;
+	const unknownText = `${unknown} more ${unknown === 1 ? "has" : "have"} a link but nothing stored says whether the design changed.`;
+	return /* @__PURE__ */ jsx(Card, {
+		id: "current",
+		children: /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsx(SectionTitle, { children: "Up to date" }), /* @__PURE__ */ jsxs(Meta, { children: [current > 0 ? `${current} ${current === 1 ? "component is" : "components are"} linked and ${current === 1 ? "matches" : "match"} their approved design.` : unknown === 0 ? "No linked components yet." : "", unknown > 0 ? ` ${unknownText}` : ""] })] })
+	});
+}
+export { renderDesignCoveragePage };
+
+//# sourceMappingURL=design-coverage.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"design-coverage.mjs","names":[],"sources":["../../src/pages/design-coverage.tsx"],"sourcesContent":["// oxlint-disable typescript/promise-function-async -- Hono JSX may return Promise<HtmlEscapedString>\nimport type { DesignDrift } from \"@storyshelf/core/models\";\nimport type { Build, Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\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  RelativeTime,\n  SectionTitle,\n  Stat,\n  Table,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { css } from \"../ui/css.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\ntype Rendered = HtmlEscapedString | Promise<HtmlEscapedString>;\n\n/** One design link of a component, with what was stored about it. */\nexport interface CoverageLink {\n  url: string;\n  providerName: string;\n  /** Design node name from the cache, when one is stored. */\n  name: string | null;\n  drift: DesignDrift;\n  /** When the design last changed, as the provider reported it; null when unknown. */\n  changedAt: string | null;\n}\n\n/** A component (story file) and the design links it resolves to. */\nexport interface CoverageComponent {\n  title: string;\n  importPath: string;\n  /** How many stories the component has. */\n  stories: number;\n  links: CoverageLink[];\n}\n\n/** Everything the coverage page shows; built from stored data only (no provider calls). */\nexport interface DesignCoverageData {\n  project: Project;\n  /** The accepted build whose catalog was read; null when the project has none. */\n  build: Build | null;\n  /** Components with no design link. */\n  unlinked: CoverageComponent[];\n  /** Linked components whose design changed after the baseline was approved, or was deleted. */\n  drifted: CoverageComponent[];\n  /** Linked and up to date. */\n  current: number;\n  /** Linked, but nothing stored says whether the design changed (no token, or not fetched yet). */\n  unknown: number;\n  /** Providers whose links cannot be checked because the project has no token for them. */\n  withoutToken: string[];\n  /** When the linked designs' metadata was last fetched; null when it never was. */\n  lastChecked: string | null;\n  /** Whether links declared in stories were read (they need captured snapshots, so `testing`). */\n  storyLinksRead: boolean;\n}\n\n/* Secondary columns drop out on phones; the date moves under the reason (see the spec on #458). */\nconst wideOnly = css`\n  /* coverage-wide-only */\n  @media (max-width: 640px) {\n    & {\n      display: none;\n    }\n  }\n`;\n\nconst narrowOnly = css`\n  /* coverage-narrow-only */\n  display: none;\n  @media (max-width: 640px) {\n    & {\n      display: block;\n    }\n  }\n`;\n\nconst statLink = css`\n  /* coverage-stat-link */\n  display: block;\n  color: inherit;\n  text-decoration: none;\n  &:hover,\n  &:focus-visible {\n    text-decoration: none;\n  }\n`;\n\nconst widePath = css`\n  /* coverage-wide-path */\n  ${wideOnly}\n  overflow-wrap: anywhere;\n`;\n\n/** The design coverage page: what lacks a design, what drifted, and how much is in sync. */\nexport function renderDesignCoveragePage(data: DesignCoverageData): RenderedContent {\n  const { project, build } = data;\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  return (\n    <DocumentLayout\n      title=\"Design coverage\"\n      nav={{\n        active: \"library\",\n        projectSlug: project.slug,\n        projectName: project.name,\n        trail: [\n          { label: \"Library\", href: urls.library(project.slug) },\n          { label: \"Design coverage\" },\n        ],\n      }}\n    >\n      <PageHeader\n        title=\"Design coverage\"\n        description=\"Which components have a design file, and which have drifted from it.\"\n        meta={\n          build\n            ? `Latest accepted build: ${build.gitBranch} · ${build.gitSha.slice(0, 7)}`\n            : undefined\n        }\n      />\n      {build ? (\n        <CoverageBody data={data} />\n      ) : (\n        <EmptyState\n          title=\"No build to check yet\"\n          description=\"Design coverage is read from the latest accepted build. Upload a Storybook and accept a build first.\"\n          action={\n            <Button variant=\"secondary\" size=\"sm\" href={urls.buildsList(project.slug)}>\n              Go to builds\n            </Button>\n          }\n        />\n      )}\n    </DocumentLayout>\n  );\n}\n\n/** Drift cannot be told for the linked designs: some provider has no token and nothing is known to have drifted. */\nfunction driftUnavailable(data: DesignCoverageData): boolean {\n  return data.withoutToken.length > 0 && data.drifted.length === 0;\n}\n\nfunction CoverageBody(props: { data: DesignCoverageData }): Rendered {\n  const { data } = props;\n  const unavailable = driftUnavailable(data);\n  return (\n    <VStack>\n      {data.storyLinksRead ? null : (\n        <Alert tone=\"info\" title=\"Only mapped design links are counted\">\n          Links declared in stories are read from captured builds, so they are not counted without\n          testing. Components linked under Settings → Design are.\n        </Alert>\n      )}\n      <div class=\"grid grid--3\">\n        <a href=\"#no-link\" class={statLink}>\n          <Stat\n            label=\"No design link\"\n            value={data.unlinked.length}\n            tone={data.unlinked.length > 0 ? \"warning\" : \"success\"}\n          />\n        </a>\n        <a href=\"#drift\" class={statLink}>\n          <Stat\n            label={unavailable ? \"Needs attention · Unavailable\" : \"Needs attention\"}\n            value={unavailable ? \"–\" : data.drifted.length}\n            tone={unavailable ? \"neutral\" : data.drifted.length > 0 ? \"warning\" : \"success\"}\n          />\n        </a>\n        <a href=\"#current\" class={statLink}>\n          <Stat\n            label=\"Up to date\"\n            value={data.current}\n            tone={data.current > 0 ? \"success\" : \"neutral\"}\n          />\n        </a>\n      </div>\n      <UnlinkedSection data={data} />\n      <DriftSection data={data} />\n      <CurrentSection data={data} />\n    </VStack>\n  );\n}\n\n/** Where a component's design links are managed: its Design tab with testing, else the project's design settings. */\nfunction linkTarget(data: DesignCoverageData, component: CoverageComponent): string {\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  return data.storyLinksRead\n    ? urls.component(data.project.slug, component.importPath, \"design\")\n    : `${urls.settings(data.project.slug)}/design`;\n}\n\nfunction ComponentLink(props: {\n  data: DesignCoverageData;\n  component: CoverageComponent;\n}): Rendered {\n  const { data, component } = props;\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  const href = data.storyLinksRead\n    ? urls.component(data.project.slug, component.importPath, \"design\")\n    : urls.component(data.project.slug, component.importPath);\n  return <a href={href}>{component.title}</a>;\n}\n\nfunction UnlinkedRow(props: { data: DesignCoverageData; component: CoverageComponent }): Rendered {\n  const { data, component } = props;\n  return (\n    <tr>\n      <td>\n        <ComponentLink data={data} component={component} />\n        <div class={narrowOnly}>\n          <Meta as=\"span\" mono>\n            {component.importPath}\n          </Meta>\n        </div>\n      </td>\n      <td class={widePath}>\n        <span class=\"mono\">{component.importPath}</span>\n      </td>\n      <td class={wideOnly}>{component.stories}</td>\n      <td>\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          href={linkTarget(data, component)}\n          aria-label={`Link a design to ${component.title}`}\n        >\n          Link a design\n        </Button>\n      </td>\n    </tr>\n  );\n}\n\nfunction UnlinkedSection(props: { data: DesignCoverageData }): Rendered {\n  const { data } = props;\n  const { unlinked } = data;\n  return (\n    <Card id=\"no-link\">\n      <VStack>\n        <SectionTitle>No design link ({unlinked.length})</SectionTitle>\n        {unlinked.length === 0 ? (\n          <EmptyState title=\"Every component has a design link\" />\n        ) : (\n          <Table>\n            <table>\n              <thead>\n                <tr>\n                  <th>Component</th>\n                  <th class={wideOnly}>Path</th>\n                  <th class={wideOnly}>Stories</th>\n                  <th>\n                    <span class=\"visually-hidden\">Action</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {unlinked.map((component) => (\n                  <UnlinkedRow key={component.importPath} data={data} component={component} />\n                ))}\n              </tbody>\n            </table>\n          </Table>\n        )}\n      </VStack>\n    </Card>\n  );\n}\n\nconst REASONS: Record<\"stale\" | \"deleted\", { badge: string; title: string }> = {\n  stale: { badge: \"Design changed\", title: \"Design changed after approval\" },\n  deleted: { badge: \"Deleted\", title: \"Design file deleted\" },\n};\n\nfunction DriftBadge(props: { drift: DesignDrift }): Rendered {\n  const reason = props.drift === \"deleted\" ? REASONS.deleted : REASONS.stale;\n  return (\n    <span title={reason.title}>\n      <Badge tone={props.drift === \"deleted\" ? \"danger\" : \"warning\"} icon>\n        {reason.badge}\n      </Badge>\n    </span>\n  );\n}\n\nfunction ChangedAt(props: { value: string | null }): Rendered {\n  return props.value ? <RelativeTime value={props.value} /> : <Meta as=\"span\">unknown</Meta>;\n}\n\n/** One row per drifted design link of a component. */\nfunction DriftRows(props: { data: DesignCoverageData; component: CoverageComponent }): Rendered {\n  const { data, component } = props;\n  return (\n    <>\n      {component.links\n        .filter((link) => link.drift === \"stale\" || link.drift === \"deleted\")\n        .map((link) => (\n          <tr key={`${component.importPath}|${link.url}`}>\n            <td>\n              <VStack>\n                <ComponentLink data={data} component={component} />\n                <HStack wrap={false}>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    icon=\"external-link\"\n                    href={link.url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    Open in {link.providerName}\n                  </Button>\n                </HStack>\n                {link.name ? <Meta as=\"span\">{link.name}</Meta> : null}\n              </VStack>\n            </td>\n            <td>\n              <DriftBadge drift={link.drift} />\n              <div class={narrowOnly}>\n                <Meta as=\"span\">\n                  <ChangedAt value={link.changedAt} />\n                </Meta>\n              </div>\n            </td>\n            <td class={wideOnly}>\n              <ChangedAt value={link.changedAt} />\n            </td>\n          </tr>\n        ))}\n    </>\n  );\n}\n\n/** Says which providers cannot be checked and where to add a token. */\nfunction DriftAlert(props: { data: DesignCoverageData }): Rendered {\n  const { project, withoutToken } = props.data;\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  return (\n    <Alert tone=\"info\" title=\"Drift can't be checked\">\n      {withoutToken.join(\", \")} has no access token for this project, so StoryShelf cannot see which\n      designs changed. Add one in Settings → Design.\n      <div class=\"mt-1\">\n        <Button variant=\"secondary\" size=\"sm\" href={`${urls.settings(project.slug)}/design`}>\n          Open design settings\n        </Button>\n      </div>\n    </Alert>\n  );\n}\n\nfunction DriftTable(props: { data: DesignCoverageData }): Rendered {\n  const { data } = props;\n  return (\n    <Table>\n      <table>\n        <thead>\n          <tr>\n            <th>Component</th>\n            <th>Reason</th>\n            <th class={wideOnly}>Design changed</th>\n          </tr>\n        </thead>\n        <tbody>\n          {data.drifted.map((component) => (\n            <DriftRows key={component.importPath} data={data} component={component} />\n          ))}\n        </tbody>\n      </table>\n    </Table>\n  );\n}\n\nfunction DriftSection(props: { data: DesignCoverageData }): Rendered {\n  const { data } = props;\n  const { drifted, withoutToken, lastChecked } = data;\n  const unavailable = driftUnavailable(data);\n  return (\n    <Card id=\"drift\">\n      <VStack>\n        <SectionTitle>\n          {unavailable ? \"Needs attention\" : `Needs attention (${drifted.length})`}\n        </SectionTitle>\n        {unavailable ? null : (\n          <Meta>\n            {lastChecked ? (\n              <>\n                Last checked <RelativeTime value={lastChecked} />\n              </>\n            ) : (\n              \"Not checked yet\"\n            )}\n          </Meta>\n        )}\n        {withoutToken.length > 0 ? <DriftAlert data={data} /> : null}\n        {drifted.length > 0 ? <DriftTable data={data} /> : null}\n        {drifted.length === 0 && !unavailable ? <EmptyState title=\"No drift found\" /> : null}\n      </VStack>\n    </Card>\n  );\n}\n\nfunction CurrentSection(props: { data: DesignCoverageData }): Rendered {\n  const { current, unknown } = props.data;\n  const unknownText = `${unknown} more ${unknown === 1 ? \"has\" : \"have\"} a link but nothing stored says whether the design changed.`;\n  return (\n    <Card id=\"current\">\n      <VStack>\n        <SectionTitle>Up to date</SectionTitle>\n        <Meta>\n          {current > 0\n            ? `${current} ${current === 1 ? \"component is\" : \"components are\"} linked and ${current === 1 ? \"matches\" : \"match\"} their approved design.`\n            : unknown === 0\n              ? \"No linked components yet.\"\n              : \"\"}\n          {unknown > 0 ? ` ${unknownText}` : \"\"}\n        </Meta>\n      </VStack>\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/library.mjs

@@ -203,6 +203,12 @@ function LibraryHeader(props) {
 				href: urls.short(build.id),
 				children: "View Storybook"
 			}),
+			getStore().design.length > 0 ? /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				href: urls.designCoverage(project.slug),
+				children: "Design coverage"
+			}) : null,
 			/* @__PURE__ */ jsx(BranchPicker, {
 				project,
 				build,

package/dist/pages/library.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"library.mjs","names":[],"sources":["../../src/pages/library.tsx"],"sourcesContent":["// oxlint-disable typescript/promise-function-async -- Hono JSX may return Promise<HtmlEscapedString>\nimport { BuildModel, ProjectModel, SnapshotModel } from \"@storyshelf/core/models\";\nimport type { Build, Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { loadHealthPanel, type HealthPanelData } from \"../insights/health-panel.ts\";\nimport { catalogOf, getStore, testingEnabled } from \"../store.ts\";\nimport {\n  Button,\n  EmptyState,\n  FilterInput,\n  HStack,\n  Meta,\n  PageHeader,\n  SelectField,\n  statusTone,\n  Badge,\n} from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { ProjectDesignLinks } from \"./design-links.tsx\";\nimport { HealthSlot } from \"./health-panel.tsx\";\nimport { LibraryGrid } from \"./library-grid.tsx\";\nimport { entriesFromSnapshots, groupLibrary, type LibraryGroup } from \"./library-model.ts\";\nimport { loadSnapshotLayer, type SnapshotLayer } from \"./library-snapshots.tsx\";\n\ntype Rendered = HtmlEscapedString | Promise<HtmlEscapedString>;\n\n/**\n * Library page (ADR 0006, decision 9): the components of the latest build of the selected branch,\n * whatever its status, from the build's Storybook catalog. With `testing` the cards gain\n * screenshots, statuses and design links, and the page the health panel.\n */\nexport async function renderLibraryPage(\n  slug: string,\n  branch?: string,\n): Promise<RenderedContent | null> {\n  const project = await new ProjectModel(getStore().db).getBySlug(slug);\n  if (!project) return null;\n  const build = await getLibraryBuild(project, branch);\n  if (!build) return renderEmptyLibrary(project);\n  const data = await loadLibraryData(project, build);\n  if (data.groups.length === 0) return renderNoStories(project, build);\n  return (\n    <DocumentLayout\n      title=\"Library\"\n      nav={{ active: \"library\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <LibraryHeader\n        project={project}\n        build={build}\n        components={data.groups.length}\n        stories={data.groups.reduce((total, group) => total + group.stories.length, 0)}\n        branches={data.branches}\n      />\n      {data.layer && data.layer.design.projectLinks.length > 0 ? (\n        <ProjectDesignLinks links={data.layer.design.projectLinks} />\n      ) : null}\n      <HealthSlot project={project} data={data.health} />\n      <LibraryGrid groups={data.groups} project={project} build={build} layer={data.layer} />\n      <div data-filter-empty hidden>\n        <Meta center>No stories match your filter.</Meta>\n      </div>\n    </DocumentLayout>\n  );\n}\n\n/** Everything the library renders of a build: catalog groups, branches, and the `testing` layer. */\ninterface LibraryData {\n  groups: LibraryGroup[];\n  branches: string[];\n  layer: SnapshotLayer | null;\n  health: HealthPanelData | null;\n}\n\nasync function loadLibraryData(project: Project, build: Build): Promise<LibraryData> {\n  const testing = testingEnabled();\n  const [catalog, snapshots, branches] = await Promise.all([\n    catalogOf().load(project.id, build.id),\n    testing ? new SnapshotModel(getStore().db).listByBuild(build.id) : Promise.resolve([]),\n    distinctBranches(project.id),\n  ]);\n  const entries = catalog?.entries ?? entriesFromSnapshots(snapshots);\n  return {\n    groups: groupLibrary(entries),\n    branches,\n    layer: snapshots.length > 0 ? await loadSnapshotLayer(project, snapshots) : null,\n    health: testing ? await loadHealthPanel(project) : null,\n  };\n}\n\n/** Latest build of the branch (default branch when none is chosen), whatever its status. */\nasync function getLibraryBuild(project: Project, branch?: string): Promise<Build | null> {\n  const buildModel = new BuildModel(getStore().db);\n  const trimmed = branch?.trim();\n  const target = trimmed === undefined || trimmed === \"\" ? project.gitDefaultBranch : trimmed;\n  const byBranch = await buildModel.list(project.id, { branch: target, limit: 1 });\n  if (byBranch[0]) return byBranch[0];\n  if (target !== project.gitDefaultBranch) {\n    const defaults = await buildModel.list(project.id, {\n      branch: project.gitDefaultBranch,\n      limit: 1,\n    });\n    if (defaults[0]) return defaults[0];\n  }\n  return (await buildModel.list(project.id, { limit: 1 }))[0] ?? null;\n}\n\nasync function distinctBranches(projectId: string): Promise<string[]> {\n  const buildsList = await new BuildModel(getStore().db).list(projectId);\n  return [...new Set(buildsList.map((b) => b.gitBranch))].toSorted((a, b) => a.localeCompare(b));\n}\n\nfunction renderEmptyLibrary(project: Project): RenderedContent {\n  return (\n    <DocumentLayout\n      title=\"Library\"\n      nav={{ active: \"library\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Library\"\n        description={\n          <>All stories/components from the latest build on {project.gitDefaultBranch}.</>\n        }\n      />\n      <EmptyState title=\"No builds yet\" description=\"Upload a build to populate the library.\" />\n    </DocumentLayout>\n  );\n}\n\n/** A build with nothing to list: still publishing, failed, or its Storybook is gone. */\nfunction renderNoStories(project: Project, build: Build): RenderedContent {\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  const preparing = build.status === \"pending\";\n  return (\n    <DocumentLayout\n      title=\"Library\"\n      nav={{ active: \"library\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Library\"\n        description={\n          <>\n            Latest build {build.gitBranch} · {build.gitSha.slice(0, 7)} · {build.status}\n          </>\n        }\n      />\n      <EmptyState\n        title={preparing ? \"Preparing the library\" : \"No stories in the latest build\"}\n        description={\n          preparing\n            ? \"The latest build is still being published. Reload in a moment.\"\n            : \"The latest build has no readable Storybook index, so there is nothing to list.\"\n        }\n        action={\n          <Button variant=\"secondary\" href={urls.build(project.slug, build.id)}>\n            View build\n          </Button>\n        }\n      />\n    </DocumentLayout>\n  );\n}\n\nfunction LibraryHeader(props: {\n  project: Project;\n  build: Build;\n  components: number;\n  stories: number;\n  branches: string[];\n}): Rendered {\n  const { project, build } = props;\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  return (\n    <PageHeader\n      title=\"Library\"\n      description={\n        <>\n          {props.components} {props.components === 1 ? \"component\" : \"components\"} · {props.stories}{\" \"}\n          {props.stories === 1 ? \"story\" : \"stories\"} · Latest build{\" \"}\n          <a href={urls.build(project.slug, build.id)}>\n            {build.gitBranch} · {build.gitSha.slice(0, 7)}\n          </a>{\" \"}\n          · {new Date(build.createdAt).toLocaleString()}{\" \"}\n          <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n        </>\n      }\n      actions={\n        <HStack>\n          <FilterInput label=\"Filter stories\" placeholder=\"Filter stories…\" />\n          <Button variant=\"ghost\" size=\"sm\" icon=\"external-link\" href={urls.short(build.id)}>\n            View Storybook\n          </Button>\n          <BranchPicker project={project} build={build} branches={props.branches} />\n        </HStack>\n      }\n    />\n  );\n}\n\nfunction BranchPicker(props: { project: Project; build: Build; branches: string[] }): Rendered {\n  return (\n    <form method=\"get\" action={`/projects/${props.project.slug}/library`}>\n      <HStack>\n        <SelectField\n          label=\"Branch\"\n          name=\"branch\"\n          layout=\"inline\"\n          value={props.build.gitBranch}\n          options={props.branches.map((b) => ({ value: b, label: b }))}\n        />\n        <Button variant=\"secondary\" type=\"submit\">\n          View\n        </Button>\n      </HStack>\n    </form>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"library.mjs","names":[],"sources":["../../src/pages/library.tsx"],"sourcesContent":["// oxlint-disable typescript/promise-function-async -- Hono JSX may return Promise<HtmlEscapedString>\nimport { BuildModel, ProjectModel, SnapshotModel } from \"@storyshelf/core/models\";\nimport type { Build, Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { loadHealthPanel, type HealthPanelData } from \"../insights/health-panel.ts\";\nimport { catalogOf, getStore, testingEnabled } from \"../store.ts\";\nimport {\n  Button,\n  EmptyState,\n  FilterInput,\n  HStack,\n  Meta,\n  PageHeader,\n  SelectField,\n  statusTone,\n  Badge,\n} from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { ProjectDesignLinks } from \"./design-links.tsx\";\nimport { HealthSlot } from \"./health-panel.tsx\";\nimport { LibraryGrid } from \"./library-grid.tsx\";\nimport { entriesFromSnapshots, groupLibrary, type LibraryGroup } from \"./library-model.ts\";\nimport { loadSnapshotLayer, type SnapshotLayer } from \"./library-snapshots.tsx\";\n\ntype Rendered = HtmlEscapedString | Promise<HtmlEscapedString>;\n\n/**\n * Library page (ADR 0006, decision 9): the components of the latest build of the selected branch,\n * whatever its status, from the build's Storybook catalog. With `testing` the cards gain\n * screenshots, statuses and design links, and the page the health panel.\n */\nexport async function renderLibraryPage(\n  slug: string,\n  branch?: string,\n): Promise<RenderedContent | null> {\n  const project = await new ProjectModel(getStore().db).getBySlug(slug);\n  if (!project) return null;\n  const build = await getLibraryBuild(project, branch);\n  if (!build) return renderEmptyLibrary(project);\n  const data = await loadLibraryData(project, build);\n  if (data.groups.length === 0) return renderNoStories(project, build);\n  return (\n    <DocumentLayout\n      title=\"Library\"\n      nav={{ active: \"library\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <LibraryHeader\n        project={project}\n        build={build}\n        components={data.groups.length}\n        stories={data.groups.reduce((total, group) => total + group.stories.length, 0)}\n        branches={data.branches}\n      />\n      {data.layer && data.layer.design.projectLinks.length > 0 ? (\n        <ProjectDesignLinks links={data.layer.design.projectLinks} />\n      ) : null}\n      <HealthSlot project={project} data={data.health} />\n      <LibraryGrid groups={data.groups} project={project} build={build} layer={data.layer} />\n      <div data-filter-empty hidden>\n        <Meta center>No stories match your filter.</Meta>\n      </div>\n    </DocumentLayout>\n  );\n}\n\n/** Everything the library renders of a build: catalog groups, branches, and the `testing` layer. */\ninterface LibraryData {\n  groups: LibraryGroup[];\n  branches: string[];\n  layer: SnapshotLayer | null;\n  health: HealthPanelData | null;\n}\n\nasync function loadLibraryData(project: Project, build: Build): Promise<LibraryData> {\n  const testing = testingEnabled();\n  const [catalog, snapshots, branches] = await Promise.all([\n    catalogOf().load(project.id, build.id),\n    testing ? new SnapshotModel(getStore().db).listByBuild(build.id) : Promise.resolve([]),\n    distinctBranches(project.id),\n  ]);\n  const entries = catalog?.entries ?? entriesFromSnapshots(snapshots);\n  return {\n    groups: groupLibrary(entries),\n    branches,\n    layer: snapshots.length > 0 ? await loadSnapshotLayer(project, snapshots) : null,\n    health: testing ? await loadHealthPanel(project) : null,\n  };\n}\n\n/** Latest build of the branch (default branch when none is chosen), whatever its status. */\nasync function getLibraryBuild(project: Project, branch?: string): Promise<Build | null> {\n  const buildModel = new BuildModel(getStore().db);\n  const trimmed = branch?.trim();\n  const target = trimmed === undefined || trimmed === \"\" ? project.gitDefaultBranch : trimmed;\n  const byBranch = await buildModel.list(project.id, { branch: target, limit: 1 });\n  if (byBranch[0]) return byBranch[0];\n  if (target !== project.gitDefaultBranch) {\n    const defaults = await buildModel.list(project.id, {\n      branch: project.gitDefaultBranch,\n      limit: 1,\n    });\n    if (defaults[0]) return defaults[0];\n  }\n  return (await buildModel.list(project.id, { limit: 1 }))[0] ?? null;\n}\n\nasync function distinctBranches(projectId: string): Promise<string[]> {\n  const buildsList = await new BuildModel(getStore().db).list(projectId);\n  return [...new Set(buildsList.map((b) => b.gitBranch))].toSorted((a, b) => a.localeCompare(b));\n}\n\nfunction renderEmptyLibrary(project: Project): RenderedContent {\n  return (\n    <DocumentLayout\n      title=\"Library\"\n      nav={{ active: \"library\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Library\"\n        description={\n          <>All stories/components from the latest build on {project.gitDefaultBranch}.</>\n        }\n      />\n      <EmptyState title=\"No builds yet\" description=\"Upload a build to populate the library.\" />\n    </DocumentLayout>\n  );\n}\n\n/** A build with nothing to list: still publishing, failed, or its Storybook is gone. */\nfunction renderNoStories(project: Project, build: Build): RenderedContent {\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  const preparing = build.status === \"pending\";\n  return (\n    <DocumentLayout\n      title=\"Library\"\n      nav={{ active: \"library\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Library\"\n        description={\n          <>\n            Latest build {build.gitBranch} · {build.gitSha.slice(0, 7)} · {build.status}\n          </>\n        }\n      />\n      <EmptyState\n        title={preparing ? \"Preparing the library\" : \"No stories in the latest build\"}\n        description={\n          preparing\n            ? \"The latest build is still being published. Reload in a moment.\"\n            : \"The latest build has no readable Storybook index, so there is nothing to list.\"\n        }\n        action={\n          <Button variant=\"secondary\" href={urls.build(project.slug, build.id)}>\n            View build\n          </Button>\n        }\n      />\n    </DocumentLayout>\n  );\n}\n\nfunction LibraryHeader(props: {\n  project: Project;\n  build: Build;\n  components: number;\n  stories: number;\n  branches: string[];\n}): Rendered {\n  const { project, build } = props;\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  return (\n    <PageHeader\n      title=\"Library\"\n      description={\n        <>\n          {props.components} {props.components === 1 ? \"component\" : \"components\"} · {props.stories}{\" \"}\n          {props.stories === 1 ? \"story\" : \"stories\"} · Latest build{\" \"}\n          <a href={urls.build(project.slug, build.id)}>\n            {build.gitBranch} · {build.gitSha.slice(0, 7)}\n          </a>{\" \"}\n          · {new Date(build.createdAt).toLocaleString()}{\" \"}\n          <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n        </>\n      }\n      actions={\n        <HStack>\n          <FilterInput label=\"Filter stories\" placeholder=\"Filter stories…\" />\n          <Button variant=\"ghost\" size=\"sm\" icon=\"external-link\" href={urls.short(build.id)}>\n            View Storybook\n          </Button>\n          {getStore().design.length > 0 ? (\n            <Button variant=\"ghost\" size=\"sm\" href={urls.designCoverage(project.slug)}>\n              Design coverage\n            </Button>\n          ) : null}\n          <BranchPicker project={project} build={build} branches={props.branches} />\n        </HStack>\n      }\n    />\n  );\n}\n\nfunction BranchPicker(props: { project: Project; build: Build; branches: string[] }): Rendered {\n  return (\n    <form method=\"get\" action={`/projects/${props.project.slug}/library`}>\n      <HStack>\n        <SelectField\n          label=\"Branch\"\n          name=\"branch\"\n          layout=\"inline\"\n          value={props.build.gitBranch}\n          options={props.branches.map((b) => ({ value: b, label: b }))}\n        />\n        <Button variant=\"secondary\" type=\"submit\">\n          View\n        </Button>\n      </HStack>\n    </form>\n  );\n}\n"],"mappings":"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"}

package/dist/routers/design-coverage.handlers.mjs

@@ -0,0 +1,116 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { credentialKeys } from "../credential-keys.mjs";
+import { getStore, testingEnabled } from "../store.mjs";
+import { viewerIdOf } from "./design-connect.handlers.mjs";
+import { nodeModel, providerNameFor } from "./design.handlers.mjs";
+import { groupLibrary } from "../pages/library-model.mjs";
+import { BaselineModel, DesignCredentialModel, DesignModel, designDrift, normalizeImportPath, resolveDesigns } from "@storyshelf/core/models";
+import { parseDesignUrl } from "@storyshelf/core/adapter/design";
+// src/routers/design-coverage.handlers.ts
+/** Order of severity when a component links several designs: the worst one speaks for it. */
+const SEVERITY = [
+	"deleted",
+	"stale",
+	"unknown",
+	"current"
+];
+/** Coverage of a build's components: what lacks a design link, what drifted, and what is in sync. */
+async function coverageOf(project, build, entries, snapshots) {
+	const { db, design } = getStore();
+	const manual = await new DesignModel(db, design).componentLinks(project.id);
+	const resolutions = resolveDesigns(manual, snapshots);
+	const components = groupLibrary(entries).filter((group) => group.importPath !== "");
+	const urls = [...new Set([...resolutions.values()].flatMap((resolution) => resolution.urls))];
+	const [cached, withToken] = await Promise.all([nodeModel().cachedFor(project.id, urls, viewerIdOf()).catch(() => /* @__PURE__ */ new Map()), providersWithToken(project, urls)]);
+	const baselines = await approvedVersions(project, entries);
+	return {
+		...summarize(project, build, components.map((group) => {
+			const key = normalizeImportPath(group.importPath);
+			const baseline = baselines.get(key) ?? null;
+			const links = (resolutions.get(key)?.urls ?? []).map((url) => linkOf(url, cached.get(url), baseline, withToken));
+			return {
+				title: group.title,
+				importPath: group.importPath,
+				stories: group.stories.length,
+				links
+			};
+		}), urls, withToken),
+		lastChecked: newestFetch(urls.flatMap((url) => cached.get(url)?.fetchedAt ?? [])),
+		storyLinksRead: testingEnabled()
+	};
+}
+function linkOf(url, node, baseline, withToken) {
+	const kind = parseDesignUrl(getStore().design, url)?.provider.metadata.kind ?? "";
+	const drift = withToken.has(kind) ? designDrift(node, baseline) : "unknown";
+	return {
+		url,
+		providerName: providerNameFor(url),
+		name: node?.name ?? null,
+		drift,
+		changedAt: node?.lastModified ?? null
+	};
+}
+/**
+* How far each component's approval reaches: the OLDEST `updatedAt` among the current
+* default-branch baselines of its stories (every viewport and browser), by normalized story file.
+* A design edited after any of those screenshots was approved has drifted from it, so the oldest
+* decides. A snapshot's own `baselineVersion` is the baseline it was diffed against, which
+* promotion has since replaced. Without testing there are no baselines to compare with.
+*/
+async function approvedVersions(project, entries) {
+	if (!testingEnabled()) return /* @__PURE__ */ new Map();
+	return oldestPerFile((await new BaselineModel(getStore().db).list(project.id)).filter((baseline) => baseline.branch === project.gitDefaultBranch), entries);
+}
+/** The oldest `updatedAt` of the given baselines, by the normalized story file of their story. */
+function oldestPerFile(baselines, entries) {
+	const fileOf = new Map(entries.map((entry) => [entry.id, normalizeImportPath(entry.importPath)]));
+	const oldest = /* @__PURE__ */ new Map();
+	for (const baseline of baselines) {
+		const key = fileOf.get(baseline.storyId);
+		const known = key === void 0 ? void 0 : oldest.get(key);
+		if (key !== void 0 && (known === void 0 || baseline.updatedAt < known)) oldest.set(key, baseline.updatedAt);
+	}
+	return oldest;
+}
+/** Provider kinds, among those the links use, that the project has a token for. */
+async function providersWithToken(project, urls) {
+	const credentials = new DesignCredentialModel(getStore().db, credentialKeys(getStore().config));
+	const kinds = new Set(urls.flatMap((url) => parseDesignUrl(getStore().design, url)?.provider.metadata.kind ?? []));
+	const have = await Promise.all([...kinds].map(async (kind) => await credentials.info(project.id, kind) ? kind : null));
+	return new Set(have.flatMap((kind) => kind === null ? [] : [kind]));
+}
+/** The most recent time any of the linked designs' metadata was fetched, or null when none was. */
+function newestFetch(times) {
+	return times.toSorted().at(-1) ?? null;
+}
+/** The newest `changedAt` among a component's drifted links (0 when none is known). */
+function changedMs(component) {
+	const times = component.links.flatMap((link) => link.changedAt ? [Date.parse(link.changedAt)] : []);
+	return Math.max(0, ...times.filter((time) => Number.isFinite(time)));
+}
+const deletedFirst = (row) => worst(row.links) === "deleted" ? 0 : 1;
+/** Deleted designs first, then the most recently changed. */
+function byUrgency(a, b) {
+	return deletedFirst(a) - deletedFirst(b) || changedMs(b) - changedMs(a);
+}
+function worst(links) {
+	return SEVERITY.find((drift) => links.some((link) => link.drift === drift)) ?? "unknown";
+}
+function summarize(project, build, rows, urls, withToken) {
+	const linked = rows.filter((row) => row.links.length > 0);
+	const kinds = [...new Set(urls.map((url) => parseDesignUrl(getStore().design, url)?.provider))];
+	return {
+		project,
+		build,
+		unlinked: rows.filter((row) => row.links.length === 0).toSorted((a, b) => a.importPath.localeCompare(b.importPath)),
+		drifted: linked.filter((row) => ["deleted", "stale"].includes(worst(row.links))).toSorted(byUrgency),
+		current: linked.filter((row) => worst(row.links) === "current").length,
+		unknown: linked.filter((row) => worst(row.links) === "unknown").length,
+		withoutToken: kinds.flatMap((provider) => provider && !withToken.has(provider.metadata.kind) ? [provider.metadata.name] : [])
+	};
+}
+export { coverageOf };
+
+//# sourceMappingURL=design-coverage.handlers.mjs.map

package/dist/routers/design-coverage.handlers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-coverage.handlers.mjs","names":[],"sources":["../../src/routers/design-coverage.handlers.ts"],"sourcesContent":["import { parseDesignUrl } from \"@storyshelf/core/adapter/design\";\nimport type { CatalogEntry } from \"@storyshelf/core/capture\";\nimport {\n  BaselineModel,\n  DesignCredentialModel,\n  DesignModel,\n  designDrift,\n  normalizeImportPath,\n  resolveDesigns,\n  type DesignDrift,\n} from \"@storyshelf/core/models\";\nimport type { Baseline, Build, DesignNode, Project, Snapshot } from \"@storyshelf/core/schema\";\nimport { credentialKeys } from \"../credential-keys.ts\";\nimport type {\n  CoverageComponent,\n  CoverageLink,\n  DesignCoverageData,\n} from \"../pages/design-coverage.tsx\";\nimport { groupLibrary } from \"../pages/library-model.ts\";\nimport { getStore, testingEnabled } from \"../store.ts\";\nimport { viewerIdOf } from \"./design-connect.handlers.ts\";\nimport { nodeModel, providerNameFor } from \"./design.handlers.ts\";\n\n/** Order of severity when a component links several designs: the worst one speaks for it. */\nconst SEVERITY: readonly DesignDrift[] = [\"deleted\", \"stale\", \"unknown\", \"current\"];\n\n/** Coverage of a build's components: what lacks a design link, what drifted, and what is in sync. */\nexport async function coverageOf(\n  project: Project,\n  build: Build,\n  entries: readonly CatalogEntry[],\n  snapshots: readonly Snapshot[],\n): Promise<DesignCoverageData> {\n  const { db, design } = getStore();\n  const manual = await new DesignModel(db, design).componentLinks(project.id);\n  const resolutions = resolveDesigns(manual, snapshots);\n  const components = groupLibrary(entries).filter((group) => group.importPath !== \"\");\n  const urls = [...new Set([...resolutions.values()].flatMap((resolution) => resolution.urls))];\n  const [cached, withToken] = await Promise.all([\n    nodeModel()\n      .cachedFor(project.id, urls, viewerIdOf())\n      .catch(() => new Map<string, DesignNode>()),\n    providersWithToken(project, urls),\n  ]);\n  const baselines = await approvedVersions(project, entries);\n  const rows = components.map((group) => {\n    const key = normalizeImportPath(group.importPath);\n    const baseline = baselines.get(key) ?? null;\n    const links = (resolutions.get(key)?.urls ?? []).map((url): CoverageLink =>\n      linkOf(url, cached.get(url), baseline, withToken),\n    );\n    return {\n      title: group.title,\n      importPath: group.importPath,\n      stories: group.stories.length,\n      links,\n    };\n  });\n  return {\n    ...summarize(project, build, rows, urls, withToken),\n    lastChecked: newestFetch(urls.flatMap((url) => cached.get(url)?.fetchedAt ?? [])),\n    storyLinksRead: testingEnabled(),\n  };\n}\n\nfunction linkOf(\n  url: string,\n  node: DesignNode | undefined,\n  baseline: string | null,\n  withToken: ReadonlySet<string>,\n): CoverageLink {\n  const kind = parseDesignUrl(getStore().design, url)?.provider.metadata.kind ?? \"\";\n  // Without a project token nothing says whether the design changed, whatever a member's own\n  // connection cached: report it as unknown rather than guess.\n  const drift = withToken.has(kind) ? designDrift(node, baseline) : \"unknown\";\n  return {\n    url,\n    providerName: providerNameFor(url),\n    name: node?.name ?? null,\n    drift,\n    changedAt: node?.lastModified ?? null,\n  };\n}\n\n/**\n * How far each component's approval reaches: the OLDEST `updatedAt` among the current\n * default-branch baselines of its stories (every viewport and browser), by normalized story file.\n * A design edited after any of those screenshots was approved has drifted from it, so the oldest\n * decides. A snapshot's own `baselineVersion` is the baseline it was diffed against, which\n * promotion has since replaced. Without testing there are no baselines to compare with.\n */\nasync function approvedVersions(\n  project: Project,\n  entries: readonly CatalogEntry[],\n): Promise<Map<string, string>> {\n  if (!testingEnabled()) return new Map();\n  const baselines = await new BaselineModel(getStore().db).list(project.id);\n  return oldestPerFile(\n    baselines.filter((baseline) => baseline.branch === project.gitDefaultBranch),\n    entries,\n  );\n}\n\n/** The oldest `updatedAt` of the given baselines, by the normalized story file of their story. */\nfunction oldestPerFile(\n  baselines: readonly Baseline[],\n  entries: readonly CatalogEntry[],\n): Map<string, string> {\n  const fileOf = new Map(\n    entries.map((entry) => [entry.id, normalizeImportPath(entry.importPath)] as const),\n  );\n  const oldest = new Map<string, string>();\n  for (const baseline of baselines) {\n    const key = fileOf.get(baseline.storyId);\n    const known = key === undefined ? undefined : oldest.get(key);\n    if (key !== undefined && (known === undefined || baseline.updatedAt < known)) {\n      oldest.set(key, baseline.updatedAt);\n    }\n  }\n  return oldest;\n}\n\n/** Provider kinds, among those the links use, that the project has a token for. */\nasync function providersWithToken(project: Project, urls: readonly string[]): Promise<Set<string>> {\n  const credentials = new DesignCredentialModel(getStore().db, credentialKeys(getStore().config));\n  const kinds = new Set(\n    urls.flatMap((url) => parseDesignUrl(getStore().design, url)?.provider.metadata.kind ?? []),\n  );\n  const have = await Promise.all(\n    [...kinds].map(async (kind) => ((await credentials.info(project.id, kind)) ? kind : null)),\n  );\n  return new Set(have.flatMap((kind) => (kind === null ? [] : [kind])));\n}\n\n/** The most recent time any of the linked designs' metadata was fetched, or null when none was. */\nfunction newestFetch(times: readonly string[]): string | null {\n  return times.toSorted().at(-1) ?? null;\n}\n\n/** The newest `changedAt` among a component's drifted links (0 when none is known). */\nfunction changedMs(component: CoverageComponent): number {\n  const times = component.links.flatMap((link) =>\n    link.changedAt ? [Date.parse(link.changedAt)] : [],\n  );\n  return Math.max(0, ...times.filter((time) => Number.isFinite(time)));\n}\n\nconst deletedFirst = (row: CoverageComponent): number => (worst(row.links) === \"deleted\" ? 0 : 1);\n\n/** Deleted designs first, then the most recently changed. */\nfunction byUrgency(a: CoverageComponent, b: CoverageComponent): number {\n  return deletedFirst(a) - deletedFirst(b) || changedMs(b) - changedMs(a);\n}\n\nfunction worst(links: readonly CoverageLink[]): DesignDrift {\n  return SEVERITY.find((drift) => links.some((link) => link.drift === drift)) ?? \"unknown\";\n}\n\nfunction summarize(\n  project: Project,\n  build: Build,\n  rows: readonly CoverageComponent[],\n  urls: readonly string[],\n  withToken: ReadonlySet<string>,\n): Omit<DesignCoverageData, \"storyLinksRead\" | \"lastChecked\"> {\n  const linked = rows.filter((row) => row.links.length > 0);\n  const kinds = [...new Set(urls.map((url) => parseDesignUrl(getStore().design, url)?.provider))];\n  return {\n    project,\n    build,\n    unlinked: rows\n      .filter((row) => row.links.length === 0)\n      .toSorted((a, b) => a.importPath.localeCompare(b.importPath)),\n    drifted: linked\n      .filter((row) => [\"deleted\", \"stale\"].includes(worst(row.links)))\n      .toSorted(byUrgency),\n    current: linked.filter((row) => worst(row.links) === \"current\").length,\n    unknown: linked.filter((row) => worst(row.links) === \"unknown\").length,\n    withoutToken: kinds.flatMap((provider) =>\n      provider && !withToken.has(provider.metadata.kind) ? [provider.metadata.name] : [],\n    ),\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,WAAmC;CAAC;CAAW;CAAS;CAAW;AAAS;;AAGlF,eAAsB,WACpB,SACA,OACA,SACA,WAC6B;CAC7B,MAAM,EAAE,IAAI,WAAW,SAAS;CAChC,MAAM,SAAS,MAAM,IAAI,YAAY,IAAI,MAAM,CAAC,CAAC,eAAe,QAAQ,EAAE;CAC1E,MAAM,cAAc,eAAe,QAAQ,SAAS;CACpD,MAAM,aAAa,aAAa,OAAO,CAAC,CAAC,QAAQ,UAAU,MAAM,eAAe,EAAE;CAClF,MAAM,OAAO,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,YAAY,OAAO,CAAC,CAAC,CAAC,SAAS,eAAe,WAAW,IAAI,CAAC,CAAC;CAC5F,MAAM,CAAC,QAAQ,aAAa,MAAM,QAAQ,IAAI,CAC5C,UAAU,CAAC,CACR,UAAU,QAAQ,IAAI,MAAM,WAAW,CAAC,CAAC,CACzC,4BAAY,IAAI,IAAwB,CAAC,GAC5C,mBAAmB,SAAS,IAAI,CAClC,CAAC;CACD,MAAM,YAAY,MAAM,iBAAiB,SAAS,OAAO;CAczD,OAAO;EACL,GAAG,UAAU,SAAS,OAdX,WAAW,KAAK,UAAU;GACrC,MAAM,MAAM,oBAAoB,MAAM,UAAU;GAChD,MAAM,WAAW,UAAU,IAAI,GAAG,KAAK;GACvC,MAAM,SAAS,YAAY,IAAI,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAA,CAAG,KAAK,QACpD,OAAO,KAAK,OAAO,IAAI,GAAG,GAAG,UAAU,SAAS,CAClD;GACA,OAAO;IACL,OAAO,MAAM;IACb,YAAY,MAAM;IAClB,SAAS,MAAM,QAAQ;IACvB;GACF;EACF,CAEkC,GAAG,MAAM,SAAS;EAClD,aAAa,YAAY,KAAK,SAAS,QAAQ,OAAO,IAAI,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;EAChF,gBAAgB,eAAe;CACjC;AACF;AAEA,SAAS,OACP,KACA,MACA,UACA,WACc;CACd,MAAM,OAAO,eAAe,SAAS,CAAC,CAAC,QAAQ,GAAG,CAAC,EAAE,SAAS,SAAS,QAAQ;CAG/E,MAAM,QAAQ,UAAU,IAAI,IAAI,IAAI,YAAY,MAAM,QAAQ,IAAI;CAClE,OAAO;EACL;EACA,cAAc,gBAAgB,GAAG;EACjC,MAAM,MAAM,QAAQ;EACpB;EACA,WAAW,MAAM,gBAAgB;CACnC;AACF;;;;;;;;AASA,eAAe,iBACb,SACA,SAC8B;CAC9B,IAAI,CAAC,eAAe,GAAG,uBAAO,IAAI,IAAI;CAEtC,OAAO,eACL,MAFsB,IAAI,cAAc,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,EAAE,EAAA,CAE5D,QAAQ,aAAa,SAAS,WAAW,QAAQ,gBAAgB,GAC3E,OACF;AACF;;AAGA,SAAS,cACP,WACA,SACqB;CACrB,MAAM,SAAS,IAAI,IACjB,QAAQ,KAAK,UAAU,CAAC,MAAM,IAAI,oBAAoB,MAAM,UAAU,CAAC,CAAU,CACnF;CACA,MAAM,yBAAS,IAAI,IAAoB;CACvC,KAAK,MAAM,YAAY,WAAW;EAChC,MAAM,MAAM,OAAO,IAAI,SAAS,OAAO;EACvC,MAAM,QAAQ,QAAQ,KAAA,IAAY,KAAA,IAAY,OAAO,IAAI,GAAG;EAC5D,IAAI,QAAQ,KAAA,MAAc,UAAU,KAAA,KAAa,SAAS,YAAY,QACpE,OAAO,IAAI,KAAK,SAAS,SAAS;CAEtC;CACA,OAAO;AACT;;AAGA,eAAe,mBAAmB,SAAkB,MAA+C;CACjG,MAAM,cAAc,IAAI,sBAAsB,SAAS,CAAC,CAAC,IAAI,eAAe,SAAS,CAAC,CAAC,MAAM,CAAC;CAC9F,MAAM,QAAQ,IAAI,IAChB,KAAK,SAAS,QAAQ,eAAe,SAAS,CAAC,CAAC,QAAQ,GAAG,CAAC,EAAE,SAAS,SAAS,QAAQ,CAAC,CAAC,CAC5F;CACA,MAAM,OAAO,MAAM,QAAQ,IACzB,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,OAAO,SAAW,MAAM,YAAY,KAAK,QAAQ,IAAI,IAAI,IAAK,OAAO,IAAK,CAC3F;CACA,OAAO,IAAI,IAAI,KAAK,SAAS,SAAU,SAAS,OAAO,CAAC,IAAI,CAAC,IAAI,CAAE,CAAC;AACtE;;AAGA,SAAS,YAAY,OAAyC;CAC5D,OAAO,MAAM,SAAS,CAAC,CAAC,GAAG,EAAE,KAAK;AACpC;;AAGA,SAAS,UAAU,WAAsC;CACvD,MAAM,QAAQ,UAAU,MAAM,SAAS,SACrC,KAAK,YAAY,CAAC,KAAK,MAAM,KAAK,SAAS,CAAC,IAAI,CAAC,CACnD;CACA,OAAO,KAAK,IAAI,GAAG,GAAG,MAAM,QAAQ,SAAS,OAAO,SAAS,IAAI,CAAC,CAAC;AACrE;AAEA,MAAM,gBAAgB,QAAoC,MAAM,IAAI,KAAK,MAAM,YAAY,IAAI;;AAG/F,SAAS,UAAU,GAAsB,GAA8B;CACrE,OAAO,aAAa,CAAC,IAAI,aAAa,CAAC,KAAK,UAAU,CAAC,IAAI,UAAU,CAAC;AACxE;AAEA,SAAS,MAAM,OAA6C;CAC1D,OAAO,SAAS,MAAM,UAAU,MAAM,MAAM,SAAS,KAAK,UAAU,KAAK,CAAC,KAAK;AACjF;AAEA,SAAS,UACP,SACA,OACA,MACA,MACA,WAC4D;CAC5D,MAAM,SAAS,KAAK,QAAQ,QAAQ,IAAI,MAAM,SAAS,CAAC;CACxD,MAAM,QAAQ,CAAC,GAAG,IAAI,IAAI,KAAK,KAAK,QAAQ,eAAe,SAAS,CAAC,CAAC,QAAQ,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC;CAC9F,OAAO;EACL;EACA;EACA,UAAU,KACP,QAAQ,QAAQ,IAAI,MAAM,WAAW,CAAC,CAAC,CACvC,UAAU,GAAG,MAAM,EAAE,WAAW,cAAc,EAAE,UAAU,CAAC;EAC9D,SAAS,OACN,QAAQ,QAAQ,CAAC,WAAW,OAAO,CAAC,CAAC,SAAS,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,CAChE,SAAS,SAAS;EACrB,SAAS,OAAO,QAAQ,QAAQ,MAAM,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC;EAChE,SAAS,OAAO,QAAQ,QAAQ,MAAM,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC;EAChE,cAAc,MAAM,SAAS,aAC3B,YAAY,CAAC,UAAU,IAAI,SAAS,SAAS,IAAI,IAAI,CAAC,SAAS,SAAS,IAAI,IAAI,CAAC,CACnF;CACF;AACF"}

package/dist/routers/design-coverage.mjs

@@ -0,0 +1,67 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { catalogOf, getStore, testingEnabled } from "../store.mjs";
+import { currentProjectRole, findProjectBySlug, requestHasAdminToken } from "./helpers.mjs";
+import { entriesFromSnapshots } from "../pages/library-model.mjs";
+import { renderDesignCoveragePage } from "../pages/design-coverage.mjs";
+import { coverageOf } from "./design-coverage.handlers.mjs";
+import { BuildModel, SnapshotModel } from "@storyshelf/core/models";
+// src/routers/design-coverage.ts
+/** The page's data before any build was accepted: nothing to read. */
+const NO_COVERAGE = {
+	build: null,
+	unlinked: [],
+	drifted: [],
+	current: 0,
+	unknown: 0,
+	withoutToken: [],
+	lastChecked: null,
+	storyLinksRead: false
+};
+/** The design coverage page (class `hosting`): needs a configured design provider, and a member. */
+function registerDesignCoverage(app) {
+	app.get("/projects/:slug/design/coverage", async (c) => {
+		const data = await loadDesignCoverage(c, c.req.param("slug"));
+		return data ? c.html(renderDesignCoveragePage(data)) : c.notFound();
+	});
+}
+/**
+* The page's data, or null (a 404) when no design provider is configured, the project is
+* unknown, or the viewer is not a member of it. Reads only what was stored: the catalog of the
+* latest accepted build, the design links, and cached design nodes. It never calls a provider.
+*/
+async function loadDesignCoverage(c, slug) {
+	if (getStore().design.length === 0) return null;
+	const project = await findProjectBySlug(slug);
+	if (!project || !await mayView(c, project)) return null;
+	const build = await latestAcceptedBuild(project);
+	if (!build) return {
+		...NO_COVERAGE,
+		project
+	};
+	const snapshots = testingEnabled() ? await new SnapshotModel(getStore().db).listByBuild(build.id) : [];
+	const entries = (await catalogOf().load(project.id, build.id))?.entries ?? entriesFromSnapshots(snapshots);
+	return await coverageOf(project, build, entries, snapshots);
+}
+/** With auth on, only a member (any role) or the bootstrap admin token sees the page. */
+async function mayView(c, project) {
+	if (!getStore().authEnabled || requestHasAdminToken(c)) return true;
+	return await currentProjectRole(project.id) !== null;
+}
+/** Newest approved build on the default branch, else the newest approved on any branch. */
+async function latestAcceptedBuild(project) {
+	const builds = new BuildModel(getStore().db);
+	const approved = {
+		status: "approved",
+		limit: 1
+	};
+	const [onDefault] = await builds.list(project.id, {
+		...approved,
+		branch: project.gitDefaultBranch
+	});
+	return onDefault ?? (await builds.list(project.id, approved))[0];
+}
+export { loadDesignCoverage, registerDesignCoverage };
+
+//# sourceMappingURL=design-coverage.mjs.map

package/dist/routers/design-coverage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-coverage.mjs","names":[],"sources":["../../src/routers/design-coverage.ts"],"sourcesContent":["import { BuildModel, SnapshotModel } from \"@storyshelf/core/models\";\nimport type { Build, Project } from \"@storyshelf/core/schema\";\nimport type { Context } from \"hono\";\nimport type { ShelfRouter } from \"../app-types.ts\";\nimport { renderDesignCoveragePage, type DesignCoverageData } from \"../pages/design-coverage.tsx\";\nimport { entriesFromSnapshots } from \"../pages/library-model.ts\";\nimport { catalogOf, getStore, testingEnabled } from \"../store.ts\";\nimport { coverageOf } from \"./design-coverage.handlers.ts\";\nimport { currentProjectRole, findProjectBySlug, requestHasAdminToken } from \"./helpers.ts\";\n\n/** The page's data before any build was accepted: nothing to read. */\nconst NO_COVERAGE: Omit<DesignCoverageData, \"project\"> = {\n  build: null,\n  unlinked: [],\n  drifted: [],\n  current: 0,\n  unknown: 0,\n  withoutToken: [],\n  lastChecked: null,\n  storyLinksRead: false,\n};\n\n/** The design coverage page (class `hosting`): needs a configured design provider, and a member. */\nexport function registerDesignCoverage(app: ShelfRouter): void {\n  app.get(\"/projects/:slug/design/coverage\", async (c) => {\n    const data = await loadDesignCoverage(c, c.req.param(\"slug\"));\n    return data ? c.html(renderDesignCoveragePage(data)) : c.notFound();\n  });\n}\n\n/**\n * The page's data, or null (a 404) when no design provider is configured, the project is\n * unknown, or the viewer is not a member of it. Reads only what was stored: the catalog of the\n * latest accepted build, the design links, and cached design nodes. It never calls a provider.\n */\nexport async function loadDesignCoverage(\n  c: Context,\n  slug: string,\n): Promise<DesignCoverageData | null> {\n  if (getStore().design.length === 0) return null;\n  const project = await findProjectBySlug(slug);\n  if (!project || !(await mayView(c, project))) return null;\n  const build = await latestAcceptedBuild(project);\n  if (!build) return { ...NO_COVERAGE, project };\n  const snapshots = testingEnabled()\n    ? await new SnapshotModel(getStore().db).listByBuild(build.id)\n    : [];\n  const catalog = await catalogOf().load(project.id, build.id);\n  const entries = catalog?.entries ?? entriesFromSnapshots(snapshots);\n  return await coverageOf(project, build, entries, snapshots);\n}\n\n/** With auth on, only a member (any role) or the bootstrap admin token sees the page. */\nasync function mayView(c: Context, project: Project): Promise<boolean> {\n  if (!getStore().authEnabled || requestHasAdminToken(c)) return true;\n  return (await currentProjectRole(project.id)) !== null;\n}\n\n/** Newest approved build on the default branch, else the newest approved on any branch. */\nasync function latestAcceptedBuild(project: Project): Promise<Build | undefined> {\n  const builds = new BuildModel(getStore().db);\n  const approved = { status: \"approved\", limit: 1 } as const;\n  const [onDefault] = await builds.list(project.id, {\n    ...approved,\n    branch: project.gitDefaultBranch,\n  });\n  return onDefault ?? (await builds.list(project.id, approved))[0];\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,cAAmD;CACvD,OAAO;CACP,UAAU,CAAC;CACX,SAAS,CAAC;CACV,SAAS;CACT,SAAS;CACT,cAAc,CAAC;CACf,aAAa;CACb,gBAAgB;AAClB;;AAGA,SAAgB,uBAAuB,KAAwB;CAC7D,IAAI,IAAI,mCAAmC,OAAO,MAAM;EACtD,MAAM,OAAO,MAAM,mBAAmB,GAAG,EAAE,IAAI,MAAM,MAAM,CAAC;EAC5D,OAAO,OAAO,EAAE,KAAK,yBAAyB,IAAI,CAAC,IAAI,EAAE,SAAS;CACpE,CAAC;AACH;;;;;;AAOA,eAAsB,mBACpB,GACA,MACoC;CACpC,IAAI,SAAS,CAAC,CAAC,OAAO,WAAW,GAAG,OAAO;CAC3C,MAAM,UAAU,MAAM,kBAAkB,IAAI;CAC5C,IAAI,CAAC,WAAW,CAAE,MAAM,QAAQ,GAAG,OAAO,GAAI,OAAO;CACrD,MAAM,QAAQ,MAAM,oBAAoB,OAAO;CAC/C,IAAI,CAAC,OAAO,OAAO;EAAE,GAAG;EAAa;CAAQ;CAC7C,MAAM,YAAY,eAAe,IAC7B,MAAM,IAAI,cAAc,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,MAAM,EAAE,IAC3D,CAAC;CAEL,MAAM,WAAU,MADM,UAAU,CAAC,CAAC,KAAK,QAAQ,IAAI,MAAM,EAAE,EAAA,EAClC,WAAW,qBAAqB,SAAS;CAClE,OAAO,MAAM,WAAW,SAAS,OAAO,SAAS,SAAS;AAC5D;;AAGA,eAAe,QAAQ,GAAY,SAAoC;CACrE,IAAI,CAAC,SAAS,CAAC,CAAC,eAAe,qBAAqB,CAAC,GAAG,OAAO;CAC/D,OAAQ,MAAM,mBAAmB,QAAQ,EAAE,MAAO;AACpD;;AAGA,eAAe,oBAAoB,SAA8C;CAC/E,MAAM,SAAS,IAAI,WAAW,SAAS,CAAC,CAAC,EAAE;CAC3C,MAAM,WAAW;EAAE,QAAQ;EAAY,OAAO;CAAE;CAChD,MAAM,CAAC,aAAa,MAAM,OAAO,KAAK,QAAQ,IAAI;EAChD,GAAG;EACH,QAAQ,QAAQ;CAClB,CAAC;CACD,OAAO,cAAc,MAAM,OAAO,KAAK,QAAQ,IAAI,QAAQ,EAAA,CAAG;AAChE"}

package/dist/routers/design.handlers.mjs

@@ -88,6 +88,7 @@ async function loadDesignPreviews(project, urls) {
 		renderUrl: renderUrlOf(project, node)
 	}]));
 }
+/** The design node model wired to the store (cache reads need no provider call). */
 function nodeModel() {
 	const { db, config, logger, storage, design } = getStore();
 	const credentials = new DesignCredentialModel(db, credentialKeys(config));
@@ -115,6 +116,6 @@ async function refreshWithinBudget(nodes, projectId, urls, viewerId) {
 		...viewerId ? { viewerId } : {}
 	}).catch(() => /* @__PURE__ */ new Map());
 }
-export { designUrlsFor, loadDesignPreviews, loadDesignResolutions, loadProjectDesignLinks, loadReviewDesign, providerNameFor, returnPathOf };
+export { designUrlsFor, loadDesignPreviews, loadDesignResolutions, loadProjectDesignLinks, loadReviewDesign, nodeModel, providerNameFor, returnPathOf };
 
 //# sourceMappingURL=design.handlers.mjs.map

package/dist/routers/design.handlers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design.handlers.mjs","names":[],"sources":["../../src/routers/design.handlers.ts"],"sourcesContent":["import { parseDesignUrl } from \"@storyshelf/core/adapter/design\";\nimport {\n  DesignCredentialModel,\n  DesignModel,\n  DesignNodeModel,\n  isDesignStale,\n  resolveDesigns,\n  normalizeImportPath,\n  type DesignResolution,\n} from \"@storyshelf/core/models\";\nimport type { DesignNode, Project, Snapshot } from \"@storyshelf/core/schema\";\nimport { connectionModel } from \"../connections.ts\";\nimport { credentialKeys } from \"../credential-keys.ts\";\nimport { announceDesignChangesWith } from \"../design-events.ts\";\nimport type {\n  DesignConnect,\n  DesignItem,\n  DesignPreviewInfo,\n  ProjectDesignLink,\n} from \"../pages/design-links.tsx\";\nimport { getStore } from \"../store.ts\";\nimport { loadConnectStates, viewerIdOf } from \"./design-connect.handlers.ts\";\n\n/** Most a page render waits for fresh design metadata; slower fetches finish into the cache for next time. */\nconst REFRESH_BUDGET_MS = 1500;\n\n/** Path + query of the current request, to return to after a connect round trip. */\nexport function returnPathOf(c: { req: { url: string } }): string {\n  const url = new URL(c.req.url);\n  return `${url.pathname}${url.search}`;\n}\n\n/** Component (story file) → design link(s) for a build's snapshots; files without a link are absent. */\nexport async function loadDesignResolutions(\n  project: Project,\n  snapshots: readonly Snapshot[],\n): Promise<Map<string, DesignResolution>> {\n  const { db, design } = getStore();\n  if (design.length === 0) return new Map();\n  const model = new DesignModel(db, design);\n  return resolveDesigns(await model.componentLinks(project.id), snapshots);\n}\n\n/** Design URLs of one snapshot's component. */\nexport function designUrlsFor(\n  resolutions: Map<string, DesignResolution>,\n  snapshot: Pick<Snapshot, \"storyImportPath\">,\n): string[] {\n  const key = snapshot.storyImportPath ? normalizeImportPath(snapshot.storyImportPath) : \"\";\n  return resolutions.get(key)?.urls ?? [];\n}\n\n/** Project-level design file links for the library header. */\nexport async function loadProjectDesignLinks(project: Project): Promise<ProjectDesignLink[]> {\n  const { db, design } = getStore();\n  if (design.length === 0) return [];\n  const links = await new DesignModel(db, design).projectLinks(project.id);\n  return links.map((link) => ({ label: link.label ?? \"Design\", url: link.url }));\n}\n\n/**\n * Design items for the review page: each link with cached name/state and a\n * stale flag against the snapshot's baseline. Refreshes expired metadata\n * within a short budget; failures degrade to plain deep links, never blocking review.\n */\nexport async function loadReviewDesign(\n  project: Project,\n  snapshot: Snapshot,\n  urls: readonly string[],\n  returnTo = \"/\",\n): Promise<DesignItem[]> {\n  if (urls.length === 0) return [];\n  const nodes = nodeModel();\n  const viewerId = viewerIdOf();\n  await refreshWithinBudget(nodes, project.id, urls, viewerId);\n  const cached = await nodes\n    .cachedFor(project.id, urls, viewerId)\n    .catch(() => new Map<string, DesignNode>());\n  await announceDesignChangesWith(\n    getStore(),\n    nodes,\n    project,\n    urls.map((url) => ({\n      url,\n      node: cached.get(url),\n      componentPath: snapshot.storyImportPath,\n      baselineVersion: snapshot.baselineVersion,\n    })),\n  );\n  const connects = await loadConnectStates(\n    project.id,\n    urls.map((url) => kindOf(url)),\n    returnTo,\n  ).catch(() => new Map<string, DesignConnect>());\n  return urls.map((url) => {\n    const node = cached.get(url);\n    const connect = connects.get(kindOf(url));\n    return {\n      ...(connect ? { connect } : {}),\n      url,\n      name: node?.name ?? null,\n      providerName: providerNameFor(url),\n      renderUrl: renderUrlOf(project, node),\n      state: node?.state ?? \"unknown\",\n      stale: isDesignStale(node, snapshot.baselineVersion),\n    };\n  });\n}\n\n/** Most distinct design links a library render refreshes (the model bounds file concurrency). */\nconst WARM_LIMIT = 10;\n\n/**\n * Cached name/render per design URL for library popovers. Missing or expired\n * entries are refreshed first, within the page-render budget and with bounded\n * concurrency, so a slow design API never holds the library up or fans out unbounded.\n */\nexport async function loadDesignPreviews(\n  project: Project,\n  urls: readonly string[],\n): Promise<Map<string, DesignPreviewInfo>> {\n  const distinct = [...new Set(urls)];\n  if (distinct.length === 0) return new Map();\n  const nodes = nodeModel();\n  const viewerId = viewerIdOf();\n  await refreshWithinBudget(nodes, project.id, distinct.slice(0, WARM_LIMIT), viewerId);\n  const cached = await nodes\n    .cachedFor(project.id, distinct, viewerId)\n    .catch(() => new Map<string, DesignNode>());\n  return new Map(\n    [...cached].map(([url, node]) => [\n      url,\n      { name: node.name, renderUrl: renderUrlOf(project, node) },\n    ]),\n  );\n}\n\nfunction nodeModel(): DesignNodeModel {\n  const { db, config, logger, storage, design } = getStore();\n  const credentials = new DesignCredentialModel(db, credentialKeys(config));\n  return new DesignNodeModel(db, credentials, design, {\n    logger,\n    storage,\n    connections: connectionModel(),\n  });\n}\n\nfunction kindOf(url: string): string {\n  return parseDesignUrl(getStore().design, url)?.provider.metadata.kind ?? \"\";\n}\n\n/** Display name of the provider that owns a design link (\"Figma\"), or a generic fallback. */\nexport function providerNameFor(url: string): string {\n  return parseDesignUrl(getStore().design, url)?.provider.metadata.name ?? \"Design\";\n}\n\n/** API URL of a node's cached render (version-busted), or null when none is cached. */\nfunction renderUrlOf(project: Project, node: DesignNode | undefined): string | null {\n  return node?.renderPath\n    ? `/api/v1/projects/${project.slug}/design/renders/${node.id}?v=${encodeURIComponent(node.renderVersion ?? \"\")}`\n    : null;\n}\n\n/** Refresh the links, aborting every provider call once the budget is spent (the cache keeps what landed). */\nasync function refreshWithinBudget(\n  nodes: DesignNodeModel,\n  projectId: string,\n  urls: readonly string[],\n  viewerId?: string,\n): Promise<void> {\n  await nodes\n    .refreshMany(projectId, urls, {\n      signal: AbortSignal.timeout(REFRESH_BUDGET_MS),\n      ...(viewerId ? { viewerId } : {}),\n    })\n    .catch(() => new Map());\n}\n"],"mappings":"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"}
+{"version":3,"file":"design.handlers.mjs","names":[],"sources":["../../src/routers/design.handlers.ts"],"sourcesContent":["import { parseDesignUrl } from \"@storyshelf/core/adapter/design\";\nimport {\n  DesignCredentialModel,\n  DesignModel,\n  DesignNodeModel,\n  isDesignStale,\n  resolveDesigns,\n  normalizeImportPath,\n  type DesignResolution,\n} from \"@storyshelf/core/models\";\nimport type { DesignNode, Project, Snapshot } from \"@storyshelf/core/schema\";\nimport { connectionModel } from \"../connections.ts\";\nimport { credentialKeys } from \"../credential-keys.ts\";\nimport { announceDesignChangesWith } from \"../design-events.ts\";\nimport type {\n  DesignConnect,\n  DesignItem,\n  DesignPreviewInfo,\n  ProjectDesignLink,\n} from \"../pages/design-links.tsx\";\nimport { getStore } from \"../store.ts\";\nimport { loadConnectStates, viewerIdOf } from \"./design-connect.handlers.ts\";\n\n/** Most a page render waits for fresh design metadata; slower fetches finish into the cache for next time. */\nconst REFRESH_BUDGET_MS = 1500;\n\n/** Path + query of the current request, to return to after a connect round trip. */\nexport function returnPathOf(c: { req: { url: string } }): string {\n  const url = new URL(c.req.url);\n  return `${url.pathname}${url.search}`;\n}\n\n/** Component (story file) → design link(s) for a build's snapshots; files without a link are absent. */\nexport async function loadDesignResolutions(\n  project: Project,\n  snapshots: readonly Snapshot[],\n): Promise<Map<string, DesignResolution>> {\n  const { db, design } = getStore();\n  if (design.length === 0) return new Map();\n  const model = new DesignModel(db, design);\n  return resolveDesigns(await model.componentLinks(project.id), snapshots);\n}\n\n/** Design URLs of one snapshot's component. */\nexport function designUrlsFor(\n  resolutions: Map<string, DesignResolution>,\n  snapshot: Pick<Snapshot, \"storyImportPath\">,\n): string[] {\n  const key = snapshot.storyImportPath ? normalizeImportPath(snapshot.storyImportPath) : \"\";\n  return resolutions.get(key)?.urls ?? [];\n}\n\n/** Project-level design file links for the library header. */\nexport async function loadProjectDesignLinks(project: Project): Promise<ProjectDesignLink[]> {\n  const { db, design } = getStore();\n  if (design.length === 0) return [];\n  const links = await new DesignModel(db, design).projectLinks(project.id);\n  return links.map((link) => ({ label: link.label ?? \"Design\", url: link.url }));\n}\n\n/**\n * Design items for the review page: each link with cached name/state and a\n * stale flag against the snapshot's baseline. Refreshes expired metadata\n * within a short budget; failures degrade to plain deep links, never blocking review.\n */\nexport async function loadReviewDesign(\n  project: Project,\n  snapshot: Snapshot,\n  urls: readonly string[],\n  returnTo = \"/\",\n): Promise<DesignItem[]> {\n  if (urls.length === 0) return [];\n  const nodes = nodeModel();\n  const viewerId = viewerIdOf();\n  await refreshWithinBudget(nodes, project.id, urls, viewerId);\n  const cached = await nodes\n    .cachedFor(project.id, urls, viewerId)\n    .catch(() => new Map<string, DesignNode>());\n  await announceDesignChangesWith(\n    getStore(),\n    nodes,\n    project,\n    urls.map((url) => ({\n      url,\n      node: cached.get(url),\n      componentPath: snapshot.storyImportPath,\n      baselineVersion: snapshot.baselineVersion,\n    })),\n  );\n  const connects = await loadConnectStates(\n    project.id,\n    urls.map((url) => kindOf(url)),\n    returnTo,\n  ).catch(() => new Map<string, DesignConnect>());\n  return urls.map((url) => {\n    const node = cached.get(url);\n    const connect = connects.get(kindOf(url));\n    return {\n      ...(connect ? { connect } : {}),\n      url,\n      name: node?.name ?? null,\n      providerName: providerNameFor(url),\n      renderUrl: renderUrlOf(project, node),\n      state: node?.state ?? \"unknown\",\n      stale: isDesignStale(node, snapshot.baselineVersion),\n    };\n  });\n}\n\n/** Most distinct design links a library render refreshes (the model bounds file concurrency). */\nconst WARM_LIMIT = 10;\n\n/**\n * Cached name/render per design URL for library popovers. Missing or expired\n * entries are refreshed first, within the page-render budget and with bounded\n * concurrency, so a slow design API never holds the library up or fans out unbounded.\n */\nexport async function loadDesignPreviews(\n  project: Project,\n  urls: readonly string[],\n): Promise<Map<string, DesignPreviewInfo>> {\n  const distinct = [...new Set(urls)];\n  if (distinct.length === 0) return new Map();\n  const nodes = nodeModel();\n  const viewerId = viewerIdOf();\n  await refreshWithinBudget(nodes, project.id, distinct.slice(0, WARM_LIMIT), viewerId);\n  const cached = await nodes\n    .cachedFor(project.id, distinct, viewerId)\n    .catch(() => new Map<string, DesignNode>());\n  return new Map(\n    [...cached].map(([url, node]) => [\n      url,\n      { name: node.name, renderUrl: renderUrlOf(project, node) },\n    ]),\n  );\n}\n\n/** The design node model wired to the store (cache reads need no provider call). */\nexport function nodeModel(): DesignNodeModel {\n  const { db, config, logger, storage, design } = getStore();\n  const credentials = new DesignCredentialModel(db, credentialKeys(config));\n  return new DesignNodeModel(db, credentials, design, {\n    logger,\n    storage,\n    connections: connectionModel(),\n  });\n}\n\nfunction kindOf(url: string): string {\n  return parseDesignUrl(getStore().design, url)?.provider.metadata.kind ?? \"\";\n}\n\n/** Display name of the provider that owns a design link (\"Figma\"), or a generic fallback. */\nexport function providerNameFor(url: string): string {\n  return parseDesignUrl(getStore().design, url)?.provider.metadata.name ?? \"Design\";\n}\n\n/** API URL of a node's cached render (version-busted), or null when none is cached. */\nfunction renderUrlOf(project: Project, node: DesignNode | undefined): string | null {\n  return node?.renderPath\n    ? `/api/v1/projects/${project.slug}/design/renders/${node.id}?v=${encodeURIComponent(node.renderVersion ?? \"\")}`\n    : null;\n}\n\n/** Refresh the links, aborting every provider call once the budget is spent (the cache keeps what landed). */\nasync function refreshWithinBudget(\n  nodes: DesignNodeModel,\n  projectId: string,\n  urls: readonly string[],\n  viewerId?: string,\n): Promise<void> {\n  await nodes\n    .refreshMany(projectId, urls, {\n      signal: AbortSignal.timeout(REFRESH_BUDGET_MS),\n      ...(viewerId ? { viewerId } : {}),\n    })\n    .catch(() => new Map());\n}\n"],"mappings":"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"}

package/dist/routers/ui.mjs

@@ -21,6 +21,7 @@ import { renderProjectsPage } from "../pages/projects.mjs";
 import { renderRootPage } from "../pages/root.mjs";
 import { loadBaselineReference, loadDefaultComparison } from "./baseline-reference.mjs";
 import { loadComponentPage } from "./component.handlers.mjs";
+import { registerDesignCoverage } from "./design-coverage.mjs";
 import { registerSettingsPages } from "./settings.mjs";
 import { BuildModel, CommentModel, LabelModel, ProjectModel, SnapshotModel } from "@storyshelf/core/models";
 // src/routers/ui.ts
@@ -180,6 +181,7 @@ function registerUiPages(app) {
 		if (!html) return c.notFound();
 		return c.html(html);
 	});
+	registerDesignCoverage(app);
 	registerSettingsPages(app);
 }
 /** Linked-package usage for every story of a build; empty on any failure so the page still renders. */

package/dist/routers/ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui.mjs","names":[],"sources":["../../src/routers/ui.ts"],"sourcesContent":["import { BuildModel } from \"@storyshelf/core/models\";\nimport { CommentModel } from \"@storyshelf/core/models\";\nimport { LabelModel } from \"@storyshelf/core/models\";\nimport { ProjectModel } from \"@storyshelf/core/models\";\nimport { SnapshotModel } from \"@storyshelf/core/models\";\nimport type { ProjectRole } from \"@storyshelf/core/types\";\nimport type { Context } from \"hono\";\nimport type { ShelfRouter } from \"../app-types.ts\";\nimport { loadInsightPanel } from \"../insights/panel.ts\";\nimport { renderBuildDetailPage } from \"../pages/build-detail.tsx\";\nimport type { LinkedUsageItem } from \"../pages/build-diff-usage.tsx\";\nimport { renderBuildDiffPage, selectedSnapshot } from \"../pages/build-diff.tsx\";\nimport { renderComponentPage } from \"../pages/component-detail.tsx\";\nimport { renderComputeJobsPage, renderActiveQueue } from \"../pages/compute-jobs.tsx\";\nimport { renderLabelDetailPage, renderLabelsPage } from \"../pages/label-detail.tsx\";\nimport { renderLibraryPage } from \"../pages/library.tsx\";\nimport { renderProjectBuildsPage } from \"../pages/project-builds.tsx\";\nimport { renderProjectCreatePage } from \"../pages/project-create.tsx\";\nimport { renderProjectsPage } from \"../pages/projects.tsx\";\nimport { renderRootPage } from \"../pages/root.tsx\";\nimport { getStore } from \"../store.ts\";\nimport { loadBaselineView } from \"./baseline-guard.ts\";\nimport { loadBaselineReference, loadDefaultComparison } from \"./baseline-reference.ts\";\nimport { loadComponentPage } from \"./component.handlers.ts\";\nimport {\n  designUrlsFor,\n  loadDesignResolutions,\n  loadReviewDesign,\n  returnPathOf,\n} from \"./design.handlers.ts\";\nimport { flash } from \"./flash.ts\";\nimport { currentProjectRole } from \"./helpers.ts\";\nimport { hxRedirect } from \"./htmx.ts\";\nimport { linkedUsageByStory, linkedUsageFor } from \"./links.handlers.ts\";\nimport { registerSettingsPages } from \"./settings.ts\";\nfunction asString(value: FormDataEntryValue | null): string | undefined {\n  return typeof value === \"string\" ? value.trim() : undefined;\n}\n\nfunction decodeRest(value: string): string {\n  try {\n    return decodeURIComponent(value);\n  } catch {\n    return \"\";\n  }\n}\n\ninterface QueueView {\n  buildId: string;\n  status: string;\n  queuedAt: string;\n  startedAt?: string;\n  finishedAt?: string;\n  error?: string;\n}\n\nasync function getQueueView(): Promise<QueueView[]> {\n  const queue = getStore().captureQueue;\n  if (!queue) {\n    return [];\n  }\n  const active = await queue.active();\n  return active.map((entry) => ({\n    buildId: entry.buildId,\n    status: entry.status,\n    queuedAt: entry.queuedAt,\n    startedAt: entry.startedAt,\n    finishedAt: entry.finishedAt,\n    error: entry.error,\n  }));\n}\n\nasync function canManageJobs(projectId: string): Promise<boolean> {\n  const { authEnabled } = getStore();\n  if (!authEnabled) {\n    return true;\n  }\n  const roles: readonly ProjectRole[] = [\"developer\", \"approver\", \"admin\"];\n  const role = await currentProjectRole(projectId);\n  return Boolean(role && roles.includes(role));\n}\n\n/** Register the server-rendered HTML pages (projects, builds, diffs, labels, settings). */\nexport function registerUiPages(app: ShelfRouter): void {\n  // eslint-disable-next-line promise-function-async -- renderRootPage returns RenderedContent (string | Promise<string>)\n  app.get(\"/\", async (c) => c.html(await renderRootPage()));\n  app.get(\"/projects\", async (c) => c.html(await renderProjectsPage()));\n  // eslint-disable-next-line promise-function-async -- renderProjectCreatePage returns RenderedContent (string | Promise<string>)\n  app.get(\"/projects/new\", async (c) => c.html(await renderProjectCreatePage()));\n\n  app.post(\"/projects/new\", async (c) => {\n    const form = await c.req.formData();\n    const name = asString(form.get(\"name\"));\n    const gitRepository = asString(form.get(\"gitRepository\"));\n    const gitDefaultBranch = asString(form.get(\"gitDefaultBranch\"));\n    if (!name) {\n      return c.html(\n        renderProjectCreatePage({\n          values: { name, gitRepository, gitDefaultBranch },\n          errors: { name: \"Name is required\" },\n        }),\n        400,\n      );\n    }\n    try {\n      const project = await new ProjectModel(getStore().db).create({\n        name,\n        gitRepository,\n        gitDefaultBranch,\n      });\n      await new LabelModel(getStore().db).seedFor(project.id);\n      flash(c, `Created ${project.name}`);\n      return hxRedirect(c, `/projects/${project.slug}/library`);\n    } catch (error) {\n      const message = error instanceof Error ? error.message : \"Failed to create project\";\n      return c.html(\n        renderProjectCreatePage({\n          values: { name, gitRepository, gitDefaultBranch },\n          globalError: message,\n        }),\n        400,\n      );\n    }\n  });\n\n  app.get(\"/projects/:slug\", (c) => c.redirect(`/projects/${c.req.param(\"slug\")}/library`, 302));\n\n  app.get(\"/projects/:slug/builds\", async (c) => {\n    const html = await renderProjectBuildsPage(c.req.param(\"slug\"), {\n      status: c.req.query(\"status\"),\n      branch: c.req.query(\"branch\"),\n    });\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/builds/:buildId\", async (c) => {\n    const buildId = c.req.param(\"buildId\");\n    const html = await renderBuildDetailPage(buildId, await loadBuildUsage(c, buildId));\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/jobs\", async (c) => {\n    const slug = c.req.param(\"slug\");\n    const project = await new ProjectModel(getStore().db).getBySlug(slug);\n    if (!project) {\n      return c.notFound();\n    }\n    const queueView = await getQueueView();\n    const canRetry = await canManageJobs(project.id);\n    if (c.req.query(\"partial\") === \"queue\") {\n      return c.html(renderActiveQueue(slug, queueView));\n    }\n    const html = await renderComputeJobsPage(slug, queueView, canRetry);\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/builds/:buildId/diff\", async (c) => {\n    const slug = c.req.param(\"slug\");\n    const buildId = c.req.param(\"buildId\");\n    const snapshotId = c.req.query(\"snapshot\");\n    const project = await new ProjectModel(getStore().db).getBySlug(slug);\n    if (!project) {\n      return c.notFound();\n    }\n    const build = await new BuildModel(getStore().db).get(buildId);\n    if (!build || build.projectId !== project.id) {\n      return c.notFound();\n    }\n    const snapshots = await new SnapshotModel(getStore().db).listByBuild(build.id);\n    const comments = await new CommentModel(getStore().db).listByBuild(build.id);\n    const { hasBaseline, drifted } = await loadBaselineView(project, build, snapshots);\n    const { user, authEnabled } = getStore();\n    const canReview = !authEnabled || Boolean(user);\n    const selected = selectedSnapshot(snapshots, snapshotId);\n    const design = selected\n      ? await loadReviewDesign(\n          project,\n          selected,\n          designUrlsFor(await loadDesignResolutions(project, snapshots), selected),\n          returnPathOf(c),\n        ).catch(() => [])\n      : [];\n    return c.html(\n      renderBuildDiffPage({\n        project,\n        build,\n        snapshots,\n        comments,\n        selectedId: snapshotId,\n        canReview,\n        hasBaseline,\n        drifted,\n        reference: selected ? await loadBaselineReference(project, build, selected) : undefined,\n        defaultComparison: selected ? await loadDefaultComparison(project, build, selected) : null,\n        insight: await loadInsightPanel(project, build),\n        design,\n        usage: await linkedUsageFor(\n          c,\n          project,\n          build.id,\n          selectedSnapshot(snapshots, snapshotId)?.storyImportPath ?? null,\n        ).catch(() => []),\n        publishedBaseDomain: getStore().config.publishedBaseDomain,\n      }),\n    );\n  });\n\n  app.get(\"/projects/:slug/labels\", async (c) => {\n    const html = await renderLabelsPage(c.req.param(\"slug\"));\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/labels/:key/*\", async (c) => {\n    const slug = c.req.param(\"slug\");\n    const key = c.req.param(\"key\");\n    // Hono's bare `/*` wildcard is not exposed through `param()`, so derive the\n    // label value from the raw request path and decode it ourselves.\n    const base = `/projects/${slug}/labels/${key}/`;\n    const value = c.req.path.startsWith(base) ? decodeRest(c.req.path.slice(base.length)) : \"\";\n    const html = await renderLabelDetailPage(slug, key, value);\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/components/*\", async (c) => {\n    const slug = c.req.param(\"slug\");\n    const base = `/projects/${slug}/components/`;\n    const path = c.req.path.startsWith(base) ? decodeRest(c.req.path.slice(base.length)) : \"\";\n    const data = await loadComponentPage(c, slug, path, c.req.query(\"tab\"), c.req.query(\"story\"));\n    return data ? c.html(renderComponentPage(data)) : c.notFound();\n  });\n\n  app.get(\"/projects/:slug/library\", async (c) => {\n    const html = await renderLibraryPage(c.req.param(\"slug\"), c.req.query(\"branch\"));\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  registerSettingsPages(app);\n}\n\n/** Linked-package usage for every story of a build; empty on any failure so the page still renders. */\nasync function loadBuildUsage(\n  c: Context,\n  buildId: string,\n): Promise<Map<string, LinkedUsageItem[]>> {\n  try {\n    const build = await new BuildModel(getStore().db).get(buildId);\n    const project = build ? await new ProjectModel(getStore().db).get(build.projectId) : null;\n    return build && project ? await linkedUsageByStory(c, project, build.id) : new Map();\n  } catch {\n    return new Map();\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAS,SAAS,OAAsD;CACtE,OAAO,OAAO,UAAU,WAAW,MAAM,KAAK,IAAI,KAAA;AACpD;AAEA,SAAS,WAAW,OAAuB;CACzC,IAAI;EACF,OAAO,mBAAmB,KAAK;CACjC,QAAQ;EACN,OAAO;CACT;AACF;AAWA,eAAe,eAAqC;CAClD,MAAM,QAAQ,SAAS,CAAC,CAAC;CACzB,IAAI,CAAC,OACH,OAAO,CAAC;CAGV,QAAO,MADc,MAAM,OAAO,EAAA,CACpB,KAAK,WAAW;EAC5B,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,UAAU,MAAM;EAChB,WAAW,MAAM;EACjB,YAAY,MAAM;EAClB,OAAO,MAAM;CACf,EAAE;AACJ;AAEA,eAAe,cAAc,WAAqC;CAChE,MAAM,EAAE,gBAAgB,SAAS;CACjC,IAAI,CAAC,aACH,OAAO;CAET,MAAM,QAAgC;EAAC;EAAa;EAAY;CAAO;CACvE,MAAM,OAAO,MAAM,mBAAmB,SAAS;CAC/C,OAAO,QAAQ,QAAQ,MAAM,SAAS,IAAI,CAAC;AAC7C;;AAGA,SAAgB,gBAAgB,KAAwB;CAEtD,IAAI,IAAI,KAAK,OAAO,MAAM,EAAE,KAAK,MAAM,eAAe,CAAC,CAAC;CACxD,IAAI,IAAI,aAAa,OAAO,MAAM,EAAE,KAAK,MAAM,mBAAmB,CAAC,CAAC;CAEpE,IAAI,IAAI,iBAAiB,OAAO,MAAM,EAAE,KAAK,MAAM,wBAAwB,CAAC,CAAC;CAE7E,IAAI,KAAK,iBAAiB,OAAO,MAAM;EACrC,MAAM,OAAO,MAAM,EAAE,IAAI,SAAS;EAClC,MAAM,OAAO,SAAS,KAAK,IAAI,MAAM,CAAC;EACtC,MAAM,gBAAgB,SAAS,KAAK,IAAI,eAAe,CAAC;EACxD,MAAM,mBAAmB,SAAS,KAAK,IAAI,kBAAkB,CAAC;EAC9D,IAAI,CAAC,MACH,OAAO,EAAE,KACP,wBAAwB;GACtB,QAAQ;IAAE;IAAM;IAAe;GAAiB;GAChD,QAAQ,EAAE,MAAM,mBAAmB;EACrC,CAAC,GACD,GACF;EAEF,IAAI;GACF,MAAM,UAAU,MAAM,IAAI,aAAa,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO;IAC3D;IACA;IACA;GACF,CAAC;GACD,MAAM,IAAI,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,QAAQ,EAAE;GACtD,MAAM,GAAG,WAAW,QAAQ,MAAM;GAClC,OAAO,WAAW,GAAG,aAAa,QAAQ,KAAK,SAAS;EAC1D,SAAS,OAAO;GACd,MAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU;GACzD,OAAO,EAAE,KACP,wBAAwB;IACtB,QAAQ;KAAE;KAAM;KAAe;IAAiB;IAChD,aAAa;GACf,CAAC,GACD,GACF;EACF;CACF,CAAC;CAED,IAAI,IAAI,oBAAoB,MAAM,EAAE,SAAS,aAAa,EAAE,IAAI,MAAM,MAAM,EAAE,WAAW,GAAG,CAAC;CAE7F,IAAI,IAAI,0BAA0B,OAAO,MAAM;EAC7C,MAAM,OAAO,MAAM,wBAAwB,EAAE,IAAI,MAAM,MAAM,GAAG;GAC9D,QAAQ,EAAE,IAAI,MAAM,QAAQ;GAC5B,QAAQ,EAAE,IAAI,MAAM,QAAQ;EAC9B,CAAC;EACD,IAAI,CAAC,MACH,OAAO,EAAE,SAAS;EAEpB,OAAO,EAAE,KAAK,IAAI;CACpB,CAAC;CAED,IAAI,IAAI,mCAAmC,OAAO,MAAM;EACtD,MAAM,UAAU,EAAE,IAAI,MAAM,SAAS;EACrC,MAAM,OAAO,MAAM,sBAAsB,SAAS,MAAM,eAAe,GAAG,OAAO,CAAC;EAClF,IAAI,CAAC,MACH,OAAO,EAAE,SAAS;EAEpB,OAAO,EAAE,KAAK,IAAI;CACpB,CAAC;CAED,IAAI,IAAI,wBAAwB,OAAO,MAAM;EAC3C,MAAM,OAAO,EAAE,IAAI,MAAM,MAAM;EAC/B,MAAM,UAAU,MAAM,IAAI,aAAa,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,IAAI;EACpE,IAAI,CAAC,SACH,OAAO,EAAE,SAAS;EAEpB,MAAM,YAAY,MAAM,aAAa;EACrC,MAAM,WAAW,MAAM,cAAc,QAAQ,EAAE;EAC/C,IAAI,EAAE,IAAI,MAAM,SAAS,MAAM,SAC7B,OAAO,EAAE,KAAK,kBAAkB,MAAM,SAAS,CAAC;EAElD,MAAM,OAAO,MAAM,sBAAsB,MAAM,WAAW,QAAQ;EAClE,IAAI,CAAC,MACH,OAAO,EAAE,SAAS;EAEpB,OAAO,EAAE,KAAK,IAAI;CACpB,CAAC;CAED,IAAI,IAAI,wCAAwC,OAAO,MAAM;EAC3D,MAAM,OAAO,EAAE,IAAI,MAAM,MAAM;EAC/B,MAAM,UAAU,EAAE,IAAI,MAAM,SAAS;EACrC,MAAM,aAAa,EAAE,IAAI,MAAM,UAAU;EACzC,MAAM,UAAU,MAAM,IAAI,aAAa,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,IAAI;EACpE,IAAI,CAAC,SACH,OAAO,EAAE,SAAS;EAEpB,MAAM,QAAQ,MAAM,IAAI,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,OAAO;EAC7D,IAAI,CAAC,SAAS,MAAM,cAAc,QAAQ,IACxC,OAAO,EAAE,SAAS;EAEpB,MAAM,YAAY,MAAM,IAAI,cAAc,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,MAAM,EAAE;EAC7E,MAAM,WAAW,MAAM,IAAI,aAAa,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,MAAM,EAAE;EAC3E,MAAM,EAAE,aAAa,YAAY,MAAM,iBAAiB,SAAS,OAAO,SAAS;EACjF,MAAM,EAAE,MAAM,gBAAgB,SAAS;EACvC,MAAM,YAAY,CAAC,eAAe,QAAQ,IAAI;EAC9C,MAAM,WAAW,iBAAiB,WAAW,UAAU;EACvD,MAAM,SAAS,WACX,MAAM,iBACJ,SACA,UACA,cAAc,MAAM,sBAAsB,SAAS,SAAS,GAAG,QAAQ,GACvE,aAAa,CAAC,CAChB,CAAC,CAAC,YAAY,CAAC,CAAC,IAChB,CAAC;EACL,OAAO,EAAE,KACP,oBAAoB;GAClB;GACA;GACA;GACA;GACA,YAAY;GACZ;GACA;GACA;GACA,WAAW,WAAW,MAAM,sBAAsB,SAAS,OAAO,QAAQ,IAAI,KAAA;GAC9E,mBAAmB,WAAW,MAAM,sBAAsB,SAAS,OAAO,QAAQ,IAAI;GACtF,SAAS,MAAM,iBAAiB,SAAS,KAAK;GAC9C;GACA,OAAO,MAAM,eACX,GACA,SACA,MAAM,IACN,iBAAiB,WAAW,UAAU,CAAC,EAAE,mBAAmB,IAC9D,CAAC,CAAC,YAAY,CAAC,CAAC;GAChB,qBAAqB,SAAS,CAAC,CAAC,OAAO;EACzC,CAAC,CACH;CACF,CAAC;CAED,IAAI,IAAI,0BAA0B,OAAO,MAAM;EAC7C,MAAM,OAAO,MAAM,iBAAiB,EAAE,IAAI,MAAM,MAAM,CAAC;EACvD,IAAI,CAAC,MACH,OAAO,EAAE,SAAS;EAEpB,OAAO,EAAE,KAAK,IAAI;CACpB,CAAC;CAED,IAAI,IAAI,iCAAiC,OAAO,MAAM;EACpD,MAAM,OAAO,EAAE,IAAI,MAAM,MAAM;EAC/B,MAAM,MAAM,EAAE,IAAI,MAAM,KAAK;EAG7B,MAAM,OAAO,aAAa,KAAK,UAAU,IAAI;EAC7C,MAAM,QAAQ,EAAE,IAAI,KAAK,WAAW,IAAI,IAAI,WAAW,EAAE,IAAI,KAAK,MAAM,KAAK,MAAM,CAAC,IAAI;EACxF,MAAM,OAAO,MAAM,sBAAsB,MAAM,KAAK,KAAK;EACzD,IAAI,CAAC,MACH,OAAO,EAAE,SAAS;EAEpB,OAAO,EAAE,KAAK,IAAI;CACpB,CAAC;CAED,IAAI,IAAI,gCAAgC,OAAO,MAAM;EACnD,MAAM,OAAO,EAAE,IAAI,MAAM,MAAM;EAC/B,MAAM,OAAO,aAAa,KAAK;EAC/B,MAAM,OAAO,EAAE,IAAI,KAAK,WAAW,IAAI,IAAI,WAAW,EAAE,IAAI,KAAK,MAAM,KAAK,MAAM,CAAC,IAAI;EACvF,MAAM,OAAO,MAAM,kBAAkB,GAAG,MAAM,MAAM,EAAE,IAAI,MAAM,KAAK,GAAG,EAAE,IAAI,MAAM,OAAO,CAAC;EAC5F,OAAO,OAAO,EAAE,KAAK,oBAAoB,IAAI,CAAC,IAAI,EAAE,SAAS;CAC/D,CAAC;CAED,IAAI,IAAI,2BAA2B,OAAO,MAAM;EAC9C,MAAM,OAAO,MAAM,kBAAkB,EAAE,IAAI,MAAM,MAAM,GAAG,EAAE,IAAI,MAAM,QAAQ,CAAC;EAC/E,IAAI,CAAC,MACH,OAAO,EAAE,SAAS;EAEpB,OAAO,EAAE,KAAK,IAAI;CACpB,CAAC;CAED,sBAAsB,GAAG;AAC3B;;AAGA,eAAe,eACb,GACA,SACyC;CACzC,IAAI;EACF,MAAM,QAAQ,MAAM,IAAI,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,OAAO;EAC7D,MAAM,UAAU,QAAQ,MAAM,IAAI,aAAa,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,SAAS,IAAI;EACrF,OAAO,SAAS,UAAU,MAAM,mBAAmB,GAAG,SAAS,MAAM,EAAE,oBAAI,IAAI,IAAI;CACrF,QAAQ;EACN,uBAAO,IAAI,IAAI;CACjB;AACF"}
+{"version":3,"file":"ui.mjs","names":[],"sources":["../../src/routers/ui.ts"],"sourcesContent":["import { BuildModel } from \"@storyshelf/core/models\";\nimport { CommentModel } from \"@storyshelf/core/models\";\nimport { LabelModel } from \"@storyshelf/core/models\";\nimport { ProjectModel } from \"@storyshelf/core/models\";\nimport { SnapshotModel } from \"@storyshelf/core/models\";\nimport type { ProjectRole } from \"@storyshelf/core/types\";\nimport type { Context } from \"hono\";\nimport type { ShelfRouter } from \"../app-types.ts\";\nimport { loadInsightPanel } from \"../insights/panel.ts\";\nimport { renderBuildDetailPage } from \"../pages/build-detail.tsx\";\nimport type { LinkedUsageItem } from \"../pages/build-diff-usage.tsx\";\nimport { renderBuildDiffPage, selectedSnapshot } from \"../pages/build-diff.tsx\";\nimport { renderComponentPage } from \"../pages/component-detail.tsx\";\nimport { renderComputeJobsPage, renderActiveQueue } from \"../pages/compute-jobs.tsx\";\nimport { renderLabelDetailPage, renderLabelsPage } from \"../pages/label-detail.tsx\";\nimport { renderLibraryPage } from \"../pages/library.tsx\";\nimport { renderProjectBuildsPage } from \"../pages/project-builds.tsx\";\nimport { renderProjectCreatePage } from \"../pages/project-create.tsx\";\nimport { renderProjectsPage } from \"../pages/projects.tsx\";\nimport { renderRootPage } from \"../pages/root.tsx\";\nimport { getStore } from \"../store.ts\";\nimport { loadBaselineView } from \"./baseline-guard.ts\";\nimport { loadBaselineReference, loadDefaultComparison } from \"./baseline-reference.ts\";\nimport { loadComponentPage } from \"./component.handlers.ts\";\nimport { registerDesignCoverage } from \"./design-coverage.ts\";\nimport {\n  designUrlsFor,\n  loadDesignResolutions,\n  loadReviewDesign,\n  returnPathOf,\n} from \"./design.handlers.ts\";\nimport { flash } from \"./flash.ts\";\nimport { currentProjectRole } from \"./helpers.ts\";\nimport { hxRedirect } from \"./htmx.ts\";\nimport { linkedUsageByStory, linkedUsageFor } from \"./links.handlers.ts\";\nimport { registerSettingsPages } from \"./settings.ts\";\nfunction asString(value: FormDataEntryValue | null): string | undefined {\n  return typeof value === \"string\" ? value.trim() : undefined;\n}\n\nfunction decodeRest(value: string): string {\n  try {\n    return decodeURIComponent(value);\n  } catch {\n    return \"\";\n  }\n}\n\ninterface QueueView {\n  buildId: string;\n  status: string;\n  queuedAt: string;\n  startedAt?: string;\n  finishedAt?: string;\n  error?: string;\n}\n\nasync function getQueueView(): Promise<QueueView[]> {\n  const queue = getStore().captureQueue;\n  if (!queue) {\n    return [];\n  }\n  const active = await queue.active();\n  return active.map((entry) => ({\n    buildId: entry.buildId,\n    status: entry.status,\n    queuedAt: entry.queuedAt,\n    startedAt: entry.startedAt,\n    finishedAt: entry.finishedAt,\n    error: entry.error,\n  }));\n}\n\nasync function canManageJobs(projectId: string): Promise<boolean> {\n  const { authEnabled } = getStore();\n  if (!authEnabled) {\n    return true;\n  }\n  const roles: readonly ProjectRole[] = [\"developer\", \"approver\", \"admin\"];\n  const role = await currentProjectRole(projectId);\n  return Boolean(role && roles.includes(role));\n}\n\n/** Register the server-rendered HTML pages (projects, builds, diffs, labels, settings). */\nexport function registerUiPages(app: ShelfRouter): void {\n  // eslint-disable-next-line promise-function-async -- renderRootPage returns RenderedContent (string | Promise<string>)\n  app.get(\"/\", async (c) => c.html(await renderRootPage()));\n  app.get(\"/projects\", async (c) => c.html(await renderProjectsPage()));\n  // eslint-disable-next-line promise-function-async -- renderProjectCreatePage returns RenderedContent (string | Promise<string>)\n  app.get(\"/projects/new\", async (c) => c.html(await renderProjectCreatePage()));\n\n  app.post(\"/projects/new\", async (c) => {\n    const form = await c.req.formData();\n    const name = asString(form.get(\"name\"));\n    const gitRepository = asString(form.get(\"gitRepository\"));\n    const gitDefaultBranch = asString(form.get(\"gitDefaultBranch\"));\n    if (!name) {\n      return c.html(\n        renderProjectCreatePage({\n          values: { name, gitRepository, gitDefaultBranch },\n          errors: { name: \"Name is required\" },\n        }),\n        400,\n      );\n    }\n    try {\n      const project = await new ProjectModel(getStore().db).create({\n        name,\n        gitRepository,\n        gitDefaultBranch,\n      });\n      await new LabelModel(getStore().db).seedFor(project.id);\n      flash(c, `Created ${project.name}`);\n      return hxRedirect(c, `/projects/${project.slug}/library`);\n    } catch (error) {\n      const message = error instanceof Error ? error.message : \"Failed to create project\";\n      return c.html(\n        renderProjectCreatePage({\n          values: { name, gitRepository, gitDefaultBranch },\n          globalError: message,\n        }),\n        400,\n      );\n    }\n  });\n\n  app.get(\"/projects/:slug\", (c) => c.redirect(`/projects/${c.req.param(\"slug\")}/library`, 302));\n\n  app.get(\"/projects/:slug/builds\", async (c) => {\n    const html = await renderProjectBuildsPage(c.req.param(\"slug\"), {\n      status: c.req.query(\"status\"),\n      branch: c.req.query(\"branch\"),\n    });\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/builds/:buildId\", async (c) => {\n    const buildId = c.req.param(\"buildId\");\n    const html = await renderBuildDetailPage(buildId, await loadBuildUsage(c, buildId));\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/jobs\", async (c) => {\n    const slug = c.req.param(\"slug\");\n    const project = await new ProjectModel(getStore().db).getBySlug(slug);\n    if (!project) {\n      return c.notFound();\n    }\n    const queueView = await getQueueView();\n    const canRetry = await canManageJobs(project.id);\n    if (c.req.query(\"partial\") === \"queue\") {\n      return c.html(renderActiveQueue(slug, queueView));\n    }\n    const html = await renderComputeJobsPage(slug, queueView, canRetry);\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/builds/:buildId/diff\", async (c) => {\n    const slug = c.req.param(\"slug\");\n    const buildId = c.req.param(\"buildId\");\n    const snapshotId = c.req.query(\"snapshot\");\n    const project = await new ProjectModel(getStore().db).getBySlug(slug);\n    if (!project) {\n      return c.notFound();\n    }\n    const build = await new BuildModel(getStore().db).get(buildId);\n    if (!build || build.projectId !== project.id) {\n      return c.notFound();\n    }\n    const snapshots = await new SnapshotModel(getStore().db).listByBuild(build.id);\n    const comments = await new CommentModel(getStore().db).listByBuild(build.id);\n    const { hasBaseline, drifted } = await loadBaselineView(project, build, snapshots);\n    const { user, authEnabled } = getStore();\n    const canReview = !authEnabled || Boolean(user);\n    const selected = selectedSnapshot(snapshots, snapshotId);\n    const design = selected\n      ? await loadReviewDesign(\n          project,\n          selected,\n          designUrlsFor(await loadDesignResolutions(project, snapshots), selected),\n          returnPathOf(c),\n        ).catch(() => [])\n      : [];\n    return c.html(\n      renderBuildDiffPage({\n        project,\n        build,\n        snapshots,\n        comments,\n        selectedId: snapshotId,\n        canReview,\n        hasBaseline,\n        drifted,\n        reference: selected ? await loadBaselineReference(project, build, selected) : undefined,\n        defaultComparison: selected ? await loadDefaultComparison(project, build, selected) : null,\n        insight: await loadInsightPanel(project, build),\n        design,\n        usage: await linkedUsageFor(\n          c,\n          project,\n          build.id,\n          selectedSnapshot(snapshots, snapshotId)?.storyImportPath ?? null,\n        ).catch(() => []),\n        publishedBaseDomain: getStore().config.publishedBaseDomain,\n      }),\n    );\n  });\n\n  app.get(\"/projects/:slug/labels\", async (c) => {\n    const html = await renderLabelsPage(c.req.param(\"slug\"));\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/labels/:key/*\", async (c) => {\n    const slug = c.req.param(\"slug\");\n    const key = c.req.param(\"key\");\n    // Hono's bare `/*` wildcard is not exposed through `param()`, so derive the\n    // label value from the raw request path and decode it ourselves.\n    const base = `/projects/${slug}/labels/${key}/`;\n    const value = c.req.path.startsWith(base) ? decodeRest(c.req.path.slice(base.length)) : \"\";\n    const html = await renderLabelDetailPage(slug, key, value);\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  app.get(\"/projects/:slug/components/*\", async (c) => {\n    const slug = c.req.param(\"slug\");\n    const base = `/projects/${slug}/components/`;\n    const path = c.req.path.startsWith(base) ? decodeRest(c.req.path.slice(base.length)) : \"\";\n    const data = await loadComponentPage(c, slug, path, c.req.query(\"tab\"), c.req.query(\"story\"));\n    return data ? c.html(renderComponentPage(data)) : c.notFound();\n  });\n\n  app.get(\"/projects/:slug/library\", async (c) => {\n    const html = await renderLibraryPage(c.req.param(\"slug\"), c.req.query(\"branch\"));\n    if (!html) {\n      return c.notFound();\n    }\n    return c.html(html);\n  });\n\n  registerDesignCoverage(app);\n  registerSettingsPages(app);\n}\n\n/** Linked-package usage for every story of a build; empty on any failure so the page still renders. */\nasync function loadBuildUsage(\n  c: Context,\n  buildId: string,\n): Promise<Map<string, LinkedUsageItem[]>> {\n  try {\n    const build = await new BuildModel(getStore().db).get(buildId);\n    const project = build ? await new ProjectModel(getStore().db).get(build.projectId) : null;\n    return build && project ? await linkedUsageByStory(c, project, build.id) : new Map();\n  } catch {\n    return new Map();\n  }\n}\n"],"mappings":"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"}

package/dist/routes/page-routes.mjs

@@ -21,6 +21,7 @@ const PAGE_ROUTE_CLASSES = {
 	"GET /projects/:slug/settings/links": "hosting",
 	"POST /projects/:slug/settings/links": "hosting",
 	"POST /projects/:slug/settings/links/delete": "hosting",
+	"GET /projects/:slug/design/coverage": "hosting",
 	"GET /projects/:slug/settings/design": "hosting",
 	"POST /projects/:slug/settings/design/files": "hosting",
 	"POST /projects/:slug/settings/design/files/:id/delete": "hosting",

package/dist/routes/page-routes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"page-routes.mjs","names":[],"sources":["../../src/routes/page-routes.ts"],"sourcesContent":["/** Classes of the HTML pages, Storybook serving, auth flow and engine routes. */\nimport type { RouteClass } from \"./classification.ts\";\n\n/** HTML and auth routes, keyed by `METHOD /hono-pattern`. */\nexport const PAGE_ROUTE_CLASSES: Readonly<Record<string, RouteClass>> = {\n  // hosting\n  \"GET /\": \"hosting\",\n  \"GET /projects\": \"hosting\",\n  \"GET /projects/new\": \"hosting\",\n  \"POST /projects/new\": \"hosting\",\n  \"GET /projects/:slug/labels\": \"hosting\",\n  \"GET /projects/:slug/labels/:key/*\": \"hosting\",\n  \"GET /projects/:slug/settings\": \"hosting\",\n  \"POST /projects/:slug/settings\": \"hosting\",\n  \"POST /projects/:slug/settings/review\": \"hosting\",\n  \"POST /projects/:slug/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/labels\": \"hosting\",\n  \"POST /projects/:slug/settings/labels\": \"hosting\",\n  \"POST /projects/:slug/settings/labels/:key\": \"hosting\",\n  \"POST /projects/:slug/settings/labels/:key/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/links\": \"hosting\",\n  \"POST /projects/:slug/settings/links\": \"hosting\",\n  \"POST /projects/:slug/settings/links/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/design\": \"hosting\",\n  \"POST /projects/:slug/settings/design/files\": \"hosting\",\n  \"POST /projects/:slug/settings/design/files/:id/delete\": \"hosting\",\n  \"POST /projects/:slug/settings/design/components\": \"hosting\",\n  \"POST /projects/:slug/settings/design/components/:id/delete\": \"hosting\",\n  \"POST /projects/:slug/settings/design/:provider/token\": \"hosting\",\n  \"POST /projects/:slug/settings/design/:provider/token/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/tokens\": \"hosting\",\n  \"POST /projects/:slug/settings/tokens\": \"hosting\",\n  \"POST /projects/:slug/settings/tokens/:tokenId/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/webhooks\": \"hosting\",\n  \"POST /projects/:slug/settings/webhooks\": \"hosting\",\n  \"POST /projects/:slug/settings/webhooks/:webhookId/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/notifications\": \"hosting\",\n  \"POST /projects/:slug/settings/notifications\": \"hosting\",\n  \"POST /projects/:slug/settings/notifications/:channelId/delete\": \"hosting\",\n  \"POST /projects/:slug/settings/notifications/me\": \"hosting\",\n  \"GET /projects/:slug/settings/members\": \"hosting\",\n  \"POST /projects/:slug/settings/members\": \"hosting\",\n  \"POST /projects/:slug/settings/members/:userId/remove\": \"hosting\",\n  \"POST /projects/:slug/settings/members/groups\": \"hosting\",\n  \"POST /projects/:slug/settings/members/groups/:mappingId/remove\": \"hosting\",\n  \"GET /admin\": \"hosting\",\n  \"POST /admin/credentials/reencrypt\": \"hosting\",\n  \"POST /admin/public-origin\": \"hosting\",\n  \"POST /admin/public-origin/report\": \"hosting\",\n  \"POST /admin/public-origin/clear\": \"hosting\",\n  \"GET /_\": \"hosting\",\n  \"GET /_/\": \"hosting\",\n  \"GET /_/:id\": \"hosting\",\n  \"GET /_/:id/*\": \"hosting\",\n  \"GET /projects/:slug/storybook\": \"hosting\",\n  \"GET /projects/:slug/storybook/:key/*\": \"hosting\",\n  \"GET /projects/:slug/storybook/build/:buildId/*\": \"hosting\",\n  \"GET /_s/:token/*\": \"testing\",\n  \"GET /auth/login\": \"hosting\",\n  \"GET /auth/engine/login\": \"hosting\",\n  \"POST /auth/engine/login\": \"hosting\",\n  \"GET /auth/engine/:providerId\": \"hosting\",\n  \"GET /auth/invites/:inviteId\": \"hosting\",\n  \"POST /auth/invites/:inviteId\": \"hosting\",\n  \"POST /auth/logout\": \"hosting\",\n  \"GET /.well-known/openid-configuration\": \"hosting\",\n  \"GET /.well-known/change-password\": \"hosting\",\n  \"GET /profile\": \"hosting\",\n  \"POST /profile\": \"hosting\",\n  \"POST /profile/password\": \"hosting\",\n  \"POST /profile/sessions/revoke\": \"hosting\",\n  \"POST /profile/sessions/revoke-others\": \"hosting\",\n  \"POST /profile/passkeys/:passkeyId/delete\": \"hosting\",\n  \"POST /profile/notifications\": \"hosting\",\n  \"GET /connections/:service/start\": \"hosting\",\n  \"GET /connections/:service/callback\": \"hosting\",\n  \"POST /connections/:service/disconnect\": \"hosting\",\n  \"ALL /api/auth/*\": \"hosting\",\n  // testing\n  \"GET /projects/:slug/jobs\": \"testing\",\n  \"GET /projects/:slug/builds/:buildId/diff\": \"testing\",\n  \"GET /projects/:slug/settings/tests\": \"testing\",\n  \"POST /projects/:slug/settings/tests\": \"testing\",\n  \"GET /projects/:slug/settings/capture\": \"testing\",\n  \"POST /projects/:slug/settings/capture\": \"testing\",\n  \"GET /projects/:slug/settings/ai\": \"testing\",\n  \"POST /projects/:slug/settings/ai\": \"testing\",\n  \"GET /admin/ai\": \"testing\",\n  \"GET /projects/:slug/insights/health/panel\": \"testing\",\n  \"POST /projects/:slug/insights/health/generate\": \"testing\",\n  \"GET /projects/:slug/builds/:buildId/insights/panel\": \"testing\",\n  \"POST /projects/:slug/builds/:buildId/insights/generate\": \"testing\",\n  // review\n  \"POST /projects/:slug/builds/:buildId/comments\": \"review\",\n  \"POST /projects/:slug/builds/:buildId/comments/:commentId/resolve\": \"review\",\n  \"POST /projects/:slug/builds/:buildId/reviews\": \"review\",\n  // both\n  \"GET /projects/:slug\": \"both\",\n  \"GET /projects/:slug/builds\": \"both\",\n  \"GET /projects/:slug/builds/:buildId\": \"both\",\n  \"GET /projects/:slug/library\": \"both\",\n  \"GET /projects/:slug/components/*\": \"both\",\n};\n"],"mappings":";;;;;AAIA,MAAa,qBAA2D;CAEtE,SAAS;CACT,iBAAiB;CACjB,qBAAqB;CACrB,sBAAsB;CACtB,8BAA8B;CAC9B,qCAAqC;CACrC,gCAAgC;CAChC,iCAAiC;CACjC,wCAAwC;CACxC,+BAA+B;CAC/B,uCAAuC;CACvC,wCAAwC;CACxC,6CAA6C;CAC7C,oDAAoD;CACpD,sCAAsC;CACtC,uCAAuC;CACvC,8CAA8C;CAC9C,uCAAuC;CACvC,8CAA8C;CAC9C,yDAAyD;CACzD,mDAAmD;CACnD,8DAA8D;CAC9D,wDAAwD;CACxD,+DAA+D;CAC/D,uCAAuC;CACvC,wCAAwC;CACxC,wDAAwD;CACxD,yCAAyC;CACzC,0CAA0C;CAC1C,4DAA4D;CAC5D,8CAA8C;CAC9C,+CAA+C;CAC/C,iEAAiE;CACjE,kDAAkD;CAClD,wCAAwC;CACxC,yCAAyC;CACzC,wDAAwD;CACxD,gDAAgD;CAChD,kEAAkE;CAClE,cAAc;CACd,qCAAqC;CACrC,6BAA6B;CAC7B,oCAAoC;CACpC,mCAAmC;CACnC,UAAU;CACV,WAAW;CACX,cAAc;CACd,gBAAgB;CAChB,iCAAiC;CACjC,wCAAwC;CACxC,kDAAkD;CAClD,oBAAoB;CACpB,mBAAmB;CACnB,0BAA0B;CAC1B,2BAA2B;CAC3B,gCAAgC;CAChC,+BAA+B;CAC/B,gCAAgC;CAChC,qBAAqB;CACrB,yCAAyC;CACzC,oCAAoC;CACpC,gBAAgB;CAChB,iBAAiB;CACjB,0BAA0B;CAC1B,iCAAiC;CACjC,wCAAwC;CACxC,4CAA4C;CAC5C,+BAA+B;CAC/B,mCAAmC;CACnC,sCAAsC;CACtC,yCAAyC;CACzC,mBAAmB;CAEnB,4BAA4B;CAC5B,4CAA4C;CAC5C,sCAAsC;CACtC,uCAAuC;CACvC,wCAAwC;CACxC,yCAAyC;CACzC,mCAAmC;CACnC,oCAAoC;CACpC,iBAAiB;CACjB,6CAA6C;CAC7C,iDAAiD;CACjD,sDAAsD;CACtD,0DAA0D;CAE1D,iDAAiD;CACjD,oEAAoE;CACpE,gDAAgD;CAEhD,uBAAuB;CACvB,8BAA8B;CAC9B,uCAAuC;CACvC,+BAA+B;CAC/B,oCAAoC;AACtC"}
+{"version":3,"file":"page-routes.mjs","names":[],"sources":["../../src/routes/page-routes.ts"],"sourcesContent":["/** Classes of the HTML pages, Storybook serving, auth flow and engine routes. */\nimport type { RouteClass } from \"./classification.ts\";\n\n/** HTML and auth routes, keyed by `METHOD /hono-pattern`. */\nexport const PAGE_ROUTE_CLASSES: Readonly<Record<string, RouteClass>> = {\n  // hosting\n  \"GET /\": \"hosting\",\n  \"GET /projects\": \"hosting\",\n  \"GET /projects/new\": \"hosting\",\n  \"POST /projects/new\": \"hosting\",\n  \"GET /projects/:slug/labels\": \"hosting\",\n  \"GET /projects/:slug/labels/:key/*\": \"hosting\",\n  \"GET /projects/:slug/settings\": \"hosting\",\n  \"POST /projects/:slug/settings\": \"hosting\",\n  \"POST /projects/:slug/settings/review\": \"hosting\",\n  \"POST /projects/:slug/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/labels\": \"hosting\",\n  \"POST /projects/:slug/settings/labels\": \"hosting\",\n  \"POST /projects/:slug/settings/labels/:key\": \"hosting\",\n  \"POST /projects/:slug/settings/labels/:key/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/links\": \"hosting\",\n  \"POST /projects/:slug/settings/links\": \"hosting\",\n  \"POST /projects/:slug/settings/links/delete\": \"hosting\",\n  \"GET /projects/:slug/design/coverage\": \"hosting\",\n  \"GET /projects/:slug/settings/design\": \"hosting\",\n  \"POST /projects/:slug/settings/design/files\": \"hosting\",\n  \"POST /projects/:slug/settings/design/files/:id/delete\": \"hosting\",\n  \"POST /projects/:slug/settings/design/components\": \"hosting\",\n  \"POST /projects/:slug/settings/design/components/:id/delete\": \"hosting\",\n  \"POST /projects/:slug/settings/design/:provider/token\": \"hosting\",\n  \"POST /projects/:slug/settings/design/:provider/token/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/tokens\": \"hosting\",\n  \"POST /projects/:slug/settings/tokens\": \"hosting\",\n  \"POST /projects/:slug/settings/tokens/:tokenId/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/webhooks\": \"hosting\",\n  \"POST /projects/:slug/settings/webhooks\": \"hosting\",\n  \"POST /projects/:slug/settings/webhooks/:webhookId/delete\": \"hosting\",\n  \"GET /projects/:slug/settings/notifications\": \"hosting\",\n  \"POST /projects/:slug/settings/notifications\": \"hosting\",\n  \"POST /projects/:slug/settings/notifications/:channelId/delete\": \"hosting\",\n  \"POST /projects/:slug/settings/notifications/me\": \"hosting\",\n  \"GET /projects/:slug/settings/members\": \"hosting\",\n  \"POST /projects/:slug/settings/members\": \"hosting\",\n  \"POST /projects/:slug/settings/members/:userId/remove\": \"hosting\",\n  \"POST /projects/:slug/settings/members/groups\": \"hosting\",\n  \"POST /projects/:slug/settings/members/groups/:mappingId/remove\": \"hosting\",\n  \"GET /admin\": \"hosting\",\n  \"POST /admin/credentials/reencrypt\": \"hosting\",\n  \"POST /admin/public-origin\": \"hosting\",\n  \"POST /admin/public-origin/report\": \"hosting\",\n  \"POST /admin/public-origin/clear\": \"hosting\",\n  \"GET /_\": \"hosting\",\n  \"GET /_/\": \"hosting\",\n  \"GET /_/:id\": \"hosting\",\n  \"GET /_/:id/*\": \"hosting\",\n  \"GET /projects/:slug/storybook\": \"hosting\",\n  \"GET /projects/:slug/storybook/:key/*\": \"hosting\",\n  \"GET /projects/:slug/storybook/build/:buildId/*\": \"hosting\",\n  \"GET /_s/:token/*\": \"testing\",\n  \"GET /auth/login\": \"hosting\",\n  \"GET /auth/engine/login\": \"hosting\",\n  \"POST /auth/engine/login\": \"hosting\",\n  \"GET /auth/engine/:providerId\": \"hosting\",\n  \"GET /auth/invites/:inviteId\": \"hosting\",\n  \"POST /auth/invites/:inviteId\": \"hosting\",\n  \"POST /auth/logout\": \"hosting\",\n  \"GET /.well-known/openid-configuration\": \"hosting\",\n  \"GET /.well-known/change-password\": \"hosting\",\n  \"GET /profile\": \"hosting\",\n  \"POST /profile\": \"hosting\",\n  \"POST /profile/password\": \"hosting\",\n  \"POST /profile/sessions/revoke\": \"hosting\",\n  \"POST /profile/sessions/revoke-others\": \"hosting\",\n  \"POST /profile/passkeys/:passkeyId/delete\": \"hosting\",\n  \"POST /profile/notifications\": \"hosting\",\n  \"GET /connections/:service/start\": \"hosting\",\n  \"GET /connections/:service/callback\": \"hosting\",\n  \"POST /connections/:service/disconnect\": \"hosting\",\n  \"ALL /api/auth/*\": \"hosting\",\n  // testing\n  \"GET /projects/:slug/jobs\": \"testing\",\n  \"GET /projects/:slug/builds/:buildId/diff\": \"testing\",\n  \"GET /projects/:slug/settings/tests\": \"testing\",\n  \"POST /projects/:slug/settings/tests\": \"testing\",\n  \"GET /projects/:slug/settings/capture\": \"testing\",\n  \"POST /projects/:slug/settings/capture\": \"testing\",\n  \"GET /projects/:slug/settings/ai\": \"testing\",\n  \"POST /projects/:slug/settings/ai\": \"testing\",\n  \"GET /admin/ai\": \"testing\",\n  \"GET /projects/:slug/insights/health/panel\": \"testing\",\n  \"POST /projects/:slug/insights/health/generate\": \"testing\",\n  \"GET /projects/:slug/builds/:buildId/insights/panel\": \"testing\",\n  \"POST /projects/:slug/builds/:buildId/insights/generate\": \"testing\",\n  // review\n  \"POST /projects/:slug/builds/:buildId/comments\": \"review\",\n  \"POST /projects/:slug/builds/:buildId/comments/:commentId/resolve\": \"review\",\n  \"POST /projects/:slug/builds/:buildId/reviews\": \"review\",\n  // both\n  \"GET /projects/:slug\": \"both\",\n  \"GET /projects/:slug/builds\": \"both\",\n  \"GET /projects/:slug/builds/:buildId\": \"both\",\n  \"GET /projects/:slug/library\": \"both\",\n  \"GET /projects/:slug/components/*\": \"both\",\n};\n"],"mappings":";;;;;AAIA,MAAa,qBAA2D;CAEtE,SAAS;CACT,iBAAiB;CACjB,qBAAqB;CACrB,sBAAsB;CACtB,8BAA8B;CAC9B,qCAAqC;CACrC,gCAAgC;CAChC,iCAAiC;CACjC,wCAAwC;CACxC,+BAA+B;CAC/B,uCAAuC;CACvC,wCAAwC;CACxC,6CAA6C;CAC7C,oDAAoD;CACpD,sCAAsC;CACtC,uCAAuC;CACvC,8CAA8C;CAC9C,uCAAuC;CACvC,uCAAuC;CACvC,8CAA8C;CAC9C,yDAAyD;CACzD,mDAAmD;CACnD,8DAA8D;CAC9D,wDAAwD;CACxD,+DAA+D;CAC/D,uCAAuC;CACvC,wCAAwC;CACxC,wDAAwD;CACxD,yCAAyC;CACzC,0CAA0C;CAC1C,4DAA4D;CAC5D,8CAA8C;CAC9C,+CAA+C;CAC/C,iEAAiE;CACjE,kDAAkD;CAClD,wCAAwC;CACxC,yCAAyC;CACzC,wDAAwD;CACxD,gDAAgD;CAChD,kEAAkE;CAClE,cAAc;CACd,qCAAqC;CACrC,6BAA6B;CAC7B,oCAAoC;CACpC,mCAAmC;CACnC,UAAU;CACV,WAAW;CACX,cAAc;CACd,gBAAgB;CAChB,iCAAiC;CACjC,wCAAwC;CACxC,kDAAkD;CAClD,oBAAoB;CACpB,mBAAmB;CACnB,0BAA0B;CAC1B,2BAA2B;CAC3B,gCAAgC;CAChC,+BAA+B;CAC/B,gCAAgC;CAChC,qBAAqB;CACrB,yCAAyC;CACzC,oCAAoC;CACpC,gBAAgB;CAChB,iBAAiB;CACjB,0BAA0B;CAC1B,iCAAiC;CACjC,wCAAwC;CACxC,4CAA4C;CAC5C,+BAA+B;CAC/B,mCAAmC;CACnC,sCAAsC;CACtC,yCAAyC;CACzC,mBAAmB;CAEnB,4BAA4B;CAC5B,4CAA4C;CAC5C,sCAAsC;CACtC,uCAAuC;CACvC,wCAAwC;CACxC,yCAAyC;CACzC,mCAAmC;CACnC,oCAAoC;CACpC,iBAAiB;CACjB,6CAA6C;CAC7C,iDAAiD;CACjD,sDAAsD;CACtD,0DAA0D;CAE1D,iDAAiD;CACjD,oEAAoE;CACpE,gDAAgD;CAEhD,uBAAuB;CACvB,8BAA8B;CAC9B,uCAAuC;CACvC,+BAA+B;CAC/B,oCAAoC;AACtC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyshelf/app",
-  "version": "0.9.0-next-d2cc082",
+  "version": "0.9.0-next-588f070",
   "description": "StoryShelf app: Hono app, API routes, and server-rendered UI over @storyshelf/core.",
   "keywords": [
     "chromatic-alternative",
@@ -58,8 +58,8 @@
   "dependencies": {
     "@hono/swagger-ui": "^0.6.1",
     "@hono/zod-openapi": "^1.1.5",
-    "@storyshelf/core": "0.9.0-next-d2cc082",
-    "@storyshelf/observability": "0.9.0-next-d2cc082",
+    "@storyshelf/core": "0.9.0-next-588f070",
+    "@storyshelf/observability": "0.9.0-next-588f070",
     "hono": "^4.11.0",
     "zod": "^4.6.7"
   },
@@ -68,9 +68,9 @@
     "@opentelemetry/context-async-hooks": "^2.11.0",
     "@opentelemetry/core": "^2.11.0",
     "@opentelemetry/sdk-trace-base": "^2.11.0",
-    "@storyshelf/auth": "0.9.0-next-d2cc082",
-    "@storyshelf/db-sqlite": "0.9.0-next-d2cc082",
-    "@storyshelf/design-figma": "0.9.0-next-d2cc082",
+    "@storyshelf/auth": "0.9.0-next-588f070",
+    "@storyshelf/db-sqlite": "0.9.0-next-588f070",
+    "@storyshelf/design-figma": "0.9.0-next-588f070",
     "@types/node": "^26.0.0",
     "@vitest/coverage-v8": "^4.0.0",
     "adm-zip": "0.6.1",