@storyshelf/app 0.5.3

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

@@ -0,0 +1,70 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Badge, statusTone } from "../ui/feedback.mjs";
+import { VStack } from "../ui/stacks.mjs";
+import { CompareStage } from "../ui/compare-stage.mjs";
+import { StaleSnapshotNotice } from "./build-diff-stale.mjs";
+import { viewerHead, viewerMeta, viewerTitle } from "../ui/styles/review-layout.mjs";
+import { diffPercent, snapshotImageUrl } from "./build-diff-model.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/build-diff-viewer.tsx
+/** Why a snapshot has no diff image, phrased for the empty pane. */
+function diffEmptyText(status) {
+	return status === "unchanged" || status === "approved" ? "No diff — within threshold" : "No diff yet";
+}
+/** Story heading plus the comparison stage for the selected snapshot. */
+function DiffViewer(props) {
+	const { project, build, selected, hasBaseline, drifted } = props;
+	const percent = diffPercent(selected);
+	return /* @__PURE__ */ jsxs(VStack, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			class: viewerHead,
+			children: [/* @__PURE__ */ jsxs("h2", {
+				class: viewerTitle,
+				children: [
+					selected.storyTitle,
+					" / ",
+					selected.storyName
+				]
+			}), /* @__PURE__ */ jsxs("p", {
+				class: viewerMeta,
+				children: [
+					/* @__PURE__ */ jsx(Badge, {
+						tone: statusTone(selected.status),
+						icon: true,
+						children: selected.status
+					}),
+					/* @__PURE__ */ jsxs("span", { children: [
+						selected.viewportName,
+						" · ",
+						selected.viewportWidth,
+						"×",
+						selected.viewportHeight
+					] }),
+					selected.diffPixels === null || selected.diffPixels === void 0 ? null : /* @__PURE__ */ jsxs("span", {
+						class: "mono",
+						children: [selected.diffPixels, " px"]
+					}),
+					percent ? /* @__PURE__ */ jsx("span", {
+						class: "mono",
+						children: percent
+					}) : null
+				]
+			})]
+		}),
+		drifted ? /* @__PURE__ */ jsx(StaleSnapshotNotice, { status: drifted }) : null,
+		/* @__PURE__ */ jsx(CompareStage, {
+			baselineSrc: hasBaseline[selected.id] ? snapshotImageUrl(project, build, selected, "baseline") : null,
+			currentSrc: snapshotImageUrl(project, build, selected, "image"),
+			diffSrc: selected.diffPath ? snapshotImageUrl(project, build, selected, "diff") : null,
+			subject: `${selected.storyTitle} / ${selected.storyName}`,
+			diffEmpty: diffEmptyText(selected.status),
+			diffMeta: percent ?? void 0
+		})
+	] });
+}
+//#endregion
+export { DiffViewer };
+
+//# sourceMappingURL=build-diff-viewer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"build-diff-viewer.mjs","names":[],"sources":["../../src/pages/build-diff-viewer.tsx"],"sourcesContent":["import type { Build, Project, Snapshot } from \"@storyshelf/core/schema\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { Badge, CompareStage, VStack, statusTone } from \"../ui/components.tsx\";\nimport { viewerHead, viewerMeta, viewerTitle } from \"../ui/styles/review-layout.ts\";\nimport { diffPercent, snapshotImageUrl } from \"./build-diff-model.ts\";\nimport { StaleSnapshotNotice } from \"./build-diff-stale.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\n/** Viewer props for the selected snapshot. */\nexport interface DiffViewerProps {\n  project: Project;\n  build: Build;\n  selected: Snapshot;\n  hasBaseline: Record<string, boolean>;\n  /** Set when the baseline changed after this snapshot's diff was computed. */\n  drifted?: \"stale\" | \"removed\";\n}\n\n/** Why a snapshot has no diff image, phrased for the empty pane. */\nfunction diffEmptyText(status: string): string {\n  return status === \"unchanged\" || status === \"approved\"\n    ? \"No diff — within threshold\"\n    : \"No diff yet\";\n}\n\n/** Story heading plus the comparison stage for the selected snapshot. */\nexport function DiffViewer(props: DiffViewerProps): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const { project, build, selected, hasBaseline, drifted } = props;\n  const percent = diffPercent(selected);\n  return (\n    <VStack>\n      <div class={viewerHead}>\n        <h2 class={viewerTitle}>\n          {selected.storyTitle} / {selected.storyName}\n        </h2>\n        <p class={viewerMeta}>\n          <Badge tone={statusTone(selected.status)} icon>\n            {selected.status}\n          </Badge>\n          <span>\n            {selected.viewportName} · {selected.viewportWidth}×{selected.viewportHeight}\n          </span>\n          {selected.diffPixels === null || selected.diffPixels === undefined ? null : (\n            <span class=\"mono\">{selected.diffPixels} px</span>\n          )}\n          {percent ? <span class=\"mono\">{percent}</span> : null}\n        </p>\n      </div>\n      {drifted ? <StaleSnapshotNotice status={drifted} /> : null}\n      <CompareStage\n        baselineSrc={\n          hasBaseline[selected.id] ? snapshotImageUrl(project, build, selected, \"baseline\") : null\n        }\n        currentSrc={snapshotImageUrl(project, build, selected, \"image\")}\n        diffSrc={selected.diffPath ? snapshotImageUrl(project, build, selected, \"diff\") : null}\n        subject={`${selected.storyTitle} / ${selected.storyName}`}\n        diffEmpty={diffEmptyText(selected.status)}\n        diffMeta={percent ?? undefined}\n      />\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,SAAS,cAAc,QAAwB;CAC7C,OAAO,WAAW,eAAe,WAAW,aACxC,+BACA;AACN;;AAGA,SAAgB,WAAW,OAAwE;CACjG,MAAM,EAAE,SAAS,OAAO,UAAU,aAAa,YAAY;CAC3D,MAAM,UAAU,YAAY,QAAQ;CACpC,OACE,qBAAC,QAAD,EAAA,UAAA;EACE,qBAAC,OAAD;GAAK,OAAO;GAAZ,UAAA,CACE,qBAAC,MAAD;IAAI,OAAO;IAAX,UAAA;KACG,SAAS;KAAW;KAAI,SAAS;IAChC;GACJ,CAAA,GAAA,qBAAC,KAAD;IAAG,OAAO;IAAV,UAAA;KACE,oBAAC,OAAD;MAAO,MAAM,WAAW,SAAS,MAAM;MAAG,MAAA;MACvC,UAAA,SAAS;KACL,CAAA;KACP,qBAAC,QAAD,EAAA,UAAA;MACG,SAAS;MAAa;MAAI,SAAS;MAAc;MAAE,SAAS;KACzD,EAAA,CAAA;KACL,SAAS,eAAe,QAAQ,SAAS,eAAe,KAAA,IAAY,OACnE,qBAAC,QAAD;MAAM,OAAM;MAAZ,UAAA,CAAoB,SAAS,YAAW,KAAS;;KAElD,UAAU,oBAAC,QAAD;MAAM,OAAM;MAAQ,UAAA;KAAc,CAAA,IAAI;IAChD;GACA,CAAA,CAAA;;EACJ,UAAU,oBAAC,qBAAD,EAAqB,QAAQ,QAAU,CAAA,IAAI;EACtD,oBAAC,cAAD;GACE,aACE,YAAY,SAAS,MAAM,iBAAiB,SAAS,OAAO,UAAU,UAAU,IAAI;GAEtF,YAAY,iBAAiB,SAAS,OAAO,UAAU,OAAO;GAC9D,SAAS,SAAS,WAAW,iBAAiB,SAAS,OAAO,UAAU,MAAM,IAAI;GAClF,SAAS,GAAG,SAAS,WAAW,KAAK,SAAS;GAC9C,WAAW,cAAc,SAAS,MAAM;GACxC,UAAU,WAAW,KAAA;EACtB,CAAA;CACK,EAAA,CAAA;AAEZ"}

