@storyshelf/app 0.7.0 → 0.9.0-next-d2cc082

package/dist/pages/build-diff.mjs

@@ -14,7 +14,7 @@ import { DiffNav } from "./build-diff-nav.mjs";
 import { ShortcutsDialog } from "./build-diff-shortcuts.mjs";
 import { DiffViewer } from "./build-diff-viewer.mjs";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/build-diff.tsx
+// src/pages/build-diff.tsx
 /** The snapshot the review page shows: the requested one, else the first needing review. */
 function selectedSnapshot(snapshots, selectedId) {
 	return snapshots.find((s) => s.id === selectedId) ?? snapshots.find((s) => s.status === "changed" || s.status === "new") ?? snapshots[0];
@@ -39,6 +39,8 @@ function DiffReviewGrid(props) {
 					selected,
 					siblings: groupOf(snapshots, selected.id)?.members,
 					hasBaseline,
+					reference: props.reference,
+					defaultComparison: props.defaultComparison,
 					drifted: drifted[selected.id],
 					usage,
 					design,
@@ -78,7 +80,7 @@ function reviewNav(project, build) {
 }
 /** Three-up diff review page: baseline, current, and diff with keyboard review. */
 function renderBuildDiffPage(data) {
-	const { project, build, snapshots, comments, selectedId, canReview, hasBaseline, drifted } = data;
+	const { project, build, snapshots, selectedId, canReview, drifted } = data;
 	const selected = selectedSnapshot(snapshots, selectedId);
 	const pendingGroups = reviewProgress(snapshots).pending;
 	return /* @__PURE__ */ jsxs(DocumentLayout, {
@@ -109,23 +111,15 @@ function renderBuildDiffPage(data) {
 				title: "No snapshots",
 				description: "This build has no snapshots yet. Capture may still be running."
 			}) : /* @__PURE__ */ jsx(DiffReviewGrid, {
-				project,
-				build,
-				snapshots,
-				comments,
+				...data,
 				selected,
-				canReview,
-				hasBaseline,
-				drifted,
 				usage: data.usage ?? [],
-				design: data.design ?? [],
-				publishedBaseDomain: data.publishedBaseDomain
+				design: data.design ?? []
 			}),
 			/* @__PURE__ */ jsx(ShortcutsDialog, {})
 		]
 	});
 }
-//#endregion
 export { renderBuildDiffPage, selectedSnapshot };
 
 //# sourceMappingURL=build-diff.mjs.map

