@storyshelf/core 0.1.0 → 0.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"build-detail.mjs","names":[],"sources":["../../src/pages/build-detail.tsx"],"sourcesContent":["import { BuildModel } from \"../models/build.ts\";\nimport { CommentModel } from \"../models/comment.ts\";\nimport { ProjectModel } from \"../models/project.ts\";\nimport { SnapshotModel } from \"../models/snapshot.ts\";\nimport { getStore } from \"../store.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\nexport async function renderBuildDetailPage(buildId: string): Promise<RenderedContent | null> {\n  const db = getStore().db;\n  const build = await new BuildModel(db).get(buildId);\n  if (!build) {\n    return null;\n  }\n  const project = await new ProjectModel(db).get(build.projectId);\n  if (!project) {\n    return null;\n  }\n  const snapshots = await new SnapshotModel(db).listByBuild(build.id);\n  const comments = await new CommentModel(db).listByBuild(build.id);\n  const canReview = !getStore().authEnabled || Boolean(getStore().user);\n\n  const grouped = new Map<string, typeof snapshots>();\n  for (const snap of snapshots) {\n    const key = snap.status;\n    const list = grouped.get(key) ?? [];\n    list.push(snap);\n    grouped.set(key, list);\n  }\n\n  return (\n    <DocumentLayout title={`Build ${build.gitBranch}`} nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">\n                {build.gitBranch} · {build.gitSha.slice(0, 7)}\n              </span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">\n              {build.gitBranch} <span style=\"color:var(--text-secondary); font-weight:400;\">· {build.gitSha.slice(0, 7)}</span> <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n            </h1>\n            <p class=\"page-header__desc\">\n              {build.message ?? \"No commit message\"} {build.authorName ? `· ${build.authorName}${build.authorEmail ? ` <${build.authorEmail}>` : \"\"}` : \"\"} · {new Date(build.createdAt).toLocaleString()}\n            </p>\n          </div>\n          <div class=\"page-header__actions\">\n            <a class=\"btn btn--primary\" href={`/projects/${project.slug}/builds/${build.id}/diff`}>\n              Review diffs\n            </a>\n            <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\">\n              <button class=\"btn btn--secondary\" type=\"submit\">\n                Retry capture\n              </button>\n            </form>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"grid grid--3\" style=\"margin-bottom:1rem;\">\n        <div class=\"card card--padded stat\">\n          <div class=\"stat__value\">{snapshots.length}</div>\n          <div class=\"stat__label\">Snapshots</div>\n        </div>\n        <div class=\"card card--padded stat\">\n          <div class=\"stat__value\" style=\"color: var(--status-new);\">\n            {build.changedCount}\n          </div>\n          <div class=\"stat__label\">Changed / new</div>\n        </div>\n        <div class=\"card card--padded stat\">\n          <div class=\"stat__value\" style=\"color: var(--status-approved);\">\n            {build.approvedCount}\n          </div>\n          <div class=\"stat__label\">Approved / unchanged</div>\n        </div>\n      </div>\n\n      {canReview && (build.status === \"reviewing\" || build.status === \"comparing\") ? (\n        <div class=\"card card--padded\" style=\"display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin-bottom:1rem;\">\n          <span class=\"field__hint\">Bulk actions:</span>\n          <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-target=\"body\">\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Approve all\n            </button>\n          </form>\n          <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-target=\"body\">\n            <button class=\"btn btn--danger\" type=\"submit\">\n              Reject all\n            </button>\n          </form>\n          <span class=\"field__hint\">Or review individually in the diff view.</span>\n        </div>\n      ) : null}\n\n      {snapshots.length === 0 ? (\n        <div class=\"empty\">\n          <h2 class=\"empty__title\">No snapshots yet</h2>\n          <p class=\"empty__desc\">Capture is pending or failed. Try retrying capture.</p>\n        </div>\n      ) : (\n        <div class=\"snapshot-grid\">\n          {snapshots.map(\n            // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n            (snap) => (\n            <div key={snap.id} class=\"snapshot-card\">\n              <div class=\"snapshot-card__head\">\n                <Badge tone={statusTone(snap.status)}>{snap.status}</Badge>\n                <span class=\"snapshot-card__meta\">\n                  {snap.viewportName} · {snap.viewportWidth}×{snap.viewportHeight}\n                </span>\n              </div>\n              <div class=\"snapshot-card__body\">\n                <div style=\"font-weight:650; font-size:.95rem; line-height:1.2;\">\n                  {snap.storyTitle}\n                  <span style=\"color:var(--text-secondary); font-weight:400;\"> / {snap.storyName}</span>\n                </div>\n                <div class=\"field__hint\" style=\"font-size:.8rem;\">\n                  {snap.storyId}\n                  {snap.diffRatio !== null && snap.diffRatio !== undefined ? ` · diff ${(snap.diffRatio * 100).toFixed(2)}%` : \"\"}\n                  {snap.diffPixels === null ? \"\" : ` · ${snap.diffPixels} px`}\n                </div>\n                <div style=\"display:flex; gap:.4rem; flex-wrap:wrap; margin-top:.2rem;\">\n                  <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}>\n                    Review\n                  </a>\n                  {canReview && (snap.status === \"new\" || snap.status === \"changed\") ? (\n                    <>\n                      <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`} hx-target=\"body\">\n                        <button class=\"btn btn--ghost\" type=\"submit\">\n                          Approve\n                        </button>\n                      </form>\n                      <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`} hx-target=\"body\">\n                        <button class=\"btn btn--ghost\" type=\"submit\">\n                          Reject\n                        </button>\n                      </form>\n                    </>\n                  ) : null}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      <div class=\"card card--padded\" style=\"margin-top:1rem;\">\n        <h2 style=\"margin:0 0 .5rem;\">Comments</h2>\n        {comments.length === 0 ? <p class=\"field__hint\">No comments. Add one in the diff review page for a specific snapshot.</p> : null}\n        <div style=\"display:grid; gap:.6rem;\">\n          {comments.map(\n            // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n            (comment) => (\n            <div key={comment.id} class=\"comment\">\n              <div class=\"comment__head\">\n                <strong>{comment.userId}</strong>\n                <span>· {new Date(comment.createdAt).toLocaleString()}</span>\n                {comment.snapshotId ? <Badge tone=\"neutral\">{snapshots.find((snapshot) => snapshot.id === comment.snapshotId)?.storyName ?? comment.snapshotId.slice(0, 6)}</Badge> : <Badge tone=\"neutral\">build</Badge>}\n                {comment.resolved ? <Badge tone=\"success\">resolved</Badge> : null}\n              </div>\n              <p class=\"comment__body\">{comment.body}</p>\n            </div>\n          ))}\n        </div>\n\n        <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-target=\"body\" style=\"margin-top:1rem; display:grid; gap:.5rem; max-width:640px;\">\n          <label class=\"field__label\" for=\"comment-body\">\n            Add build comment\n          </label>\n          <textarea class=\"field__input field__input--textarea\" id=\"comment-body\" name=\"body\" rows={3} required placeholder=\"Leave a comment on this build…\" />\n          <div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Comment\n            </button>\n          </div>\n        </form>\n      </div>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"build-detail.mjs","names":[],"sources":["../../src/pages/build-detail.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\n\nimport { BuildModel } from \"../models/build.ts\";\nimport { CommentModel } from \"../models/comment.ts\";\nimport { ProjectModel } from \"../models/project.ts\";\nimport { SnapshotModel } from \"../models/snapshot.ts\";\nimport { getStore } from \"../store.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\nexport async function renderBuildDetailPage(buildId: string): Promise<RenderedContent | null> {\n  const {db} = getStore();\n  const build = await new BuildModel(db).get(buildId);\n  if (!build) {\n    return null;\n  }\n  const project = await new ProjectModel(db).get(build.projectId);\n  if (!project) {\n    return null;\n  }\n  const snapshots = await new SnapshotModel(db).listByBuild(build.id);\n  const comments = await new CommentModel(db).listByBuild(build.id);\n  const canReview = !getStore().authEnabled || Boolean(getStore().user);\n\n  const grouped = new Map<string, typeof snapshots>();\n  for (const snap of snapshots) {\n    const key = snap.status;\n    const list = grouped.get(key) ?? [];\n    list.push(snap);\n    grouped.set(key, list);\n  }\n\n  return (\n    <DocumentLayout title={`Build ${build.gitBranch}`} nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">\n                {build.gitBranch} · {build.gitSha.slice(0, 7)}\n              </span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">\n              {build.gitBranch} <span style=\"color:var(--text-secondary); font-weight:400;\">· {build.gitSha.slice(0, 7)}</span> <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n            </h1>\n            <p class=\"page-header__desc\">\n              {build.message ?? \"No commit message\"} {build.authorName ? `· ${build.authorName}${build.authorEmail ? ` <${build.authorEmail}>` : \"\"}` : \"\"} · {new Date(build.createdAt).toLocaleString()}\n            </p>\n          </div>\n          <div class=\"page-header__actions\">\n            <a class=\"btn btn--primary\" href={`/projects/${project.slug}/builds/${build.id}/diff`}>\n              Review diffs\n            </a>\n            <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\">\n              <button class=\"btn btn--secondary\" type=\"submit\">\n                Retry capture\n              </button>\n            </form>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"grid grid--3\" style=\"margin-bottom:1rem;\">\n        <div class=\"card card--padded stat\">\n          <div class=\"stat__value\">{snapshots.length}</div>\n          <div class=\"stat__label\">Snapshots</div>\n        </div>\n        <div class=\"card card--padded stat\">\n          <div class=\"stat__value\" style=\"color: var(--status-new);\">\n            {build.changedCount}\n          </div>\n          <div class=\"stat__label\">Changed / new</div>\n        </div>\n        <div class=\"card card--padded stat\">\n          <div class=\"stat__value\" style=\"color: var(--status-approved);\">\n            {build.approvedCount}\n          </div>\n          <div class=\"stat__label\">Approved / unchanged</div>\n        </div>\n      </div>\n\n      {canReview && (build.status === \"reviewing\" || build.status === \"comparing\") ? (\n        <div class=\"card card--padded\" style=\"display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin-bottom:1rem;\">\n          <span class=\"field__hint\">Bulk actions:</span>\n          <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-target=\"body\">\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Approve all\n            </button>\n          </form>\n          <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-target=\"body\">\n            <button class=\"btn btn--danger\" type=\"submit\">\n              Reject all\n            </button>\n          </form>\n          <span class=\"field__hint\">Or review individually in the diff view.</span>\n        </div>\n      ) : null}\n\n      {snapshots.length === 0 ? (\n        <div class=\"empty\">\n          <h2 class=\"empty__title\">No snapshots yet</h2>\n          <p class=\"empty__desc\">Capture is pending or failed. Try retrying capture.</p>\n        </div>\n      ) : (\n        <div class=\"snapshot-grid\">\n          {snapshots.map(\n            (snap): HtmlEscapedString | Promise<HtmlEscapedString> => (\n            <div key={snap.id} class=\"snapshot-card\">\n              <div class=\"snapshot-card__head\">\n                <Badge tone={statusTone(snap.status)}>{snap.status}</Badge>\n                <span class=\"snapshot-card__meta\">\n                  {snap.viewportName} · {snap.viewportWidth}×{snap.viewportHeight}\n                </span>\n              </div>\n              <div class=\"snapshot-card__body\">\n                <div style=\"font-weight:650; font-size:.95rem; line-height:1.2;\">\n                  {snap.storyTitle}\n                  <span style=\"color:var(--text-secondary); font-weight:400;\"> / {snap.storyName}</span>\n                </div>\n                <div class=\"field__hint\" style=\"font-size:.8rem;\">\n                  {snap.storyId}\n                  {snap.diffRatio !== null && snap.diffRatio !== undefined ? ` · diff ${(snap.diffRatio * 100).toFixed(2)}%` : \"\"}\n                  {snap.diffPixels === null ? \"\" : ` · ${snap.diffPixels} px`}\n                </div>\n                <div style=\"display:flex; gap:.4rem; flex-wrap:wrap; margin-top:.2rem;\">\n                  <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}>\n                    Review\n                  </a>\n                  {canReview && (snap.status === \"new\" || snap.status === \"changed\") ? (\n                    <>\n                      <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/approve`} hx-target=\"body\">\n                        <button class=\"btn btn--ghost\" type=\"submit\">\n                          Approve\n                        </button>\n                      </form>\n                      <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snap.id}/reject`} hx-target=\"body\">\n                        <button class=\"btn btn--ghost\" type=\"submit\">\n                          Reject\n                        </button>\n                      </form>\n                    </>\n                  ) : null}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      <div class=\"card card--padded\" style=\"margin-top:1rem;\">\n        <h2 style=\"margin:0 0 .5rem;\">Comments</h2>\n        {comments.length === 0 ? <p class=\"field__hint\">No comments. Add one in the diff review page for a specific snapshot.</p> : null}\n        <div style=\"display:grid; gap:.6rem;\">\n          {comments.map(\n            (comment): HtmlEscapedString | Promise<HtmlEscapedString> => (\n            <div key={comment.id} class=\"comment\">\n              <div class=\"comment__head\">\n                <strong>{comment.userId}</strong>\n                <span>· {new Date(comment.createdAt).toLocaleString()}</span>\n                {comment.snapshotId ? <Badge tone=\"neutral\">{snapshots.find((snapshot) => snapshot.id === comment.snapshotId)?.storyName ?? comment.snapshotId.slice(0, 6)}</Badge> : <Badge tone=\"neutral\">build</Badge>}\n                {comment.resolved ? <Badge tone=\"success\">resolved</Badge> : null}\n              </div>\n              <p class=\"comment__body\">{comment.body}</p>\n            </div>\n          ))}\n        </div>\n\n        <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-target=\"body\" style=\"margin-top:1rem; display:grid; gap:.5rem; max-width:640px;\">\n          <label class=\"field__label\" for=\"comment-body\">\n            Add build comment\n          </label>\n          <textarea class=\"field__input field__input--textarea\" id=\"comment-body\" name=\"body\" rows={3} required placeholder=\"Leave a comment on this build…\" />\n          <div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Comment\n            </button>\n          </div>\n        </form>\n      </div>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

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, Comment, Project, Snapshot } from \"../schema.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\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}\n\nfunction imageUrl(project: Project, build: Build, snapshot: Snapshot, kind: \"image\" | \"diff\" | \"baseline\"): string {\n  return `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snapshot.id}/${kind}`;\n}\n\nexport function renderBuildDiffPage(data: BuildDiffData): RenderedContent {\n  const { project, build, snapshots, comments, selectedId, canReview, hasBaseline } = data;\n  const selected = snapshots.find((s) => s.id === selectedId) ?? snapshots.find((s) => s.status === \"changed\" || s.status === \"new\") ?? snapshots[0];\n  const pending = snapshots.filter((s) => s.status === \"new\" || s.status === \"changed\");\n\n  return (\n    <DocumentLayout title={`Review · ${build.gitBranch}`} nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds/${build.id}`}>Build {build.gitBranch}</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">Review</span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">\n              {build.gitBranch} <span style=\"color:var(--text-secondary); font-weight:400;\">· {build.gitSha.slice(0, 7)}</span>\n            </h1>\n            <p class=\"page-header__desc\">\n              {build.message ?? \"No message\"} {build.authorName ? `· ${build.authorName}` : \"\"} · <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n            </p>\n          </div>\n          <div class=\"page-header__actions\">\n            <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}`}>\n              Build overview\n            </a>\n            {canReview && pending.length > 0 ? (\n              <>\n                <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-target=\"body\">\n                  <button class=\"btn btn--primary\" type=\"submit\">\n                    Approve all ({pending.length})\n                  </button>\n                </form>\n                <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-target=\"body\">\n                  <button class=\"btn btn--danger\" type=\"submit\">\n                    Reject all\n                  </button>\n                </form>\n              </>\n            ) : null}\n          </div>\n        </div>\n      </div>\n\n      <div class=\"card card--padded\" style=\"margin-bottom:1rem;\">\n        <div class=\"grid grid--3\" style=\"text-align:center;\">\n          <div class=\"stat\">\n            <div class=\"stat__value\">{snapshots.length}</div>\n            <div class=\"stat__label\">Snapshots</div>\n          </div>\n          <div class=\"stat\">\n            <div class=\"stat__value\" style=\"color: var(--status-new);\">\n              {pending.length}\n            </div>\n            <div class=\"stat__label\">Needs review</div>\n          </div>\n          <div class=\"stat\">\n            <div class=\"stat__value\" style=\"color: var(--status-approved);\">\n              {build.approvedCount}\n            </div>\n            <div class=\"stat__label\">Approved</div>\n          </div>\n        </div>\n      </div>\n\n      {snapshots.length === 0 ? (\n        <div class=\"empty\">\n          <h2 class=\"empty__title\">No snapshots</h2>\n          <p class=\"empty__desc\">This build has no snapshots yet. Capture may still be running.</p>\n        </div>\n      ) : (\n        <div class=\"grid\" style=\"gap:1rem;\">\n          <div style=\"display:flex; gap:1rem; align-items:stretch;\">\n            <div style=\"flex: 0 0 320px; max-width: 36%; min-width: 260px;\">\n              <div class=\"card\">\n                <div style=\"padding:.6rem .75rem; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;\">\n                  <strong>Snapshots</strong>\n                  <span class=\"field__hint\">{snapshots.length} total</span>\n                </div>\n                <div data-diff-nav data-current={selected?.id} style=\"max-height: 70vh; overflow:auto;\">\n                  {snapshots.map(\n                    // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                    (snap) => (\n                    <a\n                      key={snap.id}\n                      href={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}\n                      data-snapshot-link\n                      data-snapshot-id={snap.id}\n                      class={`snapshot-nav ${selected?.id === snap.id ? \"snapshot-nav--active\" : \"\"}`}\n                      style={`display:flex; flex-direction:column; gap:.2rem; padding:.6rem .75rem; border-bottom:1px solid var(--border); text-decoration:none; color:inherit; background:${selected?.id === snap.id ? \"var(--surface-muted)\" : \"transparent\"};`}\n                      hx-get={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}\n                      hx-target=\"body\"\n                      hx-push-url=\"true\"\n                    >\n                      <span style=\"display:flex; gap:.4rem; align-items:center; flex-wrap:wrap;\">\n                        <Badge tone={statusTone(snap.status)}>{snap.status}</Badge>\n                        <span style=\"font-weight:600; font-size:.9rem;\">{snap.storyTitle} / {snap.storyName}</span>\n                      </span>\n                      <span class=\"field__hint\" style=\"font-size:.8rem;\">\n                        {snap.viewportName} · {snap.viewportWidth}×{snap.viewportHeight}\n                        {snap.diffRatio !== null && snap.diffRatio !== undefined ? ` · ${(snap.diffRatio * 100).toFixed(2)}%` : \"\"}\n                      </span>\n                    </a>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            <div style=\"flex:1; min-width:0; display:grid; gap:1rem;\">\n              {selected ? (\n                <>\n                  <div class=\"card card--padded\">\n                    <div style=\"display:flex; justify-content:space-between; gap:.5rem; align-items:center; flex-wrap:wrap;\">\n                      <div>\n                        <h2 style=\"margin:0; font-size:1.05rem;\">\n                          {selected.storyTitle} — {selected.storyName}\n                        </h2>\n                        <p class=\"field__hint\" style=\"margin:.2rem 0 0;\">\n                          {selected.viewportName} · {selected.viewportWidth}×{selected.viewportHeight} · <Badge tone={statusTone(selected.status)}>{selected.status}</Badge>\n                          {selected.diffPixels === null ? \"\" : ` · ${selected.diffPixels} px`}\n                        </p>\n                      </div>\n                      {canReview && (selected.status === \"new\" || selected.status === \"changed\") ? (\n                        <div style=\"display:flex; gap:.5rem;\">\n                          <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/approve`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/approve`} hx-target=\"body\">\n                            <button class=\"btn btn--primary\" type=\"submit\" accesskey=\"a\" title=\"Approve (a)\">\n                              Approve\n                            </button>\n                          </form>\n                          <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/reject`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/reject`} hx-target=\"body\">\n                            <button class=\"btn btn--danger\" type=\"submit\" accesskey=\"r\" title=\"Reject (r)\">\n                              Reject\n                            </button>\n                          </form>\n                        </div>\n                      ) : null}\n                    </div>\n\n                    <div class=\"diff-grid\" style=\"margin-top:1rem;\">\n                      <div class=\"diff-pane\">\n                        <div class=\"diff-pane__label\">Baseline</div>\n                        {hasBaseline[selected.id] ? (\n                          <img class=\"diff-pane__img\" src={imageUrl(project, build, selected, \"baseline\")} alt={`Baseline for ${selected.storyTitle} / ${selected.storyName}`} loading=\"lazy\" />\n                        ) : (\n                          <div style=\"aspect-ratio: 16/9; display:grid; place-items:center; background:var(--surface-muted); color:var(--text-secondary); font-size:.85rem;\">\n                            No baseline\n                            <br />\n                            <span class=\"field__hint\">first capture for this story</span>\n                          </div>\n                        )}\n                      </div>\n                      <div class=\"diff-pane\">\n                        <div class=\"diff-pane__label\">Current</div>\n                        <img class=\"diff-pane__img\" src={imageUrl(project, build, selected, \"image\")} alt={`Current for ${selected.storyTitle} / ${selected.storyName}`} loading=\"lazy\" />\n                      </div>\n                      <div class=\"diff-pane\">\n                        <div class=\"diff-pane__label\">Diff {selected.diffRatio === null ? \"\" : `· ${(selected.diffRatio * 100).toFixed(2)}%`}</div>\n                        {selected.diffPath ? (\n                          <img class=\"diff-pane__img\" src={imageUrl(project, build, selected, \"diff\")} alt={`Diff for ${selected.storyTitle} / ${selected.storyName}`} loading=\"lazy\" />\n                        ) : (\n                          <div style=\"aspect-ratio: 16/9; display:grid; place-items:center; color:var(--text-secondary);\">\n                            {selected.status === \"unchanged\" || selected.status === \"approved\" ? \"No diff — within threshold\" : \"No diff yet\"}\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                    <p class=\"field__hint\" style=\"margin-top:.6rem;\">\n                      Keyboard: <kbd>←</kbd> <kbd>→</kbd> navigate · <kbd>a</kbd> approve · <kbd>r</kbd> reject · <kbd>?</kbd> help\n                    </p>\n                  </div>\n\n                  <div class=\"card card--padded\">\n                    <h3 style=\"margin:0 0 .5rem;\">Comments</h3>\n                    <div style=\"display:grid; gap:.75rem;\">\n                      {comments\n                        .filter((comment) => !comment.snapshotId || comment.snapshotId === selected.id)\n                        .map(\n                          // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                          (comment) => (\n                          <div key={comment.id} class=\"comment\">\n                            <div class=\"comment__head\">\n                              <strong>{comment.userId}</strong>\n                              <span>· {new Date(comment.createdAt).toLocaleString()}</span>\n                              {comment.resolved ? <Badge tone=\"success\">resolved</Badge> : null}\n                            </div>\n                            <p class=\"comment__body\">{comment.body}</p>\n                            {!comment.resolved && canReview ? (\n                              <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments/${comment.id}/resolve`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments/${comment.id}/resolve`} hx-target=\"body\" style=\"margin-top:.5rem;\">\n                                <button class=\"btn btn--ghost\" type=\"submit\">\n                                  Mark resolved\n                                </button>\n                              </form>\n                            ) : null}\n                          </div>\n                        ))}\n                      {comments.filter((c) => !c.snapshotId || c.snapshotId === selected.id).length === 0 ? <p class=\"field__hint\">No comments on this snapshot.</p> : null}\n                    </div>\n\n                    <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-target=\"body\" style=\"margin-top:1rem; display:grid; gap:.5rem;\">\n                      <input type=\"hidden\" name=\"snapshotId\" value={selected.id} />\n                      <label class=\"field__label\" for=\"comment-body\">\n                        Add comment\n                      </label>\n                      <textarea class=\"field__input field__input--textarea\" id=\"comment-body\" name=\"body\" rows={3} required placeholder=\"Leave feedback on this snapshot…\" />\n                      <div>\n                        <button class=\"btn btn--primary\" type=\"submit\">\n                          Comment\n                        </button>\n                      </div>\n                    </form>\n                  </div>\n                </>\n              ) : (\n                <div class=\"empty\">\n                  <p class=\"empty__desc\">Select a snapshot to review.</p>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"build-diff.mjs","names":[],"sources":["../../src/pages/build-diff.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Build, Comment, Project, Snapshot } from \"../schema.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\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}\n\nfunction imageUrl(project: Project, build: Build, snapshot: Snapshot, kind: \"image\" | \"diff\" | \"baseline\"): string {\n  return `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snapshot.id}/${kind}`;\n}\n\nexport function renderBuildDiffPage(data: BuildDiffData): RenderedContent {\n  const { project, build, snapshots, comments, selectedId, canReview, hasBaseline } = data;\n  const selected = snapshots.find((s) => s.id === selectedId) ?? snapshots.find((s) => s.status === \"changed\" || s.status === \"new\") ?? snapshots[0];\n  const pending = snapshots.filter((s) => s.status === \"new\" || s.status === \"changed\");\n\n  return (\n    <DocumentLayout title={`Review · ${build.gitBranch}`} nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds/${build.id}`}>Build {build.gitBranch}</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">Review</span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">\n              {build.gitBranch} <span style=\"color:var(--text-secondary); font-weight:400;\">· {build.gitSha.slice(0, 7)}</span>\n            </h1>\n            <p class=\"page-header__desc\">\n              {build.message ?? \"No message\"} {build.authorName ? `· ${build.authorName}` : \"\"} · <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n            </p>\n          </div>\n          <div class=\"page-header__actions\">\n            <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}`}>\n              Build overview\n            </a>\n            {canReview && pending.length > 0 ? (\n              <>\n                <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/approve-all`} hx-target=\"body\">\n                  <button class=\"btn btn--primary\" type=\"submit\">\n                    Approve all ({pending.length})\n                  </button>\n                </form>\n                <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/reject-all`} hx-target=\"body\">\n                  <button class=\"btn btn--danger\" type=\"submit\">\n                    Reject all\n                  </button>\n                </form>\n              </>\n            ) : null}\n          </div>\n        </div>\n      </div>\n\n      <div class=\"card card--padded\" style=\"margin-bottom:1rem;\">\n        <div class=\"grid grid--3\" style=\"text-align:center;\">\n          <div class=\"stat\">\n            <div class=\"stat__value\">{snapshots.length}</div>\n            <div class=\"stat__label\">Snapshots</div>\n          </div>\n          <div class=\"stat\">\n            <div class=\"stat__value\" style=\"color: var(--status-new);\">\n              {pending.length}\n            </div>\n            <div class=\"stat__label\">Needs review</div>\n          </div>\n          <div class=\"stat\">\n            <div class=\"stat__value\" style=\"color: var(--status-approved);\">\n              {build.approvedCount}\n            </div>\n            <div class=\"stat__label\">Approved</div>\n          </div>\n        </div>\n      </div>\n\n      {snapshots.length === 0 ? (\n        <div class=\"empty\">\n          <h2 class=\"empty__title\">No snapshots</h2>\n          <p class=\"empty__desc\">This build has no snapshots yet. Capture may still be running.</p>\n        </div>\n      ) : (\n        <div class=\"grid\" style=\"gap:1rem;\">\n          <div style=\"display:flex; gap:1rem; align-items:stretch;\">\n            <div style=\"flex: 0 0 320px; max-width: 36%; min-width: 260px;\">\n              <div class=\"card\">\n                <div style=\"padding:.6rem .75rem; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;\">\n                  <strong>Snapshots</strong>\n                  <span class=\"field__hint\">{snapshots.length} total</span>\n                </div>\n                <div data-diff-nav data-current={selected?.id} style=\"max-height: 70vh; overflow:auto;\">\n                  {snapshots.map(\n                    (snap): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                    <a\n                      key={snap.id}\n                      href={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}\n                      data-snapshot-link\n                      data-snapshot-id={snap.id}\n                      class={`snapshot-nav ${selected?.id === snap.id ? \"snapshot-nav--active\" : \"\"}`}\n                      style={`display:flex; flex-direction:column; gap:.2rem; padding:.6rem .75rem; border-bottom:1px solid var(--border); text-decoration:none; color:inherit; background:${selected?.id === snap.id ? \"var(--surface-muted)\" : \"transparent\"};`}\n                      hx-get={`/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`}\n                      hx-target=\"body\"\n                      hx-push-url=\"true\"\n                    >\n                      <span style=\"display:flex; gap:.4rem; align-items:center; flex-wrap:wrap;\">\n                        <Badge tone={statusTone(snap.status)}>{snap.status}</Badge>\n                        <span style=\"font-weight:600; font-size:.9rem;\">{snap.storyTitle} / {snap.storyName}</span>\n                      </span>\n                      <span class=\"field__hint\" style=\"font-size:.8rem;\">\n                        {snap.viewportName} · {snap.viewportWidth}×{snap.viewportHeight}\n                        {snap.diffRatio !== null && snap.diffRatio !== undefined ? ` · ${(snap.diffRatio * 100).toFixed(2)}%` : \"\"}\n                      </span>\n                    </a>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            <div style=\"flex:1; min-width:0; display:grid; gap:1rem;\">\n              {selected ? (\n                <>\n                  <div class=\"card card--padded\">\n                    <div style=\"display:flex; justify-content:space-between; gap:.5rem; align-items:center; flex-wrap:wrap;\">\n                      <div>\n                        <h2 style=\"margin:0; font-size:1.05rem;\">\n                          {selected.storyTitle} — {selected.storyName}\n                        </h2>\n                        <p class=\"field__hint\" style=\"margin:.2rem 0 0;\">\n                          {selected.viewportName} · {selected.viewportWidth}×{selected.viewportHeight} · <Badge tone={statusTone(selected.status)}>{selected.status}</Badge>\n                          {selected.diffPixels === null ? \"\" : ` · ${selected.diffPixels} px`}\n                        </p>\n                      </div>\n                      {canReview && (selected.status === \"new\" || selected.status === \"changed\") ? (\n                        <div style=\"display:flex; gap:.5rem;\">\n                          <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/approve`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/approve`} hx-target=\"body\">\n                            <button class=\"btn btn--primary\" type=\"submit\" accesskey=\"a\" title=\"Approve (a)\">\n                              Approve\n                            </button>\n                          </form>\n                          <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/reject`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${selected.id}/reject`} hx-target=\"body\">\n                            <button class=\"btn btn--danger\" type=\"submit\" accesskey=\"r\" title=\"Reject (r)\">\n                              Reject\n                            </button>\n                          </form>\n                        </div>\n                      ) : null}\n                    </div>\n\n                    <div class=\"diff-grid\" style=\"margin-top:1rem;\">\n                      <div class=\"diff-pane\">\n                        <div class=\"diff-pane__label\">Baseline</div>\n                        {hasBaseline[selected.id] ? (\n                          <img class=\"diff-pane__img\" src={imageUrl(project, build, selected, \"baseline\")} alt={`Baseline for ${selected.storyTitle} / ${selected.storyName}`} loading=\"lazy\" />\n                        ) : (\n                          <div style=\"aspect-ratio: 16/9; display:grid; place-items:center; background:var(--surface-muted); color:var(--text-secondary); font-size:.85rem;\">\n                            No baseline\n                            <br />\n                            <span class=\"field__hint\">first capture for this story</span>\n                          </div>\n                        )}\n                      </div>\n                      <div class=\"diff-pane\">\n                        <div class=\"diff-pane__label\">Current</div>\n                        <img class=\"diff-pane__img\" src={imageUrl(project, build, selected, \"image\")} alt={`Current for ${selected.storyTitle} / ${selected.storyName}`} loading=\"lazy\" />\n                      </div>\n                      <div class=\"diff-pane\">\n                        <div class=\"diff-pane__label\">Diff {selected.diffRatio === null ? \"\" : `· ${(selected.diffRatio * 100).toFixed(2)}%`}</div>\n                        {selected.diffPath ? (\n                          <img class=\"diff-pane__img\" src={imageUrl(project, build, selected, \"diff\")} alt={`Diff for ${selected.storyTitle} / ${selected.storyName}`} loading=\"lazy\" />\n                        ) : (\n                          <div style=\"aspect-ratio: 16/9; display:grid; place-items:center; color:var(--text-secondary);\">\n                            {selected.status === \"unchanged\" || selected.status === \"approved\" ? \"No diff — within threshold\" : \"No diff yet\"}\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                    <p class=\"field__hint\" style=\"margin-top:.6rem;\">\n                      Keyboard: <kbd>←</kbd> <kbd>→</kbd> navigate · <kbd>a</kbd> approve · <kbd>r</kbd> reject · <kbd>?</kbd> help\n                    </p>\n                  </div>\n\n                  <div class=\"card card--padded\">\n                    <h3 style=\"margin:0 0 .5rem;\">Comments</h3>\n                    <div style=\"display:grid; gap:.75rem;\">\n                      {comments\n                        .filter((comment) => !comment.snapshotId || comment.snapshotId === selected.id)\n                        .map(\n                          (comment): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                          <div key={comment.id} class=\"comment\">\n                            <div class=\"comment__head\">\n                              <strong>{comment.userId}</strong>\n                              <span>· {new Date(comment.createdAt).toLocaleString()}</span>\n                              {comment.resolved ? <Badge tone=\"success\">resolved</Badge> : null}\n                            </div>\n                            <p class=\"comment__body\">{comment.body}</p>\n                            {!comment.resolved && canReview ? (\n                              <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments/${comment.id}/resolve`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments/${comment.id}/resolve`} hx-target=\"body\" style=\"margin-top:.5rem;\">\n                                <button class=\"btn btn--ghost\" type=\"submit\">\n                                  Mark resolved\n                                </button>\n                              </form>\n                            ) : null}\n                          </div>\n                        ))}\n                      {comments.filter((c) => !c.snapshotId || c.snapshotId === selected.id).length === 0 ? <p class=\"field__hint\">No comments on this snapshot.</p> : null}\n                    </div>\n\n                    <form method=\"post\" action={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-post={`/api/v1/projects/${project.slug}/builds/${build.id}/comments`} hx-target=\"body\" style=\"margin-top:1rem; display:grid; gap:.5rem;\">\n                      <input type=\"hidden\" name=\"snapshotId\" value={selected.id} />\n                      <label class=\"field__label\" for=\"comment-body\">\n                        Add comment\n                      </label>\n                      <textarea class=\"field__input field__input--textarea\" id=\"comment-body\" name=\"body\" rows={3} required placeholder=\"Leave feedback on this snapshot…\" />\n                      <div>\n                        <button class=\"btn btn--primary\" type=\"submit\">\n                          Comment\n                        </button>\n                      </div>\n                    </form>\n                  </div>\n                </>\n              ) : (\n                <div class=\"empty\">\n                  <p class=\"empty__desc\">Select a snapshot to review.</p>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"compute-jobs.mjs","names":[],"sources":["../../src/pages/compute-jobs.tsx"],"sourcesContent":["import { BuildModel } from \"../models/build.ts\";\nimport { ProjectModel } from \"../models/project.ts\";\nimport { getStore } from \"../store.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\ninterface QueueView {\n  buildId: string;\n  status: string;\n  queuedAt: string;\n  startedAt?: string;\n  finishedAt?: string;\n  error?: string;\n}\n\nexport function renderActiveQueue(slug: string, queueView: QueueView[]): RenderedContent {\n  return (\n    <div class=\"card card--padded\" id=\"active-queue\" hx-get={`/projects/${slug}/jobs?partial=queue`} hx-trigger=\"every 5s\" hx-swap=\"outerHTML\" hx-target=\"#active-queue\">\n      <h2 style=\"margin:0 0 .5rem;\">Active queue</h2>\n      {queueView.length === 0 ? (\n        <p class=\"field__hint\">No captures are currently queued or running.</p>\n      ) : (\n        <div class=\"table-wrap\">\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(\n                // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                (job) => (\n                  <tr key={job.buildId}>\n                    <td>\n                      <a href={`/projects/${slug}/builds/${job.buildId}`}>{job.buildId.slice(0, 8)}</a>\n                    </td>\n                    <td>\n                      <Badge tone={statusTone(job.status)}>{job.status}</Badge>\n                    </td>\n                    <td class=\"field__hint\">{new Date(job.queuedAt).toLocaleTimeString()}</td>\n                    <td class=\"field__hint\">{job.startedAt ? new Date(job.startedAt).toLocaleTimeString() : \"—\"}</td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport async function renderComputeJobsPage(slug: string, queueView: QueueView[], canRetry: boolean): Promise<RenderedContent | null> {\n  const projects = await new ProjectModel(getStore().db).list();\n  const project = projects.find((item) => item.slug === slug);\n  if (!project) {\n    return null;\n  }\n  const builds = await new BuildModel(getStore().db).list(project.id);\n  const recentBuilds = builds.slice(0, 20);\n  const queueByBuild = new Map(queueView.map((job) => [job.buildId, job]));\n\n  return (\n    <DocumentLayout title={`${project.name} · Compute jobs`} nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">Compute jobs</span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">Compute jobs</h1>\n            <p class=\"page-header__desc\">Capture jobs run on this server. Queued and running jobs refresh live; recent history is below.</p>\n          </div>\n          <div class=\"page-header__actions\">\n            <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds`}>\n              Back to builds\n            </a>\n          </div>\n        </div>\n      </div>\n\n      {renderActiveQueue(project.slug, queueView)}\n\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Recent builds</h2>\n        <p class=\"field__hint\">Capture history for {project.name}. Failed jobs can be retried.</p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>Branch</th>\n                <th>Status</th>\n                <th>Snapshots</th>\n                <th>Created</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {recentBuilds.map(\n                // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                (build) => (\n                  <tr key={build.id}>\n                    <td>\n                      <div style=\"font-weight:600;\">{build.gitBranch}</div>\n                      <div class=\"field__hint\" style=\"font-family: ui-monospace, monospace;\">\n                        {build.gitSha.slice(0, 7)}\n                      </div>\n                    </td>\n                    <td>\n                      <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n                    </td>\n                    <td class=\"field__hint\">{build.snapshotCount} total · {build.changedCount} changed</td>\n                    <td class=\"field__hint\">{new Date(build.createdAt).toLocaleString()}</td>\n                    <td style=\"white-space:nowrap;\">\n                      <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}`}>\n                        View\n                      </a>\n                      {canRetry && (build.status === \"failed\" || build.status === \"pending\") ? (\n                        <>\n                          <span style=\"margin-left:.35rem;\" />\n                          <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\" style=\"display:inline;\">\n                            <button class=\"btn btn--ghost\" type=\"submit\">\n                              Retry\n                            </button>\n                          </form>\n                        </>\n                      ) : null}\n                      {queueByBuild.get(build.id)?.error ? (\n                        <div class=\"field__hint\" style=\"margin-top:.25rem; color: var(--status-rejected);\">\n                          {queueByBuild.get(build.id)?.error}\n                        </div>\n                      ) : null}\n                    </td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {recentBuilds.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No builds yet.</p> : null}\n      </div>\n    </DocumentLayout>\n  );\n}"],"mappings":"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"}
+{"version":3,"file":"compute-jobs.mjs","names":[],"sources":["../../src/pages/compute-jobs.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\n\nimport { BuildModel } from \"../models/build.ts\";\nimport { ProjectModel } from \"../models/project.ts\";\nimport { getStore } from \"../store.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\ninterface QueueView {\n  buildId: string;\n  status: string;\n  queuedAt: string;\n  startedAt?: string;\n  finishedAt?: string;\n  error?: string;\n}\n\nexport function renderActiveQueue(slug: string, queueView: QueueView[]): RenderedContent {\n  return (\n    <div class=\"card card--padded\" id=\"active-queue\" hx-get={`/projects/${slug}/jobs?partial=queue`} hx-trigger=\"every 5s\" hx-swap=\"outerHTML\" hx-target=\"#active-queue\">\n      <h2 style=\"margin:0 0 .5rem;\">Active queue</h2>\n      {queueView.length === 0 ? (\n        <p class=\"field__hint\">No captures are currently queued or running.</p>\n      ) : (\n        <div class=\"table-wrap\">\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(\n                (job): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                  <tr key={job.buildId}>\n                    <td>\n                      <a href={`/projects/${slug}/builds/${job.buildId}`}>{job.buildId.slice(0, 8)}</a>\n                    </td>\n                    <td>\n                      <Badge tone={statusTone(job.status)}>{job.status}</Badge>\n                    </td>\n                    <td class=\"field__hint\">{new Date(job.queuedAt).toLocaleTimeString()}</td>\n                    <td class=\"field__hint\">{job.startedAt ? new Date(job.startedAt).toLocaleTimeString() : \"—\"}</td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport async function renderComputeJobsPage(slug: string, queueView: QueueView[], canRetry: boolean): Promise<RenderedContent | null> {\n  const projects = await new ProjectModel(getStore().db).list();\n  const project = projects.find((item) => item.slug === slug);\n  if (!project) {\n    return null;\n  }\n  const builds = await new BuildModel(getStore().db).list(project.id);\n  const recentBuilds = builds.slice(0, 20);\n  const queueByBuild = new Map(queueView.map((job) => [job.buildId, job]));\n\n  return (\n    <DocumentLayout title={`${project.name} · Compute jobs`} nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">Compute jobs</span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">Compute jobs</h1>\n            <p class=\"page-header__desc\">Capture jobs run on this server. Queued and running jobs refresh live; recent history is below.</p>\n          </div>\n          <div class=\"page-header__actions\">\n            <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds`}>\n              Back to builds\n            </a>\n          </div>\n        </div>\n      </div>\n\n      {renderActiveQueue(project.slug, queueView)}\n\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Recent builds</h2>\n        <p class=\"field__hint\">Capture history for {project.name}. Failed jobs can be retried.</p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>Branch</th>\n                <th>Status</th>\n                <th>Snapshots</th>\n                <th>Created</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {recentBuilds.map(\n                (build): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                  <tr key={build.id}>\n                    <td>\n                      <div style=\"font-weight:600;\">{build.gitBranch}</div>\n                      <div class=\"field__hint\" style=\"font-family: ui-monospace, monospace;\">\n                        {build.gitSha.slice(0, 7)}\n                      </div>\n                    </td>\n                    <td>\n                      <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n                    </td>\n                    <td class=\"field__hint\">{build.snapshotCount} total · {build.changedCount} changed</td>\n                    <td class=\"field__hint\">{new Date(build.createdAt).toLocaleString()}</td>\n                    <td style=\"white-space:nowrap;\">\n                      <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}`}>\n                        View\n                      </a>\n                      {canRetry && (build.status === \"failed\" || build.status === \"pending\") ? (\n                        <>\n                          <span style=\"margin-left:.35rem;\" />\n                          <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\" style=\"display:inline;\">\n                            <button class=\"btn btn--ghost\" type=\"submit\">\n                              Retry\n                            </button>\n                          </form>\n                        </>\n                      ) : null}\n                      {queueByBuild.get(build.id)?.error ? (\n                        <div class=\"field__hint\" style=\"margin-top:.25rem; color: var(--status-rejected);\">\n                          {queueByBuild.get(build.id)?.error}\n                        </div>\n                      ) : null}\n                    </td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {recentBuilds.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No builds yet.</p> : null}\n      </div>\n    </DocumentLayout>\n  );\n}"],"mappings":"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"}