package/dist/pages/build-diff.mjs

@@ -0,0 +1,110 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { EmptyState } from "../ui/feedback.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { StaleBaselineNotice } from "./build-diff-stale.mjs";
+import { canvasColumn, workspace } from "../ui/styles/review-layout.mjs";
+import { DiffActionBar } from "./build-diff-actions.mjs";
+import { DiffComments } from "./build-diff-comments.mjs";
+import { DiffHeader } from "./build-diff-header.mjs";
+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
+/** Snapshot nav plus the viewer/comments column for the selected snapshot. */
+function DiffReviewGrid(props) {
+	const { project, build, snapshots, comments, selected, canReview, hasBaseline, drifted } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		class: workspace,
+		children: [/* @__PURE__ */ jsx(DiffNav, {
+			project,
+			build,
+			snapshots,
+			selectedId: selected?.id
+		}), /* @__PURE__ */ jsx("div", {
+			class: canvasColumn,
+			children: selected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(DiffViewer, {
+					project,
+					build,
+					selected,
+					hasBaseline,
+					drifted: drifted[selected.id]
+				}),
+				/* @__PURE__ */ jsx(DiffComments, {
+					project,
+					build,
+					selectedId: selected.id,
+					comments,
+					canReview
+				}),
+				/* @__PURE__ */ jsx(DiffActionBar, {
+					project,
+					build,
+					snapshots,
+					selected,
+					canReview,
+					drifted: drifted[selected.id] !== void 0
+				})
+			] }) : /* @__PURE__ */ jsx(EmptyState, { description: "Select a snapshot to review." })
+		})]
+	});
+}
+/** Sidebar/breadcrumb context for the review page: Builds / <build> / Review. */
+function reviewNav(project, build) {
+	return {
+		active: "builds",
+		projectSlug: project.slug,
+		projectName: project.name,
+		trail: [{
+			label: `${build.gitBranch} · ${build.gitSha.slice(0, 7)}`,
+			href: `/projects/${project.slug}/builds/${build.id}`
+		}, { label: "Review" }]
+	};
+}
+/** 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 selected = snapshots.find((s) => s.id === selectedId) ?? snapshots.find((s) => s.status === "changed" || s.status === "new") ?? snapshots[0];
+	const pending = snapshots.filter((s) => s.status === "new" || s.status === "changed");
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: `Review · ${build.gitBranch}`,
+		nav: reviewNav(project, build),
+		layout: "wide",
+		children: [
+			/* @__PURE__ */ jsx(DiffHeader, {
+				project,
+				build,
+				snapshots,
+				pendingCount: pending.length,
+				canReview
+			}),
+			Object.keys(drifted).length > 0 ? /* @__PURE__ */ jsx(StaleBaselineNotice, {
+				project,
+				build,
+				staleCount: Object.keys(drifted).length,
+				canReview
+			}) : null,
+			snapshots.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+				title: "No snapshots",
+				description: "This build has no snapshots yet. Capture may still be running."
+			}) : /* @__PURE__ */ jsx(DiffReviewGrid, {
+				project,
+				build,
+				snapshots,
+				comments,
+				selected,
+				canReview,
+				hasBaseline,
+				drifted
+			}),
+			/* @__PURE__ */ jsx(ShortcutsDialog, {})
+		]
+	});
+}
+//#endregion
+export { renderBuildDiffPage };
+
+//# sourceMappingURL=build-diff.mjs.map

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