package/dist/pages/build-diff.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"build-diff.mjs","names":[],"sources":["../../src/pages/build-diff.tsx"],"sourcesContent":["import type { Build } from \"@storyshelf/core/schema\";\nimport type { Comment } from \"@storyshelf/core/schema\";\nimport type { Project } from \"@storyshelf/core/schema\";\nimport type { Snapshot } from \"@storyshelf/core/schema\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { InsightPanelData } from \"../insights/panel.ts\";\nimport { EmptyState } from \"../ui/components.tsx\";\nimport { DocumentLayout, type NavConfig, type RenderedContent } from \"../ui/document.tsx\";\nimport { canvasColumn, workspace } from \"../ui/styles/review-layout.ts\";\nimport { DiffActionBar } from \"./build-diff-actions.tsx\";\nimport { DiffComments } from \"./build-diff-comments.tsx\";\nimport { ReviewNotices } from \"./build-diff-environment.tsx\";\nimport { DiffHeader } from \"./build-diff-header.tsx\";\nimport { InsightSlot } from \"./build-diff-insight.tsx\";\nimport { groupOf, reviewProgress } from \"./build-diff-model.ts\";\nimport { DiffNav } from \"./build-diff-nav.tsx\";\nimport { ShortcutsDialog } from \"./build-diff-shortcuts.tsx\";\nimport type { LinkedUsageItem } from \"./build-diff-usage.tsx\";\nimport { DiffViewer } from \"./build-diff-viewer.tsx\";\nimport type { DesignItem } from \"./design-links.tsx\";\n\n/** Data required to render the three-up build diff review page. */\nexport interface BuildDiffData {\n  project: Project;\n  build: Build;\n  snapshots: Snapshot[];\n  comments: Comment[];\n  selectedId?: string;\n  canReview: boolean;\n  hasBaseline: Record<string, boolean>;\n  /** Open snapshots whose baseline changed after their diff was computed. */\n  drifted: Record<string, \"stale\" | \"removed\">;\n  /** AI triage panel data; omitted/null hides the panel. */\n  insight?: InsightPanelData | null;\n  /** Linked packages the selected snapshot's story uses; omitted/empty hides the badges. */\n  usage?: LinkedUsageItem[];\n  /** Design links the selected snapshot's component resolves to; omitted/empty hides the strip. */\n  design?: DesignItem[];\n  /** Base domain for published Storybook deep links. */\n  publishedBaseDomain?: string;\n}\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\ninterface DiffReviewGridProps {\n  project: Project;\n  build: Build;\n  snapshots: Snapshot[];\n  comments: Comment[];\n  selected?: Snapshot;\n  canReview: boolean;\n  hasBaseline: Record<string, boolean>;\n  drifted: Record<string, \"stale\" | \"removed\">;\n  usage: LinkedUsageItem[];\n  design: DesignItem[];\n  publishedBaseDomain?: string;\n}\n\n/** The snapshot the review page shows: the requested one, else the first needing review. */\nexport function selectedSnapshot(snapshots: Snapshot[], selectedId?: string): Snapshot | undefined {\n  return (\n    snapshots.find((s) => s.id === selectedId) ??\n    snapshots.find((s) => s.status === \"changed\" || s.status === \"new\") ??\n    snapshots[0]\n  );\n}\n\n/** Snapshot nav plus the viewer/comments column for the selected snapshot. */\nfunction DiffReviewGrid(\n  props: DiffReviewGridProps,\n): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const { project, build, snapshots, comments, selected, canReview, hasBaseline, drifted } = props;\n  const { usage, design, publishedBaseDomain } = props;\n  return (\n    <div class={workspace}>\n      <DiffNav project={project} build={build} snapshots={snapshots} selectedId={selected?.id} />\n      <div class={canvasColumn}>\n        {selected ? (\n          <>\n            <DiffViewer\n              project={project}\n              build={build}\n              selected={selected}\n              siblings={groupOf(snapshots, selected.id)?.members}\n              hasBaseline={hasBaseline}\n              drifted={drifted[selected.id]}\n              usage={usage}\n              design={design}\n              publishedBaseDomain={publishedBaseDomain}\n            />\n            {project.reviewEnabled === false ? null : (\n              <DiffComments\n                project={project}\n                build={build}\n                selectedId={selected.id}\n                selectedStoryId={selected.storyId}\n                comments={comments}\n                canReview={canReview}\n              />\n            )}\n            <DiffActionBar\n              project={project}\n              build={build}\n              snapshots={snapshots}\n              selected={selected}\n              canReview={canReview}\n              drifted={drifted}\n            />\n          </>\n        ) : (\n          <EmptyState description=\"Select a snapshot to review.\" />\n        )}\n      </div>\n    </div>\n  );\n}\n\n/** Sidebar/breadcrumb context for the review page: Builds / <build> / Review. */\nfunction reviewNav(project: Project, build: Build): NavConfig {\n  return {\n    active: \"builds\",\n    projectSlug: project.slug,\n    projectName: project.name,\n    trail: [\n      {\n        label: `${build.gitBranch} · ${build.gitSha.slice(0, 7)}`,\n        href: `/projects/${project.slug}/builds/${build.id}`,\n      },\n      { label: \"Review\" },\n    ],\n  };\n}\n\n/** Three-up diff review page: baseline, current, and diff with keyboard review. */\nexport function renderBuildDiffPage(data: BuildDiffData): RenderedContent {\n  const { project, build, snapshots, comments, selectedId, canReview, hasBaseline, drifted } = data;\n  const selected = selectedSnapshot(snapshots, selectedId);\n  const pendingGroups = reviewProgress(snapshots).pending;\n\n  return (\n    <DocumentLayout\n      title={`Review · ${build.gitBranch}`}\n      nav={reviewNav(project, build)}\n      layout=\"wide\"\n    >\n      <DiffHeader\n        project={project}\n        build={build}\n        snapshots={snapshots}\n        pendingCount={pendingGroups}\n        canReview={canReview}\n      />\n      <ReviewNotices\n        project={project}\n        build={build}\n        snapshots={snapshots}\n        drifted={drifted}\n        canReview={canReview}\n      />\n      <InsightSlot project={project} build={build} data={data.insight} />\n\n      {snapshots.length === 0 ? (\n        <EmptyState\n          title=\"No snapshots\"\n          description=\"This build has no snapshots yet. Capture may still be running.\"\n        />\n      ) : (\n        <DiffReviewGrid\n          project={project}\n          build={build}\n          snapshots={snapshots}\n          comments={comments}\n          selected={selected}\n          canReview={canReview}\n          hasBaseline={hasBaseline}\n          drifted={drifted}\n          usage={data.usage ?? []}\n          design={data.design ?? []}\n          publishedBaseDomain={data.publishedBaseDomain}\n        />\n      )}\n      <ShortcutsDialog />\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA2DA,SAAgB,iBAAiB,WAAuB,YAA2C;CACjG,OACE,UAAU,MAAM,MAAM,EAAE,OAAO,UAAU,KACzC,UAAU,MAAM,MAAM,EAAE,WAAW,aAAa,EAAE,WAAW,KAAK,KAClE,UAAU;AAEd;;AAGA,SAAS,eACP,OACgD;CAChD,MAAM,EAAE,SAAS,OAAO,WAAW,UAAU,UAAU,WAAW,aAAa,YAAY;CAC3F,MAAM,EAAE,OAAO,QAAQ,wBAAwB;CAC/C,OACE,qBAAC,OAAD;EAAK,OAAO;EAAZ,UAAA,CACE,oBAAC,SAAD;GAAkB;GAAgB;GAAkB;GAAW,YAAY,UAAU;EAAK,CAAA,GAC1F,oBAAC,OAAD;GAAK,OAAO;GACT,UAAA,WACC,qBAAA,UAAA,EAAA,UAAA;IACE,oBAAC,YAAD;KACW;KACF;KACG;KACV,UAAU,QAAQ,WAAW,SAAS,EAAE,CAAC,EAAE;KAC9B;KACb,SAAS,QAAQ,SAAS;KACnB;KACC;KACa;IACtB,CAAA;IACA,QAAQ,kBAAkB,QAAQ,OACjC,oBAAC,cAAD;KACW;KACF;KACP,YAAY,SAAS;KACrB,iBAAiB,SAAS;KAChB;KACC;IACZ,CAAA;IAEH,oBAAC,eAAD;KACW;KACF;KACI;KACD;KACC;KACF;IACV,CAAA;GACD,EAAA,CAAA,IAEF,oBAAC,YAAD,EAAY,aAAY,+BAAgC,CAAA;EAEvD,CAAA,CACF;;AAET;;AAGA,SAAS,UAAU,SAAkB,OAAyB;CAC5D,OAAO;EACL,QAAQ;EACR,aAAa,QAAQ;EACrB,aAAa,QAAQ;EACrB,OAAO,CACL;GACE,OAAO,GAAG,MAAM,UAAU,KAAK,MAAM,OAAO,MAAM,GAAG,CAAC;GACtD,MAAM,aAAa,QAAQ,KAAK,UAAU,MAAM;EAClD,GACA,EAAE,OAAO,SAAS,CACpB;CACF;AACF;;AAGA,SAAgB,oBAAoB,MAAsC;CACxE,MAAM,EAAE,SAAS,OAAO,WAAW,UAAU,YAAY,WAAW,aAAa,YAAY;CAC7F,MAAM,WAAW,iBAAiB,WAAW,UAAU;CACvD,MAAM,gBAAgB,eAAe,SAAS,CAAC,CAAC;CAEhD,OACE,qBAAC,gBAAD;EACE,OAAO,YAAY,MAAM;EACzB,KAAK,UAAU,SAAS,KAAK;EAC7B,QAAO;EAHT,UAAA;GAKE,oBAAC,YAAD;IACW;IACF;IACI;IACX,cAAc;IACH;GACZ,CAAA;GACD,oBAAC,eAAD;IACW;IACF;IACI;IACF;IACE;GACZ,CAAA;GACD,oBAAC,aAAD;IAAsB;IAAgB;IAAO,MAAM,KAAK;GAAU,CAAA;GAEjE,UAAU,WAAW,IACpB,oBAAC,YAAD;IACE,OAAM;IACN,aAAY;GACb,CAAA,IAED,oBAAC,gBAAD;IACW;IACF;IACI;IACD;IACA;IACC;IACE;IACJ;IACT,OAAO,KAAK,SAAS,CAAC;IACtB,QAAQ,KAAK,UAAU,CAAC;IACxB,qBAAqB,KAAK;GAC3B,CAAA;GAEH,oBAAC,iBAAD,CAAkB,CAAA;EACJ;;AAEpB"}
+{"version":3,"file":"build-diff.mjs","names":[],"sources":["../../src/pages/build-diff.tsx"],"sourcesContent":["import type { Build } from \"@storyshelf/core/schema\";\nimport type { Comment } from \"@storyshelf/core/schema\";\nimport type { Project } from \"@storyshelf/core/schema\";\nimport type { Snapshot } from \"@storyshelf/core/schema\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { InsightPanelData } from \"../insights/panel.ts\";\nimport type { BaselineReference, DefaultComparison } from \"../routers/baseline-reference.ts\";\nimport { EmptyState } from \"../ui/components.tsx\";\nimport { DocumentLayout, type NavConfig, type RenderedContent } from \"../ui/document.tsx\";\nimport { canvasColumn, workspace } from \"../ui/styles/review-layout.ts\";\nimport { DiffActionBar } from \"./build-diff-actions.tsx\";\nimport { DiffComments } from \"./build-diff-comments.tsx\";\nimport { ReviewNotices } from \"./build-diff-environment.tsx\";\nimport { DiffHeader } from \"./build-diff-header.tsx\";\nimport { InsightSlot } from \"./build-diff-insight.tsx\";\nimport { groupOf, reviewProgress } from \"./build-diff-model.ts\";\nimport { DiffNav } from \"./build-diff-nav.tsx\";\nimport { ShortcutsDialog } from \"./build-diff-shortcuts.tsx\";\nimport type { LinkedUsageItem } from \"./build-diff-usage.tsx\";\nimport { DiffViewer } from \"./build-diff-viewer.tsx\";\nimport type { DesignItem } from \"./design-links.tsx\";\n\n/** Data required to render the three-up build diff review page. */\nexport interface BuildDiffData {\n  project: Project;\n  build: Build;\n  snapshots: Snapshot[];\n  comments: Comment[];\n  selectedId?: string;\n  canReview: boolean;\n  hasBaseline: Record<string, boolean>;\n  reference?: BaselineReference;\n  defaultComparison?: DefaultComparison | null;\n  /** Open snapshots whose baseline changed after their diff was computed. */\n  drifted: Record<string, \"stale\" | \"removed\">;\n  /** AI triage panel data; omitted/null hides the panel. */\n  insight?: InsightPanelData | null;\n  /** Linked packages the selected snapshot's story uses; omitted/empty hides the badges. */\n  usage?: LinkedUsageItem[];\n  /** Design links the selected snapshot's component resolves to; omitted/empty hides the strip. */\n  design?: DesignItem[];\n  /** Base domain for published Storybook deep links. */\n  publishedBaseDomain?: string;\n}\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\ninterface DiffReviewGridProps {\n  project: Project;\n  build: Build;\n  snapshots: Snapshot[];\n  comments: Comment[];\n  selected?: Snapshot;\n  canReview: boolean;\n  hasBaseline: Record<string, boolean>;\n  reference?: BaselineReference;\n  defaultComparison?: DefaultComparison | null;\n  drifted: Record<string, \"stale\" | \"removed\">;\n  usage: LinkedUsageItem[];\n  design: DesignItem[];\n  publishedBaseDomain?: string;\n}\n\n/** The snapshot the review page shows: the requested one, else the first needing review. */\nexport function selectedSnapshot(snapshots: Snapshot[], selectedId?: string): Snapshot | undefined {\n  return (\n    snapshots.find((s) => s.id === selectedId) ??\n    snapshots.find((s) => s.status === \"changed\" || s.status === \"new\") ??\n    snapshots[0]\n  );\n}\n\n/** Snapshot nav plus the viewer/comments column for the selected snapshot. */\nfunction DiffReviewGrid(\n  props: DiffReviewGridProps,\n): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const { project, build, snapshots, comments, selected, canReview, hasBaseline, drifted } = props;\n  const { usage, design, publishedBaseDomain } = props;\n  return (\n    <div class={workspace}>\n      <DiffNav project={project} build={build} snapshots={snapshots} selectedId={selected?.id} />\n      <div class={canvasColumn}>\n        {selected ? (\n          <>\n            <DiffViewer\n              project={project}\n              build={build}\n              selected={selected}\n              siblings={groupOf(snapshots, selected.id)?.members}\n              hasBaseline={hasBaseline}\n              reference={props.reference}\n              defaultComparison={props.defaultComparison}\n              drifted={drifted[selected.id]}\n              usage={usage}\n              design={design}\n              publishedBaseDomain={publishedBaseDomain}\n            />\n            {project.reviewEnabled === false ? null : (\n              <DiffComments\n                project={project}\n                build={build}\n                selectedId={selected.id}\n                selectedStoryId={selected.storyId}\n                comments={comments}\n                canReview={canReview}\n              />\n            )}\n            <DiffActionBar\n              project={project}\n              build={build}\n              snapshots={snapshots}\n              selected={selected}\n              canReview={canReview}\n              drifted={drifted}\n            />\n          </>\n        ) : (\n          <EmptyState description=\"Select a snapshot to review.\" />\n        )}\n      </div>\n    </div>\n  );\n}\n\n/** Sidebar/breadcrumb context for the review page: Builds / <build> / Review. */\nfunction reviewNav(project: Project, build: Build): NavConfig {\n  return {\n    active: \"builds\",\n    projectSlug: project.slug,\n    projectName: project.name,\n    trail: [\n      {\n        label: `${build.gitBranch} · ${build.gitSha.slice(0, 7)}`,\n        href: `/projects/${project.slug}/builds/${build.id}`,\n      },\n      { label: \"Review\" },\n    ],\n  };\n}\n\n/** Three-up diff review page: baseline, current, and diff with keyboard review. */\nexport function renderBuildDiffPage(data: BuildDiffData): RenderedContent {\n  const { project, build, snapshots, selectedId, canReview, drifted } = data;\n  const selected = selectedSnapshot(snapshots, selectedId);\n  const pendingGroups = reviewProgress(snapshots).pending;\n  return (\n    <DocumentLayout\n      title={`Review · ${build.gitBranch}`}\n      nav={reviewNav(project, build)}\n      layout=\"wide\"\n    >\n      <DiffHeader\n        project={project}\n        build={build}\n        snapshots={snapshots}\n        pendingCount={pendingGroups}\n        canReview={canReview}\n      />\n      <ReviewNotices\n        project={project}\n        build={build}\n        snapshots={snapshots}\n        drifted={drifted}\n        canReview={canReview}\n      />\n      <InsightSlot project={project} build={build} data={data.insight} />\n      {snapshots.length === 0 ? (\n        <EmptyState\n          title=\"No snapshots\"\n          description=\"This build has no snapshots yet. Capture may still be running.\"\n        />\n      ) : (\n        <DiffReviewGrid\n          {...data}\n          selected={selected}\n          usage={data.usage ?? []}\n          design={data.design ?? []}\n        />\n      )}\n      <ShortcutsDialog />\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgEA,SAAgB,iBAAiB,WAAuB,YAA2C;CACjG,OACE,UAAU,MAAM,MAAM,EAAE,OAAO,UAAU,KACzC,UAAU,MAAM,MAAM,EAAE,WAAW,aAAa,EAAE,WAAW,KAAK,KAClE,UAAU;AAEd;;AAGA,SAAS,eACP,OACgD;CAChD,MAAM,EAAE,SAAS,OAAO,WAAW,UAAU,UAAU,WAAW,aAAa,YAAY;CAC3F,MAAM,EAAE,OAAO,QAAQ,wBAAwB;CAC/C,OACE,qBAAC,OAAD;EAAK,OAAO;EAAZ,UAAA,CACE,oBAAC,SAAD;GAAkB;GAAgB;GAAkB;GAAW,YAAY,UAAU;EAAK,CAAA,GAC1F,oBAAC,OAAD;GAAK,OAAO;GACT,UAAA,WACC,qBAAA,UAAA,EAAA,UAAA;IACE,oBAAC,YAAD;KACW;KACF;KACG;KACV,UAAU,QAAQ,WAAW,SAAS,EAAE,CAAC,EAAE;KAC9B;KACb,WAAW,MAAM;KACjB,mBAAmB,MAAM;KACzB,SAAS,QAAQ,SAAS;KACnB;KACC;KACa;IACtB,CAAA;IACA,QAAQ,kBAAkB,QAAQ,OACjC,oBAAC,cAAD;KACW;KACF;KACP,YAAY,SAAS;KACrB,iBAAiB,SAAS;KAChB;KACC;IACZ,CAAA;IAEH,oBAAC,eAAD;KACW;KACF;KACI;KACD;KACC;KACF;IACV,CAAA;GACD,EAAA,CAAA,IAEF,oBAAC,YAAD,EAAY,aAAY,+BAAgC,CAAA;EAEvD,CAAA,CACF;;AAET;;AAGA,SAAS,UAAU,SAAkB,OAAyB;CAC5D,OAAO;EACL,QAAQ;EACR,aAAa,QAAQ;EACrB,aAAa,QAAQ;EACrB,OAAO,CACL;GACE,OAAO,GAAG,MAAM,UAAU,KAAK,MAAM,OAAO,MAAM,GAAG,CAAC;GACtD,MAAM,aAAa,QAAQ,KAAK,UAAU,MAAM;EAClD,GACA,EAAE,OAAO,SAAS,CACpB;CACF;AACF;;AAGA,SAAgB,oBAAoB,MAAsC;CACxE,MAAM,EAAE,SAAS,OAAO,WAAW,YAAY,WAAW,YAAY;CACtE,MAAM,WAAW,iBAAiB,WAAW,UAAU;CACvD,MAAM,gBAAgB,eAAe,SAAS,CAAC,CAAC;CAChD,OACE,qBAAC,gBAAD;EACE,OAAO,YAAY,MAAM;EACzB,KAAK,UAAU,SAAS,KAAK;EAC7B,QAAO;EAHT,UAAA;GAKE,oBAAC,YAAD;IACW;IACF;IACI;IACX,cAAc;IACH;GACZ,CAAA;GACD,oBAAC,eAAD;IACW;IACF;IACI;IACF;IACE;GACZ,CAAA;GACD,oBAAC,aAAD;IAAsB;IAAgB;IAAO,MAAM,KAAK;GAAU,CAAA;GACjE,UAAU,WAAW,IACpB,oBAAC,YAAD;IACE,OAAM;IACN,aAAY;GACb,CAAA,IAED,oBAAC,gBAAD;IACE,GAAI;IACM;IACV,OAAO,KAAK,SAAS,CAAC;IACtB,QAAQ,KAAK,UAAU,CAAC;GACzB,CAAA;GAEH,oBAAC,iBAAD,CAAkB,CAAA;EACJ;;AAEpB"}

package/dist/pages/build-tests.mjs

@@ -6,7 +6,7 @@ import { Card, SectionTitle } from "../ui/layout.mjs";
 import { HStack, VStack } from "../ui/stacks.mjs";
 import { summarizeTests } from "@storyshelf/core/capture";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/build-tests.tsx
+// src/pages/build-tests.tsx
 /** The line under the card title: counts, and what a failure means for the build. */
 function testsSummaryNote(results) {
 	const { total, passed, failed } = summarizeTests(results);
@@ -68,7 +68,6 @@ function TestRow(props) {
 		}) : null]
 	});
 }
