@storyshelf/core 0.1.0

package/dist/pages/build-diff.mjs

@@ -0,0 +1,437 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+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/build-diff.tsx
+function imageUrl(project, build, snapshot, kind) {
+	return `/api/v1/projects/${project.slug}/builds/${build.id}/snapshots/${snapshot.id}/${kind}`;
+}
+function renderBuildDiffPage(data) {
+	const { project, build, snapshots, comments, selectedId, canReview, hasBaseline } = data;
+	const selected = snapshots.find((s) => s.id === selectedId) ?? snapshots.find((s) => s.status === "changed" || s.status === "new") ?? snapshots[0];
+	const pending = snapshots.filter((s) => s.status === "new" || s.status === "changed");
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: `Review · ${build.gitBranch}`,
+		nav: {
+			active: "builds",
+			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("a", {
+							href: `/projects/${project.slug}/builds/${build.id}`,
+							children: ["Build ", build.gitBranch]
+						}) }),
+						/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", {
+							"aria-current": "page",
+							children: "Review"
+						}) })
+					] })
+				}), /* @__PURE__ */ jsxs("div", {
+					class: "page-header__row",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h1", {
+						class: "page-header__title",
+						children: [
+							build.gitBranch,
+							" ",
+							/* @__PURE__ */ jsxs("span", {
+								style: "color:var(--text-secondary); font-weight:400;",
+								children: ["· ", build.gitSha.slice(0, 7)]
+							})
+						]
+					}), /* @__PURE__ */ jsxs("p", {
+						class: "page-header__desc",
+						children: [
+							build.message ?? "No message",
+							" ",
+							build.authorName ? `· ${build.authorName}` : "",
+							" · ",
+							/* @__PURE__ */ jsx(Badge, {
+								tone: statusTone(build.status),
+								children: build.status
+							})
+						]
+					})] }), /* @__PURE__ */ jsxs("div", {
+						class: "page-header__actions",
+						children: [/* @__PURE__ */ jsx("a", {
+							class: "btn btn--secondary",
+							href: `/projects/${project.slug}/builds/${build.id}`,
+							children: "Build overview"
+						}), canReview && pending.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("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",
+							children: /* @__PURE__ */ jsxs("button", {
+								class: "btn btn--primary",
+								type: "submit",
+								children: [
+									"Approve all (",
+									pending.length,
+									")"
+								]
+							})
+						}), /* @__PURE__ */ jsx("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",
+							children: /* @__PURE__ */ jsx("button", {
+								class: "btn btn--danger",
+								type: "submit",
+								children: "Reject all"
+							})
+						})] }) : null]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				class: "card card--padded",
+				style: "margin-bottom:1rem;",
+				children: /* @__PURE__ */ jsxs("div", {
+					class: "grid grid--3",
+					style: "text-align:center;",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							class: "stat",
+							children: [/* @__PURE__ */ jsx("div", {
+								class: "stat__value",
+								children: snapshots.length
+							}), /* @__PURE__ */ jsx("div", {
+								class: "stat__label",
+								children: "Snapshots"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							class: "stat",
+							children: [/* @__PURE__ */ jsx("div", {
+								class: "stat__value",
+								style: "color: var(--status-new);",
+								children: pending.length
+							}), /* @__PURE__ */ jsx("div", {
+								class: "stat__label",
+								children: "Needs review"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							class: "stat",
+							children: [/* @__PURE__ */ jsx("div", {
+								class: "stat__value",
+								style: "color: var(--status-approved);",
+								children: build.approvedCount
+							}), /* @__PURE__ */ jsx("div", {
+								class: "stat__label",
+								children: "Approved"
+							})]
+						})
+					]
+				})
+			}),
+			snapshots.length === 0 ? /* @__PURE__ */ jsxs("div", {
+				class: "empty",
+				children: [/* @__PURE__ */ jsx("h2", {
+					class: "empty__title",
+					children: "No snapshots"
+				}), /* @__PURE__ */ jsx("p", {
+					class: "empty__desc",
+					children: "This build has no snapshots yet. Capture may still be running."
+				})]
+			}) : /* @__PURE__ */ jsx("div", {
+				class: "grid",
+				style: "gap:1rem;",
+				children: /* @__PURE__ */ jsxs("div", {
+					style: "display:flex; gap:1rem; align-items:stretch;",
+					children: [/* @__PURE__ */ jsx("div", {
+						style: "flex: 0 0 320px; max-width: 36%; min-width: 260px;",
+						children: /* @__PURE__ */ jsxs("div", {
+							class: "card",
+							children: [/* @__PURE__ */ jsxs("div", {
+								style: "padding:.6rem .75rem; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;",
+								children: [/* @__PURE__ */ jsx("strong", { children: "Snapshots" }), /* @__PURE__ */ jsxs("span", {
+									class: "field__hint",
+									children: [snapshots.length, " total"]
+								})]
+							}), /* @__PURE__ */ jsx("div", {
+								"data-diff-nav": true,
+								"data-current": selected?.id,
+								style: "max-height: 70vh; overflow:auto;",
+								children: snapshots.map((snap) => /* @__PURE__ */ jsxs("a", {
+									href: `/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`,
+									"data-snapshot-link": true,
+									"data-snapshot-id": snap.id,
+									class: `snapshot-nav ${selected?.id === snap.id ? "snapshot-nav--active" : ""}`,
+									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"};`,
+									"hx-get": `/projects/${project.slug}/builds/${build.id}/diff?snapshot=${snap.id}`,
+									"hx-target": "body",
+									"hx-push-url": "true",
+									children: [/* @__PURE__ */ jsxs("span", {
+										style: "display:flex; gap:.4rem; align-items:center; flex-wrap:wrap;",
+										children: [/* @__PURE__ */ jsx(Badge, {
+											tone: statusTone(snap.status),
+											children: snap.status
+										}), /* @__PURE__ */ jsxs("span", {
+											style: "font-weight:600; font-size:.9rem;",
+											children: [
+												snap.storyTitle,
+												" / ",
+												snap.storyName
+											]
+										})]
+									}), /* @__PURE__ */ jsxs("span", {
+										class: "field__hint",
+										style: "font-size:.8rem;",
+										children: [
+											snap.viewportName,
+											" · ",
+											snap.viewportWidth,
+											"×",
+											snap.viewportHeight,
+											snap.diffRatio !== null && snap.diffRatio !== void 0 ? ` · ${(snap.diffRatio * 100).toFixed(2)}%` : ""
+										]
+									})]
+								}, snap.id))
+							})]
+						})
+					}), /* @__PURE__ */ jsx("div", {
+						style: "flex:1; min-width:0; display:grid; gap:1rem;",
+						children: selected ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+							class: "card card--padded",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									style: "display:flex; justify-content:space-between; gap:.5rem; align-items:center; flex-wrap:wrap;",
+									children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h2", {
+										style: "margin:0; font-size:1.05rem;",
+										children: [
+											selected.storyTitle,
+											" — ",
+											selected.storyName
+										]
+									}), /* @__PURE__ */ jsxs("p", {
+										class: "field__hint",
+										style: "margin:.2rem 0 0;",
+										children: [
+											selected.viewportName,
+											" · ",
+											selected.viewportWidth,
+											"×",
+											selected.viewportHeight,
+											" · ",
+											/* @__PURE__ */ jsx(Badge, {
+												tone: statusTone(selected.status),
+												children: selected.status
+											}),
+											selected.diffPixels === null ? "" : ` · ${selected.diffPixels} px`
+										]
+									})] }), canReview && (selected.status === "new" || selected.status === "changed") ? /* @__PURE__ */ jsxs("div", {
+										style: "display:flex; gap:.5rem;",
+										children: [/* @__PURE__ */ jsx("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",
+											children: /* @__PURE__ */ jsx("button", {
+												class: "btn btn--primary",
+												type: "submit",
+												accesskey: "a",
+												title: "Approve (a)",
+												children: "Approve"
+											})
+										}), /* @__PURE__ */ jsx("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",
+											children: /* @__PURE__ */ jsx("button", {
+												class: "btn btn--danger",
+												type: "submit",
+												accesskey: "r",
+												title: "Reject (r)",
+												children: "Reject"
+											})
+										})]
+									}) : null]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									class: "diff-grid",
+									style: "margin-top:1rem;",
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											class: "diff-pane",
+											children: [/* @__PURE__ */ jsx("div", {
+												class: "diff-pane__label",
+												children: "Baseline"
+											}), hasBaseline[selected.id] ? /* @__PURE__ */ jsx("img", {
+												class: "diff-pane__img",
+												src: imageUrl(project, build, selected, "baseline"),
+												alt: `Baseline for ${selected.storyTitle} / ${selected.storyName}`,
+												loading: "lazy"
+											}) : /* @__PURE__ */ jsxs("div", {
+												style: "aspect-ratio: 16/9; display:grid; place-items:center; background:var(--surface-muted); color:var(--text-secondary); font-size:.85rem;",
+												children: [
+													"No baseline",
+													/* @__PURE__ */ jsx("br", {}),
+													/* @__PURE__ */ jsx("span", {
+														class: "field__hint",
+														children: "first capture for this story"
+													})
+												]
+											})]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											class: "diff-pane",
+											children: [/* @__PURE__ */ jsx("div", {
+												class: "diff-pane__label",
+												children: "Current"
+											}), /* @__PURE__ */ jsx("img", {
+												class: "diff-pane__img",
+												src: imageUrl(project, build, selected, "image"),
+												alt: `Current for ${selected.storyTitle} / ${selected.storyName}`,
+												loading: "lazy"
+											})]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											class: "diff-pane",
+											children: [/* @__PURE__ */ jsxs("div", {
+												class: "diff-pane__label",
+												children: ["Diff ", selected.diffRatio === null ? "" : `· ${(selected.diffRatio * 100).toFixed(2)}%`]
+											}), selected.diffPath ? /* @__PURE__ */ jsx("img", {
+												class: "diff-pane__img",
+												src: imageUrl(project, build, selected, "diff"),
+												alt: `Diff for ${selected.storyTitle} / ${selected.storyName}`,
+												loading: "lazy"
+											}) : /* @__PURE__ */ jsx("div", {
+												style: "aspect-ratio: 16/9; display:grid; place-items:center; color:var(--text-secondary);",
+												children: selected.status === "unchanged" || selected.status === "approved" ? "No diff — within threshold" : "No diff yet"
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("p", {
+									class: "field__hint",
+									style: "margin-top:.6rem;",
+									children: [
+										"Keyboard: ",
+										/* @__PURE__ */ jsx("kbd", { children: "←" }),
+										" ",
+										/* @__PURE__ */ jsx("kbd", { children: "→" }),
+										" navigate · ",
+										/* @__PURE__ */ jsx("kbd", { children: "a" }),
+										" approve · ",
+										/* @__PURE__ */ jsx("kbd", { children: "r" }),
+										" reject · ",
+										/* @__PURE__ */ jsx("kbd", { children: "?" }),
+										" help"
+									]
+								})
+							]
+						}), /* @__PURE__ */ jsxs("div", {
+							class: "card card--padded",
+							children: [
+								/* @__PURE__ */ jsx("h3", {
+									style: "margin:0 0 .5rem;",
+									children: "Comments"
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									style: "display:grid; gap:.75rem;",
+									children: [comments.filter((comment) => !comment.snapshotId || comment.snapshotId === selected.id).map((comment) => /* @__PURE__ */ jsxs("div", {
+										class: "comment",
+										children: [
+											/* @__PURE__ */ jsxs("div", {
+												class: "comment__head",
+												children: [
+													/* @__PURE__ */ jsx("strong", { children: comment.userId }),
+													/* @__PURE__ */ jsxs("span", { children: ["· ", new Date(comment.createdAt).toLocaleString()] }),
+													comment.resolved ? /* @__PURE__ */ jsx(Badge, {
+														tone: "success",
+														children: "resolved"
+													}) : null
+												]
+											}),
+											/* @__PURE__ */ jsx("p", {
+												class: "comment__body",
+												children: comment.body
+											}),
+											!comment.resolved && canReview ? /* @__PURE__ */ jsx("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;",
+												children: /* @__PURE__ */ jsx("button", {
+													class: "btn btn--ghost",
+													type: "submit",
+													children: "Mark resolved"
+												})
+											}) : null
+										]
+									}, comment.id)), comments.filter((c) => !c.snapshotId || c.snapshotId === selected.id).length === 0 ? /* @__PURE__ */ jsx("p", {
+										class: "field__hint",
+										children: "No comments on this snapshot."
+									}) : null]
+								}),
+								/* @__PURE__ */ jsxs("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;",
+									children: [
+										/* @__PURE__ */ jsx("input", {
+											type: "hidden",
+											name: "snapshotId",
+											value: selected.id
+										}),
+										/* @__PURE__ */ jsx("label", {
+											class: "field__label",
+											for: "comment-body",
+											children: "Add comment"
+										}),
+										/* @__PURE__ */ jsx("textarea", {
+											class: "field__input field__input--textarea",
+											id: "comment-body",
+											name: "body",
+											rows: 3,
+											required: true,
+											placeholder: "Leave feedback on this snapshot…"
+										}),
+										/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("button", {
+											class: "btn btn--primary",
+											type: "submit",
+											children: "Comment"
+										}) })
+									]
+								})
+							]
+						})] }) : /* @__PURE__ */ jsx("div", {
+							class: "empty",
+							children: /* @__PURE__ */ jsx("p", {
+								class: "empty__desc",
+								children: "Select a snapshot to review."
+							})
+						})
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { renderBuildDiffPage };
+
+//# sourceMappingURL=build-diff.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"build-diff.mjs","names":[],"sources":["../../src/pages/build-diff.tsx"],"sourcesContent":["import type { Build, 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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"}