@@ -0,0 +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 { 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 { DiffHeader } from \"./build-diff-header.tsx\";\nimport { DiffNav } from \"./build-diff-nav.tsx\";\nimport { ShortcutsDialog } from \"./build-diff-shortcuts.tsx\";\nimport { StaleBaselineNotice } from \"./build-diff-stale.tsx\";\nimport { DiffViewer } from \"./build-diff-viewer.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}\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}\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  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              hasBaseline={hasBaseline}\n              drifted={drifted[selected.id]}\n            />\n            <DiffComments\n              project={project}\n              build={build}\n              selectedId={selected.id}\n              comments={comments}\n              canReview={canReview}\n            />\n            <DiffActionBar\n              project={project}\n              build={build}\n              snapshots={snapshots}\n              selected={selected}\n              canReview={canReview}\n              drifted={drifted[selected.id] !== undefined}\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 =\n    snapshots.find((s) => s.id === selectedId) ??\n    snapshots.find((s) => s.status === \"changed\" || s.status === \"new\") ??\n    snapshots[0];\n  const pending = snapshots.filter((s) => s.status === \"new\" || s.status === \"changed\");\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={pending.length}\n        canReview={canReview}\n      />\n\n      {Object.keys(drifted).length > 0 ? (\n        <StaleBaselineNotice\n          project={project}\n          build={build}\n          staleCount={Object.keys(drifted).length}\n          canReview={canReview}\n        />\n      ) : null}\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        />\n      )}\n      <ShortcutsDialog />\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA2CA,SAAS,eACP,OACgD;CAChD,MAAM,EAAE,SAAS,OAAO,WAAW,UAAU,UAAU,WAAW,aAAa,YAAY;CAC3F,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;KACG;KACb,SAAS,QAAQ,SAAS;IAC3B,CAAA;IACD,oBAAC,cAAD;KACW;KACF;KACP,YAAY,SAAS;KACX;KACC;IACZ,CAAA;IACD,oBAAC,eAAD;KACW;KACF;KACI;KACD;KACC;KACX,SAAS,QAAQ,SAAS,QAAQ,KAAA;IACnC,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,WACJ,UAAU,MAAM,MAAM,EAAE,OAAO,UAAU,KACzC,UAAU,MAAM,MAAM,EAAE,WAAW,aAAa,EAAE,WAAW,KAAK,KAClE,UAAU;CACZ,MAAM,UAAU,UAAU,QAAQ,MAAM,EAAE,WAAW,SAAS,EAAE,WAAW,SAAS;CAEpF,OACE,qBAAC,gBAAD;EACE,OAAO,YAAY,MAAM;EACzB,KAAK,UAAU,SAAS,KAAK;EAC7B,QAAO;EAHT,UAAA;GAKE,oBAAC,YAAD;IACW;IACF;IACI;IACX,cAAc,QAAQ;IACX;GACZ,CAAA;GAEA,OAAO,KAAK,OAAO,CAAC,CAAC,SAAS,IAC7B,oBAAC,qBAAD;IACW;IACF;IACP,YAAY,OAAO,KAAK,OAAO,CAAC,CAAC;IACtB;GACZ,CAAA,IACC;GAEH,UAAU,WAAW,IACpB,oBAAC,YAAD;IACE,OAAM;IACN,aAAY;GACb,CAAA,IAED,oBAAC,gBAAD;IACW;IACF;IACI;IACD;IACA;IACC;IACE;IACJ;GACV,CAAA;GAEH,oBAAC,iBAAD,CAAkB,CAAA;EACJ;;AAEpB"}