-//#endregion
 export { TestsCard, testsSummaryNote };
 
 //# sourceMappingURL=build-tests.mjs.map

package/dist/pages/component-detail.mjs

@@ -16,7 +16,7 @@ import { ComponentBuilds, StoriesTab } from "./component-stories.mjs";
 import { worstStatus } from "@storyshelf/core/models";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/component-detail.tsx
+// src/pages/component-detail.tsx
 const TAB_LABELS = {
 	stories: "Stories",
 	states: "States",
@@ -243,7 +243,6 @@ function LinkedTab(props) {
 		publishedBaseDomain: data.publishedBaseDomain
 	})] });
 }
-//#endregion
 export { componentTabs, renderComponentPage };
 
 //# sourceMappingURL=component-detail.mjs.map

package/dist/pages/component-stories.mjs

@@ -11,7 +11,7 @@ import { PREVIEW_TOKEN_REFRESH, isSignedPreviewBase } from "../routers/preview-b
 import { StoryComments } from "./review-comments.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/component-stories.tsx
+// src/pages/component-stories.tsx
 /** Stories tab: the selected story in a sandboxed preview, and every story and docs entry. */
 function StoriesTab(props) {
 	const { data } = props;
@@ -162,7 +162,6 @@ function changeParts(row) {
 function storybookBase(data) {
 	return createUrlBuilder("/", data.publishedBaseDomain).storybookBuild(data.project.slug, data.catalog.build.id);
 }
-//#endregion
 export { ComponentBuilds, StoriesTab };
 
 //# sourceMappingURL=component-stories.mjs.map

package/dist/pages/compute-jobs.mjs

@@ -10,7 +10,7 @@ import { Table } from "../ui/table.mjs";
 import { DocumentLayout } from "../ui/document.mjs";
 import { BuildModel, ProjectModel } from "@storyshelf/core/models";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/compute-jobs.tsx
+// src/pages/compute-jobs.tsx
 /** Build statuses the retry button of the jobs table offers. */
 const RETRYABLE = /* @__PURE__ */ new Set([
 	"failed",
@@ -146,7 +146,6 @@ async function renderComputeJobsPage(slug, queueView, canRetry) {
 		]
 	});
 }
-//#endregion
 export { renderActiveQueue, renderComputeJobsPage };
 
 //# sourceMappingURL=compute-jobs.mjs.map

package/dist/pages/design-links.mjs

@@ -8,7 +8,7 @@ import { Dropdown, DropdownItem } from "../ui/dropdown.mjs";
 import { DesignPreview, DesignReference } from "../ui/design-reference.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/design-links.tsx
+// src/pages/design-links.tsx
 /**
 * Design actions for a component's link(s). A link with a cached render opens a
 * click popover (preview + `Open in <provider>`); others are plain deep links.
@@ -176,7 +176,6 @@ function ProjectDesignLinks(props) {
 		children: link.label
 	}, link.url)) });
 }
-//#endregion
 export { DesignButtons, DesignReferences, DesignStrip, ProjectDesignLinks };
 
 //# sourceMappingURL=design-links.mjs.map

package/dist/pages/environment-change.mjs

@@ -1,7 +1,7 @@
 import "node:path";
 import "node:url";
 import.meta.url;
-//#region src/pages/environment-change.ts
+// src/pages/environment-change.ts
 /** What changed, in words a reviewer recognises. */
 const FIELD_LABELS = {
 	engine: "browser engine",
@@ -25,7 +25,7 @@ function environmentChangeOf(snapshot) {
 }
 /** Summarise the build's environment migrations, or null when there were none. */
 function summariseEnvironmentChanges(snapshots) {
-	const changes = snapshots.map((snapshot) => environmentChangeOf(snapshot)).filter((change) => change !== null);
+	const changes = snapshots.map((snapshot) => environmentChangeOf(snapshot)).filter((change) => change !== null && change.changed.length > 0);
 	if (changes.length === 0) return null;
 	const fields = [...new Set(changes.flatMap((change) => change.changed))].map((field) => labelOf(field));
 	return {
@@ -34,6 +34,19 @@ function summariseEnvironmentChanges(snapshots) {
 		...browserVersionOf(changes)
 	};
 }
+/**
+* Summarise the snapshots whose baseline was measured under another measurement version, so some
+* components were compared as unknown (never as a change); null when there were none.
+*/
+function summarisePartlyUnknown(snapshots) {
+	const unknown = snapshots.map((snapshot) => environmentChangeOf(snapshot)?.unknown ?? []).filter((fields) => fields.length > 0);
+	if (unknown.length === 0) return null;
+	const fields = [...new Set(unknown.flat())].map((field) => labelOf(field));
+	return {
+		count: unknown.length,
+		fields
+	};
+}
 /** Human label for a changed component. */
 function labelOf(field) {
 	return FIELD_LABELS[field] ?? field;
@@ -47,7 +60,6 @@ function browserVersionOf(changes) {
 		to
 	} } : {};
 }
-//#endregion
-export { environmentChangeOf, labelOf, summariseEnvironmentChanges };
+export { environmentChangeOf, labelOf, summariseEnvironmentChanges, summarisePartlyUnknown };
 
 //# sourceMappingURL=environment-change.mjs.map

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

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

package/dist/pages/health-panel.mjs

@@ -7,7 +7,7 @@ import { Card, SectionTitle } from "../ui/layout.mjs";
 import { HStack, VStack } from "../ui/stacks.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/health-panel.tsx
+// src/pages/health-panel.tsx
 /** Badge tone for a health verdict. */
 function healthTone(verdict) {
 	if (verdict === "healthy") return "success";
@@ -120,7 +120,6 @@ function HealthSlot(props) {
 		data: props.data
 	}) : null;
 }
-//#endregion
 export { HealthPanel, HealthSlot, healthTone };
 
 //# sourceMappingURL=health-panel.mjs.map

package/dist/pages/invite.mjs

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

package/dist/pages/label-detail.mjs

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

package/dist/pages/library-grid.mjs

@@ -9,7 +9,7 @@ import { HStack, VStack } from "../ui/stacks.mjs";
 import { SnapshotCards } from "./library-snapshots.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/library-grid.tsx
+// src/pages/library-grid.tsx
 /** The component cards of a build; `layer` is present only with `testing` and captured snapshots. */
 function LibraryGrid(props) {
 	return /* @__PURE__ */ jsx(VStack, { children: props.groups.map((group) => /* @__PURE__ */ jsx(LibraryCard, {
@@ -99,7 +99,6 @@ function StoryLinks(props) {
 		})
 	}, story.id)) });
 }