package/dist/pages/label-detail.mjs

@@ -0,0 +1,227 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { BuildModel } from "../models/build.mjs";
+import { ProjectModel } from "../models/project.mjs";
+import { LabelModel } from "../models/label.mjs";
+import { getStore } from "../store.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { Badge, statusTone } from "../ui/components.mjs";
+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
+		},
+		children: [/* @__PURE__ */ jsxs("div", {
+			class: "page-header",
+			children: [/* @__PURE__ */ jsx("nav", {
+				class: "breadcrumbs",
+				"aria-label": "Breadcrumb",
+				children: /* @__PURE__ */ jsxs("ol", { children: [
+					/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+						href: "/projects",
+						children: "Projects"
+					}) }),
+					/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+						href: `/projects/${project.slug}/builds`,
+						children: project.name
+					}) }),
+					/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("span", {
+						"aria-current": "page",
+						children: [
+							labelType ? labelType.name : key,
+							": ",
+							value
+						]
+					}) })
+				] })
+			}), /* @__PURE__ */ jsxs("div", {
+				class: "page-header__row",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h1", {
+					class: "page-header__title",
+					children: [
+						labelType ? labelType.name : key,
+						": ",
+						value
+					]
+				}), /* @__PURE__ */ jsxs("p", {
+					class: "page-header__desc",
+					children: [
+						/* @__PURE__ */ jsx(Badge, {
+							tone: "neutral",
+							children: key
+						}),
+						" Builds bearing this ",
+						labelType ? labelType.name.toLowerCase() : "label",
+						", latest first."
+					]
+				})] }), /* @__PURE__ */ jsx("div", {
+					class: "page-header__actions",
+					children: /* @__PURE__ */ jsx("a", {
+						class: "btn btn--ghost",
+						href: `/projects/${project.slug}/labels`,
+						children: "All labels"
+					})
+				})]
+			})]
+		}), builds.length === 0 ? /* @__PURE__ */ jsxs("div", {
+			class: "empty",
+			children: [/* @__PURE__ */ jsx("h2", {
+				class: "empty__title",
+				children: "No builds"
+			}), /* @__PURE__ */ jsxs("p", {
+				class: "empty__desc",
+				children: [
+					"No build currently bears the label ",
+					key,
+					": ",
+					value,
+					"."
+				]
+			})]
+		}) : /* @__PURE__ */ jsx("div", {
+			class: "table-wrap",
+			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", {})
+			] }) }), /* @__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("div", {
+						style: "font-weight:600;",
+						children: build.gitBranch
+					}), /* @__PURE__ */ jsxs("div", {
+						class: "field__hint",
+						style: "font-family: ui-monospace, monospace;",
+						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("div", {
+						class: "field__hint",
+						children: build.authorEmail ?? ""
+					})] }),
+					/* @__PURE__ */ jsx("td", {
+						class: "field__hint",
+						children: new Date(build.createdAt).toLocaleString()
+					}),
+					/* @__PURE__ */ jsxs("td", {
+						style: "white-space:nowrap;",
+						children: [/* @__PURE__ */ jsx("a", {
+							class: "btn btn--secondary",
+							href: `/projects/${project.slug}/builds/${build.id}`,
+							children: "View"
+						}), link ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { style: "margin-left:.35rem;" }), /* @__PURE__ */ jsx("a", {
+							class: "btn btn--ghost",
+							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__ */ jsxs("div", {
+			class: "page-header",
+			children: [/* @__PURE__ */ jsx("nav", {
+				class: "breadcrumbs",
+				"aria-label": "Breadcrumb",
+				children: /* @__PURE__ */ jsxs("ol", { children: [
+					/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+						href: "/projects",
+						children: "Projects"
+					}) }),
+					/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+						href: `/projects/${project.slug}/builds`,
+						children: project.name
+					}) }),
+					/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", {
+						"aria-current": "page",
+						children: "Labels"
+					}) })
+				] })
+			}), /* @__PURE__ */ jsx("div", {
+				class: "page-header__row",
+				children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+					class: "page-header__title",
+					children: "Labels"
+				}), /* @__PURE__ */ jsx("p", {
+					class: "page-header__desc",
+					children: "Typed labels attach values to builds and link out to external systems."
+				})] })
+			})]
+		}), labelTypes.length === 0 ? /* @__PURE__ */ jsxs("div", {
+			class: "empty",
+			children: [/* @__PURE__ */ jsx("h2", {
+				class: "empty__title",
+				children: "No label types"
+			}), /* @__PURE__ */ jsx("p", {
+				class: "empty__desc",
+				children: "No label types are configured for this project."
+			})]
+		}) : /* @__PURE__ */ jsx("div", {
+			class: "table-wrap",
+			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", {
+					style: "max-width:32ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;",
+					children: labelType.linkTemplate ?? "—"
+				})
+			] }, labelType.id)) })] })
+		})]
+	});
+}
+//#endregion
+export { renderLabelDetailPage, renderLabelsPage, resolveLabelLink };
+
+//# sourceMappingURL=label-detail.mjs.map