package/dist/pages/compute-jobs.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"compute-jobs.mjs","names":[],"sources":["../../src/pages/compute-jobs.tsx"],"sourcesContent":["import { BuildModel } from \"@storyshelf/core/models\";\nimport { ProjectModel } from \"@storyshelf/core/models\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { getStore } from \"../store.ts\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  EmptyState,\n  HStack,\n  Meta,\n  PageHeader,\n  SectionTitle,\n  Table,\n  statusTone,\n} from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\ninterface QueueView {\n  buildId: string;\n  status: string;\n  queuedAt: string;\n  startedAt?: string;\n  finishedAt?: string;\n  error?: string;\n}\n\n/** Live-refreshing partial showing the currently queued and running captures. */\nexport function renderActiveQueue(slug: string, queueView: QueueView[]): RenderedContent {\n  return (\n    <Card\n      id=\"active-queue\"\n      hx-get={`/projects/${slug}/jobs?partial=queue`}\n      hx-trigger=\"every 5s\"\n      hx-swap=\"outerHTML\"\n      hx-target=\"#active-queue\"\n    >\n      <SectionTitle>Active queue</SectionTitle>\n      {queueView.length === 0 ? (\n        <Meta>No captures are currently queued or running.</Meta>\n      ) : (\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Build</th>\n                <th>Status</th>\n                <th>Queued</th>\n                <th>Started</th>\n              </tr>\n            </thead>\n            <tbody>\n              {queueView.map((job): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={job.buildId}>\n                  <td>\n                    <a href={`/projects/${slug}/builds/${job.buildId}`}>\n                      {job.buildId.slice(0, 8)}\n                    </a>\n                  </td>\n                  <td>\n                    <Badge tone={statusTone(job.status)}>{job.status}</Badge>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">{new Date(job.queuedAt).toLocaleTimeString()}</Meta>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">\n                      {job.startedAt ? new Date(job.startedAt).toLocaleTimeString() : \"—\"}\n                    </Meta>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </Table>\n      )}\n    </Card>\n  );\n}\n\n/**\n * A `capturing` build the in-process queue no longer tracks was cut short by a\n * restart. Remote queues are invisible to the server, so nothing is flagged there.\n */\nexport function isStuckCapture(status: string, tracked: boolean, inProcessQueue: boolean): boolean {\n  return inProcessQueue && status === \"capturing\" && !tracked;\n}\n\n/** Compute jobs page: live capture queue plus recent build history with retry. */\nexport async function renderComputeJobsPage(\n  slug: string,\n  queueView: QueueView[],\n  canRetry: boolean,\n  inProcessQueue = false,\n): Promise<RenderedContent | null> {\n  const projects = await new ProjectModel(getStore().db).list();\n  const project = projects.find((item) => item.slug === slug);\n  if (!project) {\n    return null;\n  }\n  const builds = await new BuildModel(getStore().db).list(project.id);\n  const recentBuilds = builds.slice(0, 20);\n  const queueByBuild = new Map(queueView.map((job) => [job.buildId, job]));\n  const stuck = (id: string, status: string): boolean =>\n    isStuckCapture(status, queueByBuild.has(id), inProcessQueue);\n  const stuckCount = recentBuilds.filter((build) => stuck(build.id, build.status)).length;\n\n  return (\n    <DocumentLayout\n      title={`${project.name} · Compute jobs`}\n      nav={{ active: \"jobs\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Compute jobs\"\n        description=\"Capture jobs run on this server. Queued and running jobs refresh live; recent history is below.\"\n        actions={\n          <Button variant=\"secondary\" href={`/projects/${project.slug}/builds`}>\n            Back to builds\n          </Button>\n        }\n      />\n\n      {stuckCount > 0 ? (\n        <Alert tone=\"warning\" title=\"Interrupted captures\">\n          {stuckCount} build{stuckCount === 1 ? \" was\" : \"s were\"} still capturing when the server\n          restarted. On startup an interrupted build is requeued once; if it is interrupted again it\n          is marked failed so a crash loop cannot repeat captures. Retry a build to run it again.\n        </Alert>\n      ) : null}\n\n      {renderActiveQueue(project.slug, queueView)}\n\n      <Card>\n        <SectionTitle>Recent builds</SectionTitle>\n        <Meta>Capture history for {project.name}. Failed and interrupted jobs can be retried.</Meta>\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Branch</th>\n                <th>Status</th>\n                <th>Snapshots</th>\n                <th>Created</th>\n                <th>\n                  <span class=\"visually-hidden\">Actions</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {recentBuilds.map((build): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={build.id}>\n                  <td>\n                    <strong>{build.gitBranch}</strong>\n                    <Meta as=\"div\" mono>\n                      {build.gitSha.slice(0, 7)}\n                    </Meta>\n                  </td>\n                  <td>\n                    <Badge\n                      tone={stuck(build.id, build.status) ? \"warning\" : statusTone(build.status)}\n                    >\n                      {stuck(build.id, build.status) ? \"interrupted\" : build.status}\n                    </Badge>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">\n                      {build.snapshotCount} total · {build.changedCount} changed\n                    </Meta>\n                  </td>\n                  <td>\n                    <Meta as=\"span\">{new Date(build.createdAt).toLocaleString()}</Meta>\n                  </td>\n                  <td class=\"nowrap\">\n                    <HStack wrap={false}>\n                      <Button\n                        variant=\"secondary\"\n                        size=\"sm\"\n                        href={`/projects/${project.slug}/builds/${build.id}`}\n                      >\n                        View\n                      </Button>\n                      {canRetry &&\n                      (build.status === \"failed\" ||\n                        build.status === \"pending\" ||\n                        stuck(build.id, build.status)) ? (\n                        <form\n                          method=\"post\"\n                          action={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`}\n                          hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/retry`}\n                          hx-target=\"body\"\n                        >\n                          <Button variant=\"ghost\" size=\"sm\" type=\"submit\">\n                            Retry\n                          </Button>\n                        </form>\n                      ) : null}\n                    </HStack>\n                    {queueByBuild.get(build.id)?.error ? (\n                      <Meta as=\"div\" tone=\"danger\">\n                        {queueByBuild.get(build.id)?.error}\n                      </Meta>\n                    ) : null}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </Table>\n        {recentBuilds.length === 0 ? <EmptyState description=\"No builds yet.\" /> : null}\n      </Card>\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA4BA,SAAgB,kBAAkB,MAAc,WAAyC;CACvF,OACE,qBAAC,MAAD;EACE,IAAG;EACH,UAAQ,aAAa,KAAK;EAC1B,cAAW;EACX,WAAQ;EACR,aAAU;EALZ,UAAA,CAOE,oBAAC,cAAD,EAAA,UAAc,eAA0B,CAAA,GACvC,UAAU,WAAW,IACpB,oBAAC,MAAD,EAAA,UAAM,+CAAkD,CAAA,IAExD,oBAAC,OAAD,EAAA,UACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UACE,qBAAC,MAAD,EAAA,UAAA;GACE,oBAAC,MAAD,EAAA,UAAI,QAAS,CAAA;GACb,oBAAC,MAAD,EAAA,UAAI,SAAU,CAAA;GACd,oBAAC,MAAD,EAAA,UAAI,SAAU,CAAA;GACd,oBAAC,MAAD,EAAA,UAAI,UAAW,CAAA;EACb,EAAA,CAAA,EACC,CAAA,GACP,oBAAC,SAAD,EAAA,UACG,UAAU,KAAK,QACd,qBAAC,MAAD,EAAA,UAAA;GACE,oBAAC,MAAD,EAAA,UACE,oBAAC,KAAD;IAAG,MAAM,aAAa,KAAK,UAAU,IAAI;IACtC,UAAA,IAAI,QAAQ,MAAM,GAAG,CAAC;GACtB,CAAA,EACD,CAAA;GACJ,oBAAC,MAAD,EAAA,UACE,oBAAC,OAAD;IAAO,MAAM,WAAW,IAAI,MAAM;IAAI,UAAA,IAAI;GAAc,CAAA,EACtD,CAAA;GACJ,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;IAAM,IAAG;IAAQ,UAAA,IAAI,KAAK,IAAI,QAAQ,CAAC,CAAC,mBAAmB;GAAQ,CAAA,EACjE,CAAA;GACJ,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;IAAM,IAAG;IACN,UAAA,IAAI,YAAY,IAAI,KAAK,IAAI,SAAS,CAAC,CAAC,mBAAmB,IAAI;GAC5D,CAAA,EACJ,CAAA;EACF,EAAA,GAjBK,IAAI,OAiBT,CACL,EACI,CAAA,CACF,EAAA,CAAA,EACF,CAAA,CAEL;;AAEV;;;;;AAMA,SAAgB,eAAe,QAAgB,SAAkB,gBAAkC;CACjG,OAAO,kBAAkB,WAAW,eAAe,CAAC;AACtD;;AAGA,eAAsB,sBACpB,MACA,WACA,UACA,iBAAiB,OACgB;CAEjC,MAAM,WAAU,MADO,IAAI,aAAa,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAA,CACnC,MAAM,SAAS,KAAK,SAAS,IAAI;CAC1D,IAAI,CAAC,SACH,OAAO;CAGT,MAAM,gBAAe,MADA,IAAI,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,EAAE,EAAA,CACtC,MAAM,GAAG,EAAE;CACvC,MAAM,eAAe,IAAI,IAAI,UAAU,KAAK,QAAQ,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;CACvE,MAAM,SAAS,IAAY,WACzB,eAAe,QAAQ,aAAa,IAAI,EAAE,GAAG,cAAc;CAC7D,MAAM,aAAa,aAAa,QAAQ,UAAU,MAAM,MAAM,IAAI,MAAM,MAAM,CAAC,CAAC,CAAC;CAEjF,OACE,qBAAC,gBAAD;EACE,OAAO,GAAG,QAAQ,KAAK;EACvB,KAAK;GAAE,QAAQ;GAAQ,aAAa,QAAQ;GAAM,aAAa,QAAQ;EAAK;EAF9E,UAAA;GAIE,oBAAC,YAAD;IACE,OAAM;IACN,aAAY;IACZ,SACE,oBAAC,QAAD;KAAQ,SAAQ;KAAY,MAAM,aAAa,QAAQ,KAAK;KAAU,UAAA;IAE9D,CAAA;GAEX,CAAA;GAEA,aAAa,IACZ,qBAAC,OAAD;IAAO,MAAK;IAAU,OAAM;IAA5B,UAAA;KACG;KAAW;KAAO,eAAe,IAAI,SAAS;KAAS;IAGnD;GACL,CAAA,IAAA;GAEH,kBAAkB,QAAQ,MAAM,SAAS;GAE1C,qBAAC,MAAD,EAAA,UAAA;IACE,oBAAC,cAAD,EAAA,UAAc,gBAA2B,CAAA;IACzC,qBAAC,MAAD,EAAA,UAAA;KAAM;KAAqB,QAAQ;KAAK;IAAmD,EAAA,CAAA;IAC3F,oBAAC,OAAD,EAAA,UACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UACE,qBAAC,MAAD,EAAA,UAAA;KACE,oBAAC,MAAD,EAAA,UAAI,SAAU,CAAA;KACd,oBAAC,MAAD,EAAA,UAAI,SAAU,CAAA;KACd,oBAAC,MAAD,EAAA,UAAI,YAAa,CAAA;KACjB,oBAAC,MAAD,EAAA,UAAI,UAAW,CAAA;KACf,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD;MAAM,OAAM;MAAkB,UAAA;KAAa,CAAA,EACzC,CAAA;IACF,EAAA,CAAA,EACC,CAAA,GACP,oBAAC,SAAD,EAAA,UACG,aAAa,KAAK,UACjB,qBAAC,MAAD,EAAA,UAAA;KACE,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,UAAD,EAAA,UAAS,MAAM,UAAkB,CAAA,GACjC,oBAAC,MAAD;MAAM,IAAG;MAAM,MAAA;MACZ,UAAA,MAAM,OAAO,MAAM,GAAG,CAAC;KACpB,CAAA,CACJ,EAAA,CAAA;KACJ,oBAAC,MAAD,EAAA,UACE,oBAAC,OAAD;MACE,MAAM,MAAM,MAAM,IAAI,MAAM,MAAM,IAAI,YAAY,WAAW,MAAM,MAAM;MAExE,UAAA,MAAM,MAAM,IAAI,MAAM,MAAM,IAAI,gBAAgB,MAAM;KAClD,CAAA,EACL,CAAA;KACJ,oBAAC,MAAD,EAAA,UACE,qBAAC,MAAD;MAAM,IAAG;MAAT,UAAA;OACG,MAAM;OAAc;OAAU,MAAM;OAAa;MAC9C;KACJ,CAAA,EAAA,CAAA;KACJ,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;MAAM,IAAG;MAAQ,UAAA,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC,eAAe;KAAQ,CAAA,EAChE,CAAA;KACJ,qBAAC,MAAD;MAAI,OAAM;MAAV,UAAA,CACE,qBAAC,QAAD;OAAQ,MAAM;OAAd,UAAA,CACE,oBAAC,QAAD;QACE,SAAQ;QACR,MAAK;QACL,MAAM,aAAa,QAAQ,KAAK,UAAU,MAAM;QACjD,UAAA;OAEO,CAAA,GACP,aACA,MAAM,WAAW,YAChB,MAAM,WAAW,aACjB,MAAM,MAAM,IAAI,MAAM,MAAM,KAC5B,oBAAC,QAAD;QACE,QAAO;QACP,QAAQ,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;QAC5D,WAAS,oBAAoB,QAAQ,KAAK,UAAU,MAAM,GAAG;QAC7D,aAAU;QAEV,UAAA,oBAAC,QAAD;SAAQ,SAAQ;SAAQ,MAAK;SAAK,MAAK;SAAS,UAAA;QAExC,CAAA;OACJ,CAAA,IACJ,IACE;MACP,CAAA,GAAA,aAAa,IAAI,MAAM,EAAE,CAAC,EAAE,QAC3B,oBAAC,MAAD;OAAM,IAAG;OAAM,MAAK;OACjB,UAAA,aAAa,IAAI,MAAM,EAAE,CAAC,EAAE;MACzB,CAAA,IACJ,IACF;;IACF,EAAA,GArDK,MAAM,EAqDX,CACL,EACI,CAAA,CACF,EAAA,CAAA,EACF,CAAA;IACN,aAAa,WAAW,IAAI,oBAAC,YAAD,EAAY,aAAY,iBAAkB,CAAA,IAAI;GACvE,EAAA,CAAA;EACQ;;AAEpB"}