-//#endregion
 export { LibraryGrid };
 
 //# sourceMappingURL=library-grid.mjs.map

package/dist/pages/library-model.mjs

@@ -2,7 +2,7 @@ import "node:path";
 import "node:url";
 import.meta.url;
 import { normalizeImportPath } from "@storyshelf/core/models";
-//#region src/pages/library-model.ts
+// src/pages/library-model.ts
 /** Tags Storybook adds on its own; they say nothing about the component. */
 const STORYBOOK_TAGS = /* @__PURE__ */ new Set([
 	"dev",
@@ -41,7 +41,6 @@ function entriesFromSnapshots(snapshots) {
 	});
 	return [...seen.values()];
 }
-//#endregion
 export { entriesFromSnapshots, groupLibrary };
 
 //# sourceMappingURL=library-model.mjs.map

package/dist/pages/library-snapshots.mjs

@@ -14,7 +14,7 @@ import { groupSnapshots } from "./build-diff-model.mjs";
 import { DesignButtons } from "./design-links.mjs";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/library-snapshots.tsx
+// src/pages/library-snapshots.tsx
 /** Snapshot image with library height cap, extending the shared diff pane image. */
 const snapshotImg = css`
   /* snapshot-img */
@@ -124,7 +124,6 @@ function SnapshotActions(props) {
 		})
 	] });
 }
-//#endregion
 export { SnapshotCards, loadSnapshotLayer };
 
 //# sourceMappingURL=library-snapshots.mjs.map

package/dist/pages/library.mjs

@@ -18,7 +18,7 @@ import { entriesFromSnapshots, groupLibrary } from "./library-model.mjs";
 import { BuildModel, ProjectModel, SnapshotModel } from "@storyshelf/core/models";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/library.tsx
+// src/pages/library.tsx
 /**
 * Library page (ADR 0006, decision 9): the components of the latest build of the selected branch,
 * whatever its status, from the build's Storybook catalog. With `testing` the cards gain
@@ -231,7 +231,6 @@ function BranchPicker(props) {
 		})] })
 	});
 }
-//#endregion
 export { renderLibraryPage };
 
 //# sourceMappingURL=library.mjs.map

package/dist/pages/login.mjs

@@ -10,7 +10,7 @@ import { VStack } from "../ui/stacks.mjs";
 import { DocumentLayout } from "../ui/document.mjs";
 import { passkeyLoginScript } from "./passkey-ceremony.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/login.tsx
+// src/pages/login.tsx
 /** Resolve auth UI text with defaults. */
 function authUi() {
 	try {
@@ -111,7 +111,6 @@ function renderLoginPage(state = {}) {
 		}) })
 	});
 }
-//#endregion
 export { renderLoginPage };
 
 //# sourceMappingURL=login.mjs.map

package/dist/pages/notifications-paused.mjs

@@ -3,7 +3,7 @@ import "node:url";
 import.meta.url;
 import { Alert } from "../ui/feedback.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/notifications-paused.tsx
+// src/pages/notifications-paused.tsx
 /** Notifications need a public URL, so without one nothing is sent (ADR 0014, decision 11). */
 function NotificationsPausedNotice(props) {
 	return props.paused ? /* @__PURE__ */ jsxs(Alert, {
@@ -16,7 +16,6 @@ function NotificationsPausedNotice(props) {
 		]
 	}) : null;
 }
-//#endregion
 export { NotificationsPausedNotice };
 
 //# sourceMappingURL=notifications-paused.mjs.map

package/dist/pages/passkey-ceremony.mjs

@@ -1,7 +1,7 @@
 import "node:path";
 import "node:url";
 import.meta.url;
-//#region src/pages/passkey-ceremony.ts
+// src/pages/passkey-ceremony.ts
 /**
 * Page-local WebAuthn ceremony scripts (vanilla JS, no dependencies).
 *
@@ -91,7 +91,6 @@ ${SUPPORT_CHECK}
   })();
   `.trim();
 }