package/dist/pages/label-detail.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-detail.mjs","names":[],"sources":["../../src/pages/label-detail.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\n\nimport { BuildModel } from \"../models/build.ts\";\nimport { LabelModel } from \"../models/label.ts\";\nimport { ProjectModel } from \"../models/project.ts\";\nimport { getStore } from \"../store.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\n/** Resolve a label type's `link_template` against a build, or return null. */\nexport function resolveLabelLink(template: string | null, project: { gitRepository: string | null }, build: { gitBranch: string }, value: string): string | null {\n  if (!template) {\n    return null;\n  }\n  const repo = project.gitRepository ?? \"\";\n  return template.replaceAll(\"{value}\", value).replaceAll(\"{repo}\", repo).replaceAll(\"{branch}\", build.gitBranch);\n}\n\n/** Label page: every build bearing `key=value`, latest first (ADR 0013). */\nexport async function renderLabelDetailPage(slug: string, key: string, value: string): 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, labelType] = await Promise.all([\n    new BuildModel(getStore().db).list(project.id, { labelKey: key, labelValue: value }),\n    new LabelModel(getStore().db).getType(project.id, key),\n  ]);\n\n  return (\n    <DocumentLayout title={`${key}: ${value}`} nav={{ active: \"labels\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">\n                {labelType ? labelType.name : key}: {value}\n              </span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">\n              {labelType ? labelType.name : key}: {value}\n            </h1>\n            <p class=\"page-header__desc\">\n              <Badge tone=\"neutral\">{key}</Badge> Builds bearing this {labelType ? labelType.name.toLowerCase() : \"label\"}, latest first.\n            </p>\n          </div>\n          <div class=\"page-header__actions\">\n            <a class=\"btn btn--ghost\" href={`/projects/${project.slug}/labels`}>\n              All labels\n            </a>\n          </div>\n        </div>\n      </div>\n\n      {builds.length === 0 ? (\n        <div class=\"empty\">\n          <h2 class=\"empty__title\">No builds</h2>\n          <p class=\"empty__desc\">No build currently bears the label {key}: {value}.</p>\n        </div>\n      ) : (\n        <div class=\"table-wrap\">\n          <table>\n            <thead>\n              <tr>\n                <th>Build</th>\n                <th>Status</th>\n                <th>Author</th>\n                <th>Created</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {builds.map(\n                (build): HtmlEscapedString | Promise<HtmlEscapedString> => {\n                  const link = labelType?.linkTemplate ? resolveLabelLink(labelType.linkTemplate, project, build, value) : null;\n                  return (\n                    <tr key={build.id}>\n                      <td>\n                        <div style=\"font-weight:600;\">{build.gitBranch}</div>\n                        <div class=\"field__hint\" style=\"font-family: ui-monospace, monospace;\">\n                          {build.gitSha.slice(0, 7)} {build.message ? `· ${build.message.slice(0, 60)}` : \"\"}\n                        </div>\n                      </td>\n                      <td>\n                        <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n                      </td>\n                      <td>\n                        <div>{build.authorName ?? \"—\"}</div>\n                        <div class=\"field__hint\">{build.authorEmail ?? \"\"}</div>\n                      </td>\n                      <td class=\"field__hint\">{new Date(build.createdAt).toLocaleString()}</td>\n                      <td style=\"white-space:nowrap;\">\n                        <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}`}>\n                          View\n                        </a>\n                        {link ? (\n                          <>\n                            <span style=\"margin-left:.35rem;\" />\n                            <a class=\"btn btn--ghost\" href={link} target=\"_blank\" rel=\"noreferrer\">\n                              Open link\n                            </a>\n                          </>\n                        ) : null}\n                      </td>\n                    </tr>\n                  );\n                },\n              )}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </DocumentLayout>\n  );\n}\n\n/** Label types overview page (architecture.md `GET /projects/:slug/labels`). */\nexport async function renderLabelsPage(slug: string): 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 labelTypes = await new LabelModel(getStore().db).listTypes(project.id);\n\n  return (\n    <DocumentLayout title={`Labels · ${project.name}`} nav={{ active: \"labels\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <a href={`/projects/${project.slug}/builds`}>{project.name}</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">Labels</span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">Labels</h1>\n            <p class=\"page-header__desc\">Typed labels attach values to builds and link out to external systems.</p>\n          </div>\n        </div>\n      </div>\n\n      {labelTypes.length === 0 ? (\n        <div class=\"empty\">\n          <h2 class=\"empty__title\">No label types</h2>\n          <p class=\"empty__desc\">No label types are configured for this project.</p>\n        </div>\n      ) : (\n        <div class=\"table-wrap\">\n          <table>\n            <thead>\n              <tr>\n                <th>Key</th>\n                <th>Name</th>\n                <th>Template</th>\n              </tr>\n            </thead>\n            <tbody>\n              {labelTypes.map(\n                (labelType): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                  <tr key={labelType.id}>\n                    <td>\n                      <Badge tone=\"neutral\">{labelType.key}</Badge>\n                    </td>\n                    <td>{labelType.name}</td>\n                    <td style=\"max-width:32ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;\">{labelType.linkTemplate ?? \"—\"}</td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"project-builds.mjs","names":[],"sources":["../../src/pages/project-builds.tsx"],"sourcesContent":["import { BuildModel } from \"../models/build.ts\";\nimport { ProjectModel } from \"../models/project.ts\";\nimport { getStore } from \"../store.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\nexport async function renderProjectBuildsPage(slug: string, query: { status?: string; branch?: string } = {}): 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    status: query.status as never,\n    branch: query.branch,\n  });\n\n  return (\n    <DocumentLayout title={project.name} nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">{project.name}</span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">{project.name}</h1>\n            <p class=\"page-header__desc\">\n              <code>{project.slug}</code> {project.gitRepository ? `· ${project.gitRepository}` : \"\"} · <Badge tone=\"neutral\">{project.gitDefaultBranch}</Badge>\n            </p>\n          </div>\n          <div class=\"page-header__actions\">\n            <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/settings`}>\n              Settings\n            </a>\n            <a class=\"btn btn--ghost\" href={`/projects/${project.slug}/builds`}>\n              Refresh\n            </a>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"card card--padded\" style=\"margin-bottom:1rem;\">\n        <form method=\"get\" action={`/projects/${project.slug}/builds`} style=\"display:flex; gap:.5rem; flex-wrap:wrap; align-items:end;\">\n          <div class=\"field\" style=\"margin:0; min-width:160px;\">\n            <label class=\"field__label\" for=\"status\">\n              Status\n            </label>\n            <select class=\"field__input\" id=\"status\" name=\"status\">\n              <option value=\"\" selected={!query.status}>\n                All\n              </option>\n              <option value=\"pending\" selected={query.status === \"pending\"}>\n                pending\n              </option>\n              <option value=\"reviewing\" selected={query.status === \"reviewing\"}>\n                reviewing\n              </option>\n              <option value=\"approved\" selected={query.status === \"approved\"}>\n                approved\n              </option>\n              <option value=\"rejected\" selected={query.status === \"rejected\"}>\n                rejected\n              </option>\n              <option value=\"failed\" selected={query.status === \"failed\"}>\n                failed\n              </option>\n            </select>\n          </div>\n          <div class=\"field\" style=\"margin:0; min-width:180px;\">\n            <label class=\"field__label\" for=\"branch\">\n              Branch\n            </label>\n            <input class=\"field__input\" id=\"branch\" name=\"branch\" value={query.branch ?? \"\"} placeholder=\"main\" />\n          </div>\n          <button class=\"btn btn--secondary\" type=\"submit\">\n            Filter\n          </button>\n          {query.status || query.branch ? (\n            <a class=\"btn btn--ghost\" href={`/projects/${project.slug}/builds`}>\n              Clear\n            </a>\n          ) : null}\n        </form>\n      </div>\n\n      {builds.length === 0 ? (\n        <div class=\"empty\">\n          <h2 class=\"empty__title\">No builds</h2>\n          <p class=\"empty__desc\">\n            {query.status || query.branch ? \"No builds match the current filter.\" : \"Upload your first build with the CLI. Builds appear here once uploaded.\"}\n          </p>\n        </div>\n      ) : (\n        <div class=\"table-wrap\">\n          <table>\n            <thead>\n              <tr>\n                <th>Branch / SHA</th>\n                <th>Status</th>\n                <th>Snapshots</th>\n                <th>Author</th>\n                <th>Created</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {builds.map(\n                // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                (build) => (\n                <tr key={build.id}>\n                  <td>\n                    <div style=\"font-weight:600;\">{build.gitBranch}</div>\n                    <div class=\"field__hint\" style=\"font-family: ui-monospace, monospace;\">\n                      {build.gitSha.slice(0, 7)} {build.message ? `· ${build.message.slice(0, 60)}` : \"\"}\n                    </div>\n                  </td>\n                  <td>\n                    <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n                  </td>\n                  <td>\n                    <span class=\"field__hint\">\n                      {build.changedCount} changed · {build.approvedCount} approved · {build.snapshotCount} total\n                    </span>\n                  </td>\n                  <td>\n                    <div>{build.authorName ?? \"—\"}</div>\n                    <div class=\"field__hint\">{build.authorEmail ?? \"\"}</div>\n                  </td>\n                  <td class=\"field__hint\">{new Date(build.createdAt).toLocaleString()}</td>\n                  <td style=\"white-space:nowrap;\">\n                    <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}`}>\n                      View\n                    </a>\n                    <span style=\"margin-left:.35rem;\" />\n                    <a class=\"btn btn--ghost\" href={`/projects/${project.slug}/builds/${build.id}/diff`}>\n                      Review\n                    </a>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"project-builds.mjs","names":[],"sources":["../../src/pages/project-builds.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\n\nimport { BuildModel } from \"../models/build.ts\";\nimport { ProjectModel } from \"../models/project.ts\";\nimport { getStore } from \"../store.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { Badge, statusTone } from \"../ui/components.tsx\";\n\nexport async function renderProjectBuildsPage(slug: string, query: { status?: string; branch?: string } = {}): 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    status: query.status as never,\n    branch: query.branch,\n  });\n\n  return (\n    <DocumentLayout title={project.name} nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}>\n      <div class=\"page-header\">\n        <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\n          <ol>\n            <li>\n              <a href=\"/projects\">Projects</a>\n            </li>\n            <li>\n              <span aria-current=\"page\">{project.name}</span>\n            </li>\n          </ol>\n        </nav>\n        <div class=\"page-header__row\">\n          <div>\n            <h1 class=\"page-header__title\">{project.name}</h1>\n            <p class=\"page-header__desc\">\n              <code>{project.slug}</code> {project.gitRepository ? `· ${project.gitRepository}` : \"\"} · <Badge tone=\"neutral\">{project.gitDefaultBranch}</Badge>\n            </p>\n          </div>\n          <div class=\"page-header__actions\">\n            <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/settings`}>\n              Settings\n            </a>\n            <a class=\"btn btn--ghost\" href={`/projects/${project.slug}/builds`}>\n              Refresh\n            </a>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"card card--padded\" style=\"margin-bottom:1rem;\">\n        <form method=\"get\" action={`/projects/${project.slug}/builds`} style=\"display:flex; gap:.5rem; flex-wrap:wrap; align-items:end;\">\n          <div class=\"field\" style=\"margin:0; min-width:160px;\">\n            <label class=\"field__label\" for=\"status\">\n              Status\n            </label>\n            <select class=\"field__input\" id=\"status\" name=\"status\">\n              <option value=\"\" selected={!query.status}>\n                All\n              </option>\n              <option value=\"pending\" selected={query.status === \"pending\"}>\n                pending\n              </option>\n              <option value=\"reviewing\" selected={query.status === \"reviewing\"}>\n                reviewing\n              </option>\n              <option value=\"approved\" selected={query.status === \"approved\"}>\n                approved\n              </option>\n              <option value=\"rejected\" selected={query.status === \"rejected\"}>\n                rejected\n              </option>\n              <option value=\"failed\" selected={query.status === \"failed\"}>\n                failed\n              </option>\n            </select>\n          </div>\n          <div class=\"field\" style=\"margin:0; min-width:180px;\">\n            <label class=\"field__label\" for=\"branch\">\n              Branch\n            </label>\n            <input class=\"field__input\" id=\"branch\" name=\"branch\" value={query.branch ?? \"\"} placeholder=\"main\" />\n          </div>\n          <button class=\"btn btn--secondary\" type=\"submit\">\n            Filter\n          </button>\n          {query.status || query.branch ? (\n            <a class=\"btn btn--ghost\" href={`/projects/${project.slug}/builds`}>\n              Clear\n            </a>\n          ) : null}\n        </form>\n      </div>\n\n      {builds.length === 0 ? (\n        <div class=\"empty\">\n          <h2 class=\"empty__title\">No builds</h2>\n          <p class=\"empty__desc\">\n            {query.status || query.branch ? \"No builds match the current filter.\" : \"Upload your first build with the CLI. Builds appear here once uploaded.\"}\n          </p>\n        </div>\n      ) : (\n        <div class=\"table-wrap\">\n          <table>\n            <thead>\n              <tr>\n                <th>Branch / SHA</th>\n                <th>Status</th>\n                <th>Snapshots</th>\n                <th>Author</th>\n                <th>Created</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {builds.map(\n                (build): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={build.id}>\n                  <td>\n                    <div style=\"font-weight:600;\">{build.gitBranch}</div>\n                    <div class=\"field__hint\" style=\"font-family: ui-monospace, monospace;\">\n                      {build.gitSha.slice(0, 7)} {build.message ? `· ${build.message.slice(0, 60)}` : \"\"}\n                    </div>\n                  </td>\n                  <td>\n                    <Badge tone={statusTone(build.status)}>{build.status}</Badge>\n                  </td>\n                  <td>\n                    <span class=\"field__hint\">\n                      {build.changedCount} changed · {build.approvedCount} approved · {build.snapshotCount} total\n                    </span>\n                  </td>\n                  <td>\n                    <div>{build.authorName ?? \"—\"}</div>\n                    <div class=\"field__hint\">{build.authorEmail ?? \"\"}</div>\n                  </td>\n                  <td class=\"field__hint\">{new Date(build.createdAt).toLocaleString()}</td>\n                  <td style=\"white-space:nowrap;\">\n                    <a class=\"btn btn--secondary\" href={`/projects/${project.slug}/builds/${build.id}`}>\n                      View\n                    </a>\n                    <span style=\"margin-left:.35rem;\" />\n                    <a class=\"btn btn--ghost\" href={`/projects/${project.slug}/builds/${build.id}/diff`}>\n                      Review\n                    </a>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}