package/dist/pages/invite.mjs

@@ -0,0 +1,91 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Button } from "../ui/buttons.mjs";
+import { Alert } from "../ui/feedback.mjs";
+import { Field } from "../ui/forms.mjs";
+import { Card, PageHeader } from "../ui/layout.mjs";
+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
+/** Set-password page for invite acceptance (no auth required). */
+function renderInvitePage(state) {
+	return /* @__PURE__ */ jsx(DocumentLayout, {
+		title: "Set password",
+		layout: "bare",
+		children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ jsx(PageHeader, {
+					title: "Set your password",
+					description: state.email ? `for ${state.email}` : void 0
+				}),
+				state.error ? /* @__PURE__ */ jsx(Alert, {
+					tone: "danger",
+					title: "Invite failed",
+					children: state.error
+				}) : null,
+				/* @__PURE__ */ jsx("form", {
+					method: "post",
+					action: `/auth/invites/${state.inviteId}`,
+					novalidate: true,
+					children: /* @__PURE__ */ jsxs(VStack, { children: [
+						/* @__PURE__ */ jsx("input", {
+							type: "hidden",
+							name: "token",
+							value: state.token
+						}),
+						csrfField(),
+						/* @__PURE__ */ jsx(Field, {
+							label: "New password",
+							name: "password",
+							type: "password",
+							required: true,
+							autofocus: true,
+							autocomplete: "new-password"
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Confirm password",
+							name: "confirm",
+							type: "password",
+							required: true,
+							autocomplete: "new-password"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							type: "submit",
+							children: "Set password and sign in"
+						})
+					] })
+				})
+			]
+		}) })
+	});
+}
+function renderInviteInvalidPage(error) {
+	return /* @__PURE__ */ jsx(DocumentLayout, {
+		title: "Invite",
+		layout: "bare",
+		children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ jsx(PageHeader, { title: "Invite" }),
+				/* @__PURE__ */ jsx(Alert, {
+					tone: "danger",
+					title: "Invalid invite",
+					children: error
+				}),
+				/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", {
+					href: "/auth/login",
+					children: "Back to sign in"
+				}) })
+			]
+		}) })
+	});
+}
+//#endregion
+export { renderInviteInvalidPage, renderInvitePage };
+
+//# sourceMappingURL=invite.mjs.map