-//#endregion
 export { passkeyLoginScript, passkeyRegisterScript };
 
 //# sourceMappingURL=passkey-ceremony.mjs.map

package/dist/pages/profile.mjs

@@ -14,7 +14,7 @@ import { NotificationsPausedNotice } from "./notifications-paused.mjs";
 import { passkeyRegisterScript } from "./passkey-ceremony.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { safeImageUrl } from "@storyshelf/core/urls";
-//#region src/pages/profile.tsx
+// src/pages/profile.tsx
 const profileAvatar = css`
   /* profile-avatar */
   width: 64px;
@@ -363,7 +363,6 @@ function renderProfilePage(state) {
 		]
 	});
 }
-//#endregion
 export { renderProfilePage };
 
 //# sourceMappingURL=profile.mjs.map

package/dist/pages/project-builds-table.mjs

@@ -11,7 +11,7 @@ import { Table } from "../ui/table.mjs";
 import { RelativeTime } from "../ui/time.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/project-builds-table.tsx
+// src/pages/project-builds-table.tsx
 const buildCell = css`
   /* build-cell */
   display: grid;
@@ -145,7 +145,6 @@ function BuildsTable({ project, builds }) {
 		build
 	}, build.id)) })] }) });
 }
-//#endregion
 export { BuildsTable };
 
 //# sourceMappingURL=project-builds-table.mjs.map

package/dist/pages/project-builds.mjs

@@ -15,7 +15,7 @@ import { BuildsTable } from "./project-builds-table.mjs";
 import { BuildModel, ProjectModel, averageInheritedRatio } from "@storyshelf/core/models";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/project-builds.tsx
+// src/pages/project-builds.tsx
 const STATUSES = [
 	"reviewing",
 	"approved",
@@ -167,7 +167,6 @@ async function renderProjectBuildsPage(slug, query = {}) {
 		] })]
 	});
 }
-//#endregion
 export { renderProjectBuildsPage };
 
 //# sourceMappingURL=project-builds.mjs.map

package/dist/pages/project-create.mjs

@@ -8,7 +8,7 @@ import { Card, PageHeader } from "../ui/layout.mjs";
 import { HStack } from "../ui/stacks.mjs";
 import { DocumentLayout } from "../ui/document.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/project-create.tsx
+// src/pages/project-create.tsx
 /** New-project form page (one project corresponds to one Storybook). */
 function renderProjectCreatePage(state = {}) {
 	const values = state.values ?? {};
@@ -84,7 +84,6 @@ function renderProjectCreatePage(state = {}) {
 		]
 	});
 }
-//#endregion
 export { renderProjectCreatePage };
 
 //# sourceMappingURL=project-create.mjs.map