package/dist/pages/invite.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"invite.mjs","names":[],"sources":["../../src/pages/invite.tsx"],"sourcesContent":["import { Alert, Button, Card, Field, PageHeader, VStack } from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\nexport interface InvitePageState {\n  inviteId: string;\n  token: string;\n  email?: string;\n  name?: string;\n  error?: string;\n}\n\n/** Set-password page for invite acceptance (no auth required). */\nexport function renderInvitePage(state: InvitePageState): RenderedContent {\n  return (\n    <DocumentLayout title=\"Set password\" layout=\"bare\">\n      <Card>\n        <VStack gap=\"lg\">\n          <PageHeader\n            title=\"Set your password\"\n            description={state.email ? `for ${state.email}` : undefined}\n          />\n          {state.error ? (\n            <Alert tone=\"danger\" title=\"Invite failed\">\n              {state.error}\n            </Alert>\n          ) : null}\n          <form method=\"post\" action={`/auth/invites/${state.inviteId}`} novalidate>\n            <VStack>\n              <input type=\"hidden\" name=\"token\" value={state.token} />\n              {csrfField()}\n              <Field\n                label=\"New password\"\n                name=\"password\"\n                type=\"password\"\n                required\n                autofocus\n                autocomplete=\"new-password\"\n              />\n              <Field\n                label=\"Confirm password\"\n                name=\"confirm\"\n                type=\"password\"\n                required\n                autocomplete=\"new-password\"\n              />\n              <Button variant=\"primary\" type=\"submit\">\n                Set password and sign in\n              </Button>\n            </VStack>\n          </form>\n        </VStack>\n      </Card>\n    </DocumentLayout>\n  );\n}\n\nexport function renderInviteInvalidPage(error: string): RenderedContent {\n  return (\n    <DocumentLayout title=\"Invite\" layout=\"bare\">\n      <Card>\n        <VStack gap=\"lg\">\n          <PageHeader title=\"Invite\" />\n          <Alert tone=\"danger\" title=\"Invalid invite\">\n            {error}\n          </Alert>\n          <p>\n            <a href=\"/auth/login\">Back to sign in</a>\n          </p>\n        </VStack>\n      </Card>\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,iBAAiB,OAAyC;CACxE,OACE,oBAAC,gBAAD;EAAgB,OAAM;EAAe,QAAO;EAC1C,UAAA,oBAAC,MAAD,EAAA,UACE,qBAAC,QAAD;GAAQ,KAAI;GAAZ,UAAA;IACE,oBAAC,YAAD;KACE,OAAM;KACN,aAAa,MAAM,QAAQ,OAAO,MAAM,UAAU,KAAA;IACnD,CAAA;IACA,MAAM,QACL,oBAAC,OAAD;KAAO,MAAK;KAAS,OAAM;KACxB,UAAA,MAAM;IACF,CAAA,IACL;IACJ,oBAAC,QAAD;KAAM,QAAO;KAAO,QAAQ,iBAAiB,MAAM;KAAY,YAAA;KAC7D,UAAA,qBAAC,QAAD,EAAA,UAAA;MACE,oBAAC,SAAD;OAAO,MAAK;OAAS,MAAK;OAAQ,OAAO,MAAM;MAAQ,CAAA;MACtD,UAAU;MACX,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,MAAK;OACL,UAAA;OACA,WAAA;OACA,cAAa;MACd,CAAA;MACD,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,MAAK;OACL,UAAA;OACA,cAAa;MACd,CAAA;MACD,oBAAC,QAAD;OAAQ,SAAQ;OAAU,MAAK;OAAS,UAAA;MAEhC,CAAA;KACF,EAAA,CAAA;IACJ,CAAA;GACA;EACJ,CAAA,EAAA,CAAA;CACQ,CAAA;AAEpB;AAEA,SAAgB,wBAAwB,OAAgC;CACtE,OACE,oBAAC,gBAAD;EAAgB,OAAM;EAAS,QAAO;EACpC,UAAA,oBAAC,MAAD,EAAA,UACE,qBAAC,QAAD;GAAQ,KAAI;GAAZ,UAAA;IACE,oBAAC,YAAD,EAAY,OAAM,SAAU,CAAA;IAC5B,oBAAC,OAAD;KAAO,MAAK;KAAS,OAAM;KACxB,UAAA;IACI,CAAA;IACP,oBAAC,KAAD,EAAA,UACE,oBAAC,KAAD;KAAG,MAAK;KAAc,UAAA;IAAkB,CAAA,EACvC,CAAA;GACG;EACJ,CAAA,EAAA,CAAA;CACQ,CAAA;AAEpB"}