package/dist/pages/project-settings.mjs

@@ -17,7 +17,7 @@ import { renderSettingsTests } from "./settings-tests.mjs";
 import { renderSettingsTokens } from "./settings-tokens.mjs";
 import { renderSettingsWebhooks } from "./settings-webhooks.mjs";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/project-settings.tsx
+// src/pages/project-settings.tsx
 function tabHref(project, tab) {
 	return tab === "general" ? `/projects/${project.slug}/settings` : `/projects/${project.slug}/settings/${tab}`;
 }
@@ -128,7 +128,6 @@ function renderProjectSettingsPage(data, formState) {
 		})]
 	});
 }
-//#endregion
 export { renderProjectSettingsPage };
 
 //# sourceMappingURL=project-settings.mjs.map

package/dist/pages/projects-card.mjs

@@ -9,7 +9,7 @@ import { Thumbnail } from "../ui/thumbnail.mjs";
 import { RelativeTime } from "../ui/time.mjs";
 import { healthTone } from "./health-panel.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/projects-card.tsx
+// src/pages/projects-card.tsx
 const thumbStrip = css`
   /* project-thumbs */
   display: grid;
@@ -201,7 +201,6 @@ function ProjectCard(props) {
 		]
 	});
 }
-//#endregion
 export { ProjectCard };
 
 //# sourceMappingURL=projects-card.mjs.map

package/dist/pages/projects.mjs

@@ -15,7 +15,7 @@ import { ProjectCard } from "./projects-card.mjs";
 import { BuildModel, ProjectModel, SnapshotModel } from "@storyshelf/core/models";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/projects.tsx
+// src/pages/projects.tsx
 const projectGrid = css`
   /* project-grid */
   display: grid;