package/dist/pages/label-detail.mjs

@@ -0,0 +1,154 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { getStore } from "../store.mjs";
+import { Button } from "../ui/buttons.mjs";
+import { Badge, EmptyState, Meta, statusTone } from "../ui/feedback.mjs";
+import { PageHeader } from "../ui/layout.mjs";
+import { HStack } from "../ui/stacks.mjs";
+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
+/** Resolve a label type's `link_template` against a build, or return null. */
+function resolveLabelLink(template, project, build, value) {
+	if (!template) return null;
+	const repo = project.gitRepository ?? "";
+	return template.replaceAll("{value}", value).replaceAll("{repo}", repo).replaceAll("{branch}", build.gitBranch);
+}
+/** Label page: every build bearing `key=value`, latest first (ADR 0013). */
+async function renderLabelDetailPage(slug, key, value) {
+	const project = (await new ProjectModel(getStore().db).list()).find((item) => item.slug === slug);
+	if (!project) return null;
+	const [builds, labelType] = await Promise.all([new BuildModel(getStore().db).list(project.id, {
+		labelKey: key,
+		labelValue: value
+	}), new LabelModel(getStore().db).getType(project.id, key)]);
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: `${key}: ${value}`,
+		nav: {
+			active: "labels",
+			projectSlug: project.slug,
+			projectName: project.name,
+			trail: [{ label: `${labelType ? labelType.name : key}: ${value}` }]
+		},
+		children: [/* @__PURE__ */ jsx(PageHeader, {
+			title: /* @__PURE__ */ jsxs(Fragment, { children: [
+				labelType ? labelType.name : key,
+				": ",
+				value
+			] }),
+			description: /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(Badge, {
+					tone: "neutral",
+					children: key
+				}),
+				" Builds bearing this",
+				" ",
+				labelType ? labelType.name.toLowerCase() : "label",
+				", latest first."
+			] }),
+			actions: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				href: `/projects/${project.slug}/labels`,
+				children: "All labels"
+			})
+		}), builds.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+			title: "No builds",
+			description: `No build currently bears the label ${key}: ${value}.`
+		}) : /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx("th", { children: "Build" }),
+			/* @__PURE__ */ jsx("th", { children: "Status" }),
+			/* @__PURE__ */ jsx("th", { children: "Author" }),
+			/* @__PURE__ */ jsx("th", { children: "Created" }),
+			/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+				class: "visually-hidden",
+				children: "Actions"
+			}) })
+		] }) }), /* @__PURE__ */ jsx("tbody", { children: builds.map((build) => {
+			const link = labelType?.linkTemplate ? resolveLabelLink(labelType.linkTemplate, project, build, value) : null;
+			return /* @__PURE__ */ jsxs("tr", { children: [
+				/* @__PURE__ */ jsxs("td", { children: [/* @__PURE__ */ jsx("strong", { children: build.gitBranch }), /* @__PURE__ */ jsxs(Meta, {
+					as: "div",
+					mono: true,
+					children: [
+						build.gitSha.slice(0, 7),
+						" ",
+						build.message ? `· ${build.message.slice(0, 60)}` : ""
+					]
+				})] }),
+				/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
+					tone: statusTone(build.status),
+					children: build.status
+				}) }),
+				/* @__PURE__ */ jsxs("td", { children: [/* @__PURE__ */ jsx("div", { children: build.authorName ?? "—" }), /* @__PURE__ */ jsx(Meta, {
+					as: "div",
+					children: build.authorEmail ?? ""
+				})] }),
+				/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Meta, {
+					as: "span",
+					children: new Date(build.createdAt).toLocaleString()
+				}) }),
+				/* @__PURE__ */ jsx("td", {
+					class: "nowrap",
+					children: /* @__PURE__ */ jsxs(HStack, {
+						wrap: false,
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "secondary",
+							size: "sm",
+							href: `/projects/${project.slug}/builds/${build.id}`,
+							children: "View"
+						}), link ? /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							href: link,
+							target: "_blank",
+							rel: "noreferrer",
+							children: "Open link"
+						}) : null]
+					})
+				})
+			] }, build.id);
+		}) })] }) })]
+	});
+}
+/** Label types overview page (architecture.md `GET /projects/:slug/labels`). */
+async function renderLabelsPage(slug) {
+	const project = (await new ProjectModel(getStore().db).list()).find((item) => item.slug === slug);
+	if (!project) return null;
+	const labelTypes = await new LabelModel(getStore().db).listTypes(project.id);
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: `Labels · ${project.name}`,
+		nav: {
+			active: "labels",
+			projectSlug: project.slug,
+			projectName: project.name
+		},
+		children: [/* @__PURE__ */ jsx(PageHeader, {
+			title: "Labels",
+			description: "Typed labels attach values to builds and link out to external systems."
+		}), labelTypes.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+			title: "No label types",
+			description: "No label types are configured for this project."
+		}) : /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx("th", { children: "Key" }),
+			/* @__PURE__ */ jsx("th", { children: "Name" }),
+			/* @__PURE__ */ jsx("th", { children: "Template" })
+		] }) }), /* @__PURE__ */ jsx("tbody", { children: labelTypes.map((labelType) => /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
+				tone: "neutral",
+				children: labelType.key
+			}) }),
+			/* @__PURE__ */ jsx("td", { children: labelType.name }),
+			/* @__PURE__ */ jsx("td", {
+				class: "truncate max-w-cell",
+				children: labelType.linkTemplate ?? "—"
+			})
+		] }, labelType.id)) })] }) })]
+	});
+}
+//#endregion
+export { renderLabelDetailPage, renderLabelsPage, resolveLabelLink };
+
+//# sourceMappingURL=label-detail.mjs.map