@@ -127,7 +127,6 @@ async function renderProjectsPage() {
 		})]
 	});
 }
-//#endregion
 export { renderProjectsPage };
 
 //# sourceMappingURL=projects.mjs.map

package/dist/pages/review-changeset.mjs

@@ -9,7 +9,7 @@ import { HStack, VStack } from "../ui/stacks.mjs";
 import { Table } from "../ui/table.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/review-changeset.tsx
+// src/pages/review-changeset.tsx
 /** What the build changed in the Storybook catalog, against its baseline build. */
 function ChangesetCard(props) {
 	const { data } = props;
@@ -110,7 +110,6 @@ function ChangeRow(props) {
 		}) : null] }) })
 	] });
 }
-//#endregion
 export { ChangesetCard };
 
 //# sourceMappingURL=review-changeset.mjs.map

package/dist/pages/review-comments.mjs

@@ -9,7 +9,7 @@ import { VStack } from "../ui/stacks.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
 import { CommentCard } from "./build-diff-comments.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/review-comments.tsx
+// src/pages/review-comments.tsx
 /** Comments on the build as a whole and on its stories, with a form for a build comment. */
 function CommentsCard(props) {
 	const { data } = props;
@@ -97,7 +97,6 @@ function CommentForm(props) {
 		] })]
 	});
 }
-//#endregion
 export { CommentsCard, StoryComments };
 
 //# sourceMappingURL=review-comments.mjs.map

package/dist/pages/review-verdict.mjs

@@ -10,7 +10,7 @@ import { RelativeTime } from "../ui/time.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
 import { BUILD_STATUSES } from "@storyshelf/core/types";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/review-verdict.tsx
+// src/pages/review-verdict.tsx
 /** The verdict card of the build page: where the build stands, the verdicts, and the reviewer's controls. */
 /** Build-level verdicts: the approvals so far, each reviewer's latest verdict, and the controls. */
 function VerdictCard(props) {
@@ -96,7 +96,6 @@ function summary(data) {
 	const needed = `${state.approvalsRequired} ${state.approvalsRequired === 1 ? "approval" : "approvals"}`;
 	return `${state.approvals} of ${needed} given. Any rejection rejects the build. Open comments do not block a verdict.`;
 }
-//#endregion
 export { VerdictCard };
 
 //# sourceMappingURL=review-verdict.mjs.map

package/dist/pages/root.mjs

@@ -8,7 +8,7 @@ import { Card, SectionTitle } from "../ui/layout.mjs";
 import { HStack, VStack } from "../ui/stacks.mjs";
 import { DocumentLayout } from "../ui/document.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/root.tsx
+// src/pages/root.tsx
 /** Landing hero card: card surface with centered marketing padding. */
 const heroCard = css`
   /* hero-card */
@@ -92,7 +92,6 @@ function renderRootPage() {
 		})]
 	});
 }
-//#endregion
 export { renderRootPage };
 
 //# sourceMappingURL=root.mjs.map