@storyshelf/app 0.6.2 → 0.8.0

package/dist/pages/profile.mjs

@@ -10,10 +10,11 @@ import { HStack, VStack } from "../ui/stacks.mjs";
 import { Table } from "../ui/table.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
 import { DocumentLayout } from "../ui/document.mjs";
+import { NotificationsPausedNotice } from "./notifications-paused.mjs";
 import { passkeyRegisterScript } from "./passkey-ceremony.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { safeImageUrl } from "@storyshelf/core/urls";
-//#region src/pages/profile.tsx
+// src/pages/profile.tsx
 const profileAvatar = css`
   /* profile-avatar */
   width: 64px;
@@ -297,55 +298,59 @@ function renderProfilePage(state) {
 					] }, m.projectSlug)) })] })
 				})
 			] }),
-			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(PageHeader, {
-				title: "Notifications",
-				description: "Email alerts per project. Fine-tune topics in each project's settings."
-			}), memberships.length === 0 ? /* @__PURE__ */ jsx("p", {
-				class: profileMeta,
-				children: "No project memberships."
-			}) : /* @__PURE__ */ jsx(Table, {
-				dense: true,
-				children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-					/* @__PURE__ */ jsx("th", { children: "Project" }),
-					/* @__PURE__ */ jsx("th", { children: "Status" }),
-					/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
-						class: "visually-hidden",
-						children: "Actions"
-					}) })
-				] }) }), /* @__PURE__ */ jsx("tbody", { children: memberships.map((m) => {
-					const subscribed = subscribedSlugs.includes(m.projectSlug);
-					return /* @__PURE__ */ jsxs("tr", { children: [
-						/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("a", {
-							href: `/projects/${m.projectSlug}`,
-							children: m.projectName
-						}) }),
-						/* @__PURE__ */ jsx("td", { children: subscribed ? /* @__PURE__ */ jsx(Badge, { children: "Email on" }) : /* @__PURE__ */ jsx(Badge, { children: "Off" }) }),
-						/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("form", {
-							method: "post",
-							action: "/profile/notifications",
-							children: [
-								csrfField(),
-								/* @__PURE__ */ jsx("input", {
-									type: "hidden",
-									name: "slug",
-									value: m.projectSlug
-								}),
-								/* @__PURE__ */ jsx("input", {
-									type: "hidden",
-									name: "enabled",
-									value: subscribed ? "" : "1"
-								}),
-								/* @__PURE__ */ jsx(Button, {
-									variant: "secondary",
-									size: "sm",
-									type: "submit",
-									children: subscribed ? "Disable" : "Enable"
-								})
-							]
+			/* @__PURE__ */ jsxs(Card, { children: [
+				/* @__PURE__ */ jsx(PageHeader, {
+					title: "Notifications",
+					description: "Email alerts per project. Fine-tune topics in each project's settings."
+				}),
+				/* @__PURE__ */ jsx(NotificationsPausedNotice, { paused: state.notificationsPaused }),
+				memberships.length === 0 ? /* @__PURE__ */ jsx("p", {
+					class: profileMeta,
+					children: "No project memberships."
+				}) : /* @__PURE__ */ jsx(Table, {
+					dense: true,
+					children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("th", { children: "Project" }),
+						/* @__PURE__ */ jsx("th", { children: "Status" }),
+						/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+							class: "visually-hidden",
+							children: "Actions"
 						}) })
-					] }, m.projectSlug);
-				}) })] })
-			})] }),
+					] }) }), /* @__PURE__ */ jsx("tbody", { children: memberships.map((m) => {
+						const subscribed = subscribedSlugs.includes(m.projectSlug);
+						return /* @__PURE__ */ jsxs("tr", { children: [
+							/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("a", {
+								href: `/projects/${m.projectSlug}`,
+								children: m.projectName
+							}) }),
+							/* @__PURE__ */ jsx("td", { children: subscribed ? /* @__PURE__ */ jsx(Badge, { children: "Email on" }) : /* @__PURE__ */ jsx(Badge, { children: "Off" }) }),
+							/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("form", {
+								method: "post",
+								action: "/profile/notifications",
+								children: [
+									csrfField(),
+									/* @__PURE__ */ jsx("input", {
+										type: "hidden",
+										name: "slug",
+										value: m.projectSlug
+									}),
+									/* @__PURE__ */ jsx("input", {
+										type: "hidden",
+										name: "enabled",
+										value: subscribed ? "" : "1"
+									}),
+									/* @__PURE__ */ jsx(Button, {
+										variant: "secondary",
+										size: "sm",
+										type: "submit",
+										children: subscribed ? "Disable" : "Enable"
+									})
+								]
+							}) })
+						] }, m.projectSlug);
+					}) })] })
+				})
+			] }),
 			/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs("form", {
 				method: "post",
 				action: "/auth/logout",
@@ -358,7 +363,6 @@ function renderProfilePage(state) {
 		]
 	});
 }
-//#endregion
 export { renderProfilePage };
 
 //# sourceMappingURL=profile.mjs.map

package/dist/pages/profile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"profile.mjs","names":[],"sources":["../../src/pages/profile.tsx"],"sourcesContent":["import type { AuthUser } from \"@storyshelf/core/types\";\nimport { safeImageUrl } from \"@storyshelf/core/urls\";\nimport type { FC } from \"hono/jsx\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  Field,\n  HStack,\n  PageHeader,\n  Table,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\nimport { css } from \"../ui/css.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { passkeyRegisterScript } from \"./passkey-ceremony.ts\";\n\nexport interface ProfilePageState {\n  user: AuthUser;\n  dbUser?: {\n    email: string;\n    name: string;\n    displayNameOverride: string | null;\n    authProvider: string;\n    lastLoginAt: string | null;\n    createdAt: string;\n  };\n  memberships: Array<{ projectName: string; projectSlug: string; role: string; source: string }>;\n  subscribedSlugs: string[];\n  error?: string;\n  isLocal?: boolean;\n  security?: {\n    sessions: Array<{\n      id: string;\n      ipAddress: string | null;\n      userAgent: string | null;\n      createdAt: string;\n      expiresAt: string;\n      current: boolean;\n    }>;\n    passkeys: Array<{\n      id: string;\n      name: string | null;\n      deviceType: string;\n      backedUp: boolean;\n      transports: string | null;\n      aaguid: string | null;\n      createdAt: string;\n    }>;\n    passkeysEnabled: boolean;\n    hasPassword: boolean;\n  };\n}\n\nconst profileAvatar = css`\n  /* profile-avatar */\n  width: 64px;\n  height: 64px;\n  border-radius: 999px;\n  object-fit: cover;\n`;\n\nconst profileAvatarFallback = css`\n  /* profile-avatar-fallback */\n  width: 64px;\n  height: 64px;\n  display: grid;\n  place-items: center;\n  background: var(--accent);\n  color: #fff;\n  border-radius: 999px;\n  font-size: 1.5rem;\n  font-weight: 700;\n`;\n\nconst profileName = css`\n  /* profile-name */\n  font-weight: 700;\n  font-size: 1.2rem;\n`;\n\nconst profileMeta = css`\n  /* profile-meta */\n  color: var(--text-secondary);\n  font-size: 0.85rem;\n`;\n\n/* eslint-disable promise-function-async -- JSX components return HtmlEscapedString */\n\ntype SecurityState = NonNullable<ProfilePageState[\"security\"]>;\ntype PasskeyState = SecurityState[\"passkeys\"][number];\n\n/** Registered passkey rows with per-key remove actions. */\nconst PasskeyTable: FC<{ passkeys: PasskeyState[] }> = ({ passkeys }) => {\n  return (\n    <Table dense>\n      <table>\n        <thead>\n          <tr>\n            <th>Key</th>\n            <th>Added</th>\n            <th>Status</th>\n          </tr>\n        </thead>\n        <tbody>\n          {passkeys.map(\n            // oxlint-disable-next-line typescript/promise-function-async -- JSX map is sync\n            (key) => (\n              <tr key={key.id}>\n                <td>\n                  <div>{key.name ?? \"Unnamed key\"}</div>\n                  <div class={profileMeta}>{key.deviceType}</div>\n                </td>\n                <td>{new Date(key.createdAt).toLocaleDateString()}</td>\n                <td>\n                  <HStack>\n                    {key.backedUp ? <Badge>Synced</Badge> : null}\n                    <form\n                      method=\"post\"\n                      action={`/profile/passkeys/${key.id}/delete`}\n                      data-confirm=\"Remove this passkey?\"\n                    >\n                      <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n                        Remove\n                      </Button>\n                    </form>\n                  </HStack>\n                </td>\n              </tr>\n            ),\n          )}\n        </tbody>\n      </table>\n    </Table>\n  );\n};\n\ntype SessionInfo = SecurityState[\"sessions\"][number];\n\n/** One signed-in device with its revoke action. */\nconst SessionRow: FC<{ session: SessionInfo }> = ({ session }) => {\n  return (\n    <tr>\n      <td>\n        <div class=\"truncate\">{session.userAgent ?? \"Unknown device\"}</div>\n        <div class={profileMeta}>\n          <span class=\"mono\">{session.ipAddress ?? \"—\"}</span>\n        </div>\n      </td>\n      <td>{new Date(session.createdAt).toLocaleString()}</td>\n      <td>\n        {session.current ? (\n          <Badge>This device</Badge>\n        ) : (\n          <form\n            method=\"post\"\n            action=\"/profile/sessions/revoke\"\n            data-confirm=\"Sign this device out?\"\n          >\n            <input type=\"hidden\" name=\"sessionId\" value={session.id} />\n            <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n              Revoke\n            </Button>\n          </form>\n        )}\n      </td>\n    </tr>\n  );\n};\n\n/** Active device sessions with per-device revoke and sign-out-others. */\nconst SessionsSection: FC<{ security: SecurityState }> = ({ security }) => {\n  return (\n    <Card>\n      <PageHeader title=\"Devices\" description=\"Where you are signed in\" />\n      <Table dense>\n        <table>\n          <thead>\n            <tr>\n              <th>Device</th>\n              <th>Signed in</th>\n              <th>Status</th>\n            </tr>\n          </thead>\n          <tbody>\n            {security.sessions.map((session) => (\n              <SessionRow key={session.id} session={session} />\n            ))}\n          </tbody>\n        </table>\n      </Table>\n      {security.sessions.length > 1 ? (\n        <form\n          method=\"post\"\n          action=\"/profile/sessions/revoke-others\"\n          data-confirm=\"Sign out all other devices?\"\n        >\n          <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n            Sign out other devices\n          </Button>\n        </form>\n      ) : null}\n    </Card>\n  );\n};\n\n/** Registered passkeys with delete, register button, and the backup nudge. */\nconst PasskeysSection: FC<{ security: SecurityState }> = ({ security }) => {\n  return (\n    <Card>\n      <PageHeader title=\"Passkeys\" description=\"Sign in without a password using your device\" />\n      {security.passkeys.length < 2 ? (\n        <Alert title=\"Add a backup key\">\n          Register a 2nd key so a lost device doesn&apos;t lock you out.\n        </Alert>\n      ) : null}\n      {security.passkeys.length === 0 ? (\n        <p class={profileMeta}>No passkeys yet.</p>\n      ) : (\n        <PasskeyTable passkeys={security.passkeys} />\n      )}\n      <HStack>\n        <Field label=\"Key name\" name=\"keyName\" type=\"text\" placeholder=\"e.g. Security key\" />\n        <Button variant=\"primary\" size=\"sm\" type=\"button\" data-passkey-register=\"true\">\n          Register a passkey\n        </Button>\n      </HStack>\n      <p class={profileMeta} data-passkey-status=\"true\" aria-live=\"polite\">\n        {\"\"}\n      </p>\n      <script dangerouslySetInnerHTML={{ __html: passkeyRegisterScript() }} />\n    </Card>\n  );\n};\n\n/** Personal profile page (editable display name, password for local accounts). */\n// oxlint-disable-next-line eslint/max-lines-per-function -- profile page composes several sections, cohesive\nexport function renderProfilePage(state: ProfilePageState): RenderedContent {\n  const { user, dbUser, memberships, subscribedSlugs, error, isLocal, security } = state;\n  const avatar = safeImageUrl(user.avatarUrl);\n  const displayName = dbUser?.displayNameOverride ?? user.name;\n  const provider = dbUser?.authProvider ?? user.providerId ?? \"oidc\";\n  return (\n    <DocumentLayout title=\"Profile\" nav={{ active: \"profile\" }}>\n      <PageHeader title=\"Profile\" description=\"Your account and project memberships\" />\n      {error ? (\n        <Alert tone=\"danger\" title=\"Could not save\">\n          {error}\n        </Alert>\n      ) : null}\n\n      <Card>\n        <VStack>\n          <HStack>\n            {avatar ? (\n              <img class={profileAvatar} src={avatar} alt=\"\" width=\"64\" height=\"64\" />\n            ) : (\n              <span class={profileAvatarFallback} aria-hidden=\"true\">\n                {user.name.slice(0, 1).toUpperCase()}\n              </span>\n            )}\n            <VStack>\n              <div class={profileName}>{displayName}</div>\n              <div class={profileMeta}>{user.email}</div>\n              <HStack>\n                <Badge>{user.role}</Badge>\n                <Badge>via {provider}</Badge>\n              </HStack>\n            </VStack>\n          </HStack>\n          <div class={profileMeta}>\n            Member since {dbUser?.createdAt ? new Date(dbUser.createdAt).toLocaleDateString() : \"—\"}{\" \"}\n            · Last login {dbUser?.lastLoginAt ? new Date(dbUser.lastLoginAt).toLocaleString() : \"—\"}\n          </div>\n        </VStack>\n      </Card>\n\n      <Card>\n        <PageHeader\n          title=\"Display name\"\n          description=\"Shown in comments and the header. Survives SSO refresh.\"\n        />\n        <form method=\"post\" action=\"/profile\" novalidate>\n          <Field label=\"Display name\" name=\"displayName\" type=\"text\" required value={displayName} />\n          <Button variant=\"primary\" type=\"submit\">\n            Save name\n          </Button>\n        </form>\n      </Card>\n\n      {isLocal ? (\n        <Card>\n          <PageHeader title=\"Change password\" description=\"For local accounts only\" />\n          <form method=\"post\" action=\"/profile/password\" novalidate>\n            <Field\n              label=\"Current password\"\n              name=\"currentPassword\"\n              type=\"password\"\n              required\n              autocomplete=\"current-password\"\n            />\n            <Field\n              label=\"New password\"\n              name=\"newPassword\"\n              type=\"password\"\n              required\n              autocomplete=\"new-password\"\n            />\n            <Field\n              label=\"Confirm new password\"\n              name=\"confirmPassword\"\n              type=\"password\"\n              required\n              autocomplete=\"new-password\"\n            />\n            <Button variant=\"primary\" type=\"submit\">\n              Change password\n            </Button>\n          </form>\n        </Card>\n      ) : null}\n\n      {security ? <SessionsSection security={security} /> : null}\n\n      {security?.passkeysEnabled ? <PasskeysSection security={security} /> : null}\n\n      <Card>\n        <PageHeader title=\"Project memberships\" description=\"Your role on each project\" />{\" \"}\n        {memberships.length === 0 ? (\n          <p class={profileMeta}>No project memberships.</p>\n        ) : (\n          <Table dense>\n            <table>\n              <thead>\n                <tr>\n                  <th>Project</th>\n                  <th>Role</th>\n                  <th>Source</th>\n                </tr>\n              </thead>\n              <tbody>\n                {memberships.map(\n                  // oxlint-disable-next-line typescript/promise-function-async -- JSX map is sync\n                  (m) => (\n                    <tr key={m.projectSlug}>\n                      <td>\n                        <a href={`/projects/${m.projectSlug}`}>{m.projectName}</a>\n                      </td>\n                      <td>\n                        <Badge>{m.role}</Badge>\n                      </td>\n                      <td>{m.source}</td>\n                    </tr>\n                  ),\n                )}\n              </tbody>\n            </table>\n          </Table>\n        )}\n      </Card>\n\n      <Card>\n        <PageHeader\n          title=\"Notifications\"\n          description=\"Email alerts per project. Fine-tune topics in each project's settings.\"\n        />\n        {memberships.length === 0 ? (\n          <p class={profileMeta}>No project memberships.</p>\n        ) : (\n          <Table dense>\n            <table>\n              <thead>\n                <tr>\n                  <th>Project</th>\n                  <th>Status</th>\n                  <th>\n                    <span class=\"visually-hidden\">Actions</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {memberships.map(\n                  // oxlint-disable-next-line typescript/promise-function-async -- JSX map is sync\n                  (m) => {\n                    const subscribed = subscribedSlugs.includes(m.projectSlug);\n                    return (\n                      <tr key={m.projectSlug}>\n                        <td>\n                          <a href={`/projects/${m.projectSlug}`}>{m.projectName}</a>\n                        </td>\n                        <td>{subscribed ? <Badge>Email on</Badge> : <Badge>Off</Badge>}</td>\n                        <td>\n                          <form method=\"post\" action=\"/profile/notifications\">\n                            {csrfField()}\n                            <input type=\"hidden\" name=\"slug\" value={m.projectSlug} />\n                            <input type=\"hidden\" name=\"enabled\" value={subscribed ? \"\" : \"1\"} />\n                            <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n                              {subscribed ? \"Disable\" : \"Enable\"}\n                            </Button>\n                          </form>\n                        </td>\n                      </tr>\n                    );\n                  },\n                )}\n              </tbody>\n            </table>\n          </Table>\n        )}\n      </Card>\n\n      <Card>\n        <form method=\"post\" action=\"/auth/logout\">\n          {csrfField()}\n          <Button variant=\"secondary\" type=\"submit\">\n            Sign out\n          </Button>\n        </form>\n      </Card>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"profile.mjs","names":[],"sources":["../../src/pages/profile.tsx"],"sourcesContent":["import type { AuthUser } from \"@storyshelf/core/types\";\nimport { safeImageUrl } from \"@storyshelf/core/urls\";\nimport type { FC } from \"hono/jsx\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  Field,\n  HStack,\n  PageHeader,\n  Table,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\nimport { css } from \"../ui/css.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { NotificationsPausedNotice } from \"./notifications-paused.tsx\";\nimport { passkeyRegisterScript } from \"./passkey-ceremony.ts\";\n\nexport interface ProfilePageState {\n  user: AuthUser;\n  dbUser?: {\n    email: string;\n    name: string;\n    displayNameOverride: string | null;\n    authProvider: string;\n    lastLoginAt: string | null;\n    createdAt: string;\n  };\n  memberships: Array<{ projectName: string; projectSlug: string; role: string; source: string }>;\n  subscribedSlugs: string[];\n  error?: string;\n  /** Notifiers are wired but no public origin resolves (ADR 0014, decision 11). */\n  notificationsPaused?: boolean | undefined;\n  isLocal?: boolean;\n  security?: {\n    sessions: Array<{\n      id: string;\n      ipAddress: string | null;\n      userAgent: string | null;\n      createdAt: string;\n      expiresAt: string;\n      current: boolean;\n    }>;\n    passkeys: Array<{\n      id: string;\n      name: string | null;\n      deviceType: string;\n      backedUp: boolean;\n      transports: string | null;\n      aaguid: string | null;\n      createdAt: string;\n    }>;\n    passkeysEnabled: boolean;\n    hasPassword: boolean;\n  };\n}\n\nconst profileAvatar = css`\n  /* profile-avatar */\n  width: 64px;\n  height: 64px;\n  border-radius: 999px;\n  object-fit: cover;\n`;\n\nconst profileAvatarFallback = css`\n  /* profile-avatar-fallback */\n  width: 64px;\n  height: 64px;\n  display: grid;\n  place-items: center;\n  background: var(--accent);\n  color: #fff;\n  border-radius: 999px;\n  font-size: 1.5rem;\n  font-weight: 700;\n`;\n\nconst profileName = css`\n  /* profile-name */\n  font-weight: 700;\n  font-size: 1.2rem;\n`;\n\nconst profileMeta = css`\n  /* profile-meta */\n  color: var(--text-secondary);\n  font-size: 0.85rem;\n`;\n\n/* eslint-disable promise-function-async -- JSX components return HtmlEscapedString */\n\ntype SecurityState = NonNullable<ProfilePageState[\"security\"]>;\ntype PasskeyState = SecurityState[\"passkeys\"][number];\n\n/** Registered passkey rows with per-key remove actions. */\nconst PasskeyTable: FC<{ passkeys: PasskeyState[] }> = ({ passkeys }) => {\n  return (\n    <Table dense>\n      <table>\n        <thead>\n          <tr>\n            <th>Key</th>\n            <th>Added</th>\n            <th>Status</th>\n          </tr>\n        </thead>\n        <tbody>\n          {passkeys.map(\n            // oxlint-disable-next-line typescript/promise-function-async -- JSX map is sync\n            (key) => (\n              <tr key={key.id}>\n                <td>\n                  <div>{key.name ?? \"Unnamed key\"}</div>\n                  <div class={profileMeta}>{key.deviceType}</div>\n                </td>\n                <td>{new Date(key.createdAt).toLocaleDateString()}</td>\n                <td>\n                  <HStack>\n                    {key.backedUp ? <Badge>Synced</Badge> : null}\n                    <form\n                      method=\"post\"\n                      action={`/profile/passkeys/${key.id}/delete`}\n                      data-confirm=\"Remove this passkey?\"\n                    >\n                      <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n                        Remove\n                      </Button>\n                    </form>\n                  </HStack>\n                </td>\n              </tr>\n            ),\n          )}\n        </tbody>\n      </table>\n    </Table>\n  );\n};\n\ntype SessionInfo = SecurityState[\"sessions\"][number];\n\n/** One signed-in device with its revoke action. */\nconst SessionRow: FC<{ session: SessionInfo }> = ({ session }) => {\n  return (\n    <tr>\n      <td>\n        <div class=\"truncate\">{session.userAgent ?? \"Unknown device\"}</div>\n        <div class={profileMeta}>\n          <span class=\"mono\">{session.ipAddress ?? \"—\"}</span>\n        </div>\n      </td>\n      <td>{new Date(session.createdAt).toLocaleString()}</td>\n      <td>\n        {session.current ? (\n          <Badge>This device</Badge>\n        ) : (\n          <form\n            method=\"post\"\n            action=\"/profile/sessions/revoke\"\n            data-confirm=\"Sign this device out?\"\n          >\n            <input type=\"hidden\" name=\"sessionId\" value={session.id} />\n            <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n              Revoke\n            </Button>\n          </form>\n        )}\n      </td>\n    </tr>\n  );\n};\n\n/** Active device sessions with per-device revoke and sign-out-others. */\nconst SessionsSection: FC<{ security: SecurityState }> = ({ security }) => {\n  return (\n    <Card>\n      <PageHeader title=\"Devices\" description=\"Where you are signed in\" />\n      <Table dense>\n        <table>\n          <thead>\n            <tr>\n              <th>Device</th>\n              <th>Signed in</th>\n              <th>Status</th>\n            </tr>\n          </thead>\n          <tbody>\n            {security.sessions.map((session) => (\n              <SessionRow key={session.id} session={session} />\n            ))}\n          </tbody>\n        </table>\n      </Table>\n      {security.sessions.length > 1 ? (\n        <form\n          method=\"post\"\n          action=\"/profile/sessions/revoke-others\"\n          data-confirm=\"Sign out all other devices?\"\n        >\n          <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n            Sign out other devices\n          </Button>\n        </form>\n      ) : null}\n    </Card>\n  );\n};\n\n/** Registered passkeys with delete, register button, and the backup nudge. */\nconst PasskeysSection: FC<{ security: SecurityState }> = ({ security }) => {\n  return (\n    <Card>\n      <PageHeader title=\"Passkeys\" description=\"Sign in without a password using your device\" />\n      {security.passkeys.length < 2 ? (\n        <Alert title=\"Add a backup key\">\n          Register a 2nd key so a lost device doesn&apos;t lock you out.\n        </Alert>\n      ) : null}\n      {security.passkeys.length === 0 ? (\n        <p class={profileMeta}>No passkeys yet.</p>\n      ) : (\n        <PasskeyTable passkeys={security.passkeys} />\n      )}\n      <HStack>\n        <Field label=\"Key name\" name=\"keyName\" type=\"text\" placeholder=\"e.g. Security key\" />\n        <Button variant=\"primary\" size=\"sm\" type=\"button\" data-passkey-register=\"true\">\n          Register a passkey\n        </Button>\n      </HStack>\n      <p class={profileMeta} data-passkey-status=\"true\" aria-live=\"polite\">\n        {\"\"}\n      </p>\n      <script dangerouslySetInnerHTML={{ __html: passkeyRegisterScript() }} />\n    </Card>\n  );\n};\n\n/** Personal profile page (editable display name, password for local accounts). */\n// oxlint-disable-next-line eslint/max-lines-per-function -- profile page composes several sections, cohesive\nexport function renderProfilePage(state: ProfilePageState): RenderedContent {\n  const { user, dbUser, memberships, subscribedSlugs, error, isLocal, security } = state;\n  const avatar = safeImageUrl(user.avatarUrl);\n  const displayName = dbUser?.displayNameOverride ?? user.name;\n  const provider = dbUser?.authProvider ?? user.providerId ?? \"oidc\";\n  return (\n    <DocumentLayout title=\"Profile\" nav={{ active: \"profile\" }}>\n      <PageHeader title=\"Profile\" description=\"Your account and project memberships\" />\n      {error ? (\n        <Alert tone=\"danger\" title=\"Could not save\">\n          {error}\n        </Alert>\n      ) : null}\n\n      <Card>\n        <VStack>\n          <HStack>\n            {avatar ? (\n              <img class={profileAvatar} src={avatar} alt=\"\" width=\"64\" height=\"64\" />\n            ) : (\n              <span class={profileAvatarFallback} aria-hidden=\"true\">\n                {user.name.slice(0, 1).toUpperCase()}\n              </span>\n            )}\n            <VStack>\n              <div class={profileName}>{displayName}</div>\n              <div class={profileMeta}>{user.email}</div>\n              <HStack>\n                <Badge>{user.role}</Badge>\n                <Badge>via {provider}</Badge>\n              </HStack>\n            </VStack>\n          </HStack>\n          <div class={profileMeta}>\n            Member since {dbUser?.createdAt ? new Date(dbUser.createdAt).toLocaleDateString() : \"—\"}{\" \"}\n            · Last login {dbUser?.lastLoginAt ? new Date(dbUser.lastLoginAt).toLocaleString() : \"—\"}\n          </div>\n        </VStack>\n      </Card>\n\n      <Card>\n        <PageHeader\n          title=\"Display name\"\n          description=\"Shown in comments and the header. Survives SSO refresh.\"\n        />\n        <form method=\"post\" action=\"/profile\" novalidate>\n          <Field label=\"Display name\" name=\"displayName\" type=\"text\" required value={displayName} />\n          <Button variant=\"primary\" type=\"submit\">\n            Save name\n          </Button>\n        </form>\n      </Card>\n\n      {isLocal ? (\n        <Card>\n          <PageHeader title=\"Change password\" description=\"For local accounts only\" />\n          <form method=\"post\" action=\"/profile/password\" novalidate>\n            <Field\n              label=\"Current password\"\n              name=\"currentPassword\"\n              type=\"password\"\n              required\n              autocomplete=\"current-password\"\n            />\n            <Field\n              label=\"New password\"\n              name=\"newPassword\"\n              type=\"password\"\n              required\n              autocomplete=\"new-password\"\n            />\n            <Field\n              label=\"Confirm new password\"\n              name=\"confirmPassword\"\n              type=\"password\"\n              required\n              autocomplete=\"new-password\"\n            />\n            <Button variant=\"primary\" type=\"submit\">\n              Change password\n            </Button>\n          </form>\n        </Card>\n      ) : null}\n\n      {security ? <SessionsSection security={security} /> : null}\n\n      {security?.passkeysEnabled ? <PasskeysSection security={security} /> : null}\n\n      <Card>\n        <PageHeader title=\"Project memberships\" description=\"Your role on each project\" />{\" \"}\n        {memberships.length === 0 ? (\n          <p class={profileMeta}>No project memberships.</p>\n        ) : (\n          <Table dense>\n            <table>\n              <thead>\n                <tr>\n                  <th>Project</th>\n                  <th>Role</th>\n                  <th>Source</th>\n                </tr>\n              </thead>\n              <tbody>\n                {memberships.map(\n                  // oxlint-disable-next-line typescript/promise-function-async -- JSX map is sync\n                  (m) => (\n                    <tr key={m.projectSlug}>\n                      <td>\n                        <a href={`/projects/${m.projectSlug}`}>{m.projectName}</a>\n                      </td>\n                      <td>\n                        <Badge>{m.role}</Badge>\n                      </td>\n                      <td>{m.source}</td>\n                    </tr>\n                  ),\n                )}\n              </tbody>\n            </table>\n          </Table>\n        )}\n      </Card>\n\n      <Card>\n        <PageHeader\n          title=\"Notifications\"\n          description=\"Email alerts per project. Fine-tune topics in each project's settings.\"\n        />\n        <NotificationsPausedNotice paused={state.notificationsPaused} />\n        {memberships.length === 0 ? (\n          <p class={profileMeta}>No project memberships.</p>\n        ) : (\n          <Table dense>\n            <table>\n              <thead>\n                <tr>\n                  <th>Project</th>\n                  <th>Status</th>\n                  <th>\n                    <span class=\"visually-hidden\">Actions</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {memberships.map(\n                  // oxlint-disable-next-line typescript/promise-function-async -- JSX map is sync\n                  (m) => {\n                    const subscribed = subscribedSlugs.includes(m.projectSlug);\n                    return (\n                      <tr key={m.projectSlug}>\n                        <td>\n                          <a href={`/projects/${m.projectSlug}`}>{m.projectName}</a>\n                        </td>\n                        <td>{subscribed ? <Badge>Email on</Badge> : <Badge>Off</Badge>}</td>\n                        <td>\n                          <form method=\"post\" action=\"/profile/notifications\">\n                            {csrfField()}\n                            <input type=\"hidden\" name=\"slug\" value={m.projectSlug} />\n                            <input type=\"hidden\" name=\"enabled\" value={subscribed ? \"\" : \"1\"} />\n                            <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n                              {subscribed ? \"Disable\" : \"Enable\"}\n                            </Button>\n                          </form>\n                        </td>\n                      </tr>\n                    );\n                  },\n                )}\n              </tbody>\n            </table>\n          </Table>\n        )}\n      </Card>\n\n      <Card>\n        <form method=\"post\" action=\"/auth/logout\">\n          {csrfField()}\n          <Button variant=\"secondary\" type=\"submit\">\n            Sign out\n          </Button>\n        </form>\n      </Card>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import "node:path";
 import "node:url";
 import.meta.url;
-import { getStore } from "../store.mjs";
+import { getStore, testingEnabled } from "../store.mjs";
 import { css } from "../ui/css.mjs";
 import { Button } from "../ui/buttons.mjs";
 import { Badge, Meta, statusTone } from "../ui/feedback.mjs";
@@ -11,7 +11,7 @@ import { Table } from "../ui/table.mjs";
 import { RelativeTime } from "../ui/time.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/project-builds-table.tsx
+// src/pages/project-builds-table.tsx
 const buildCell = css`
   /* build-cell */
   display: grid;
@@ -71,7 +71,7 @@ function BuildSummaryCell({ project, build }) {
 }
 function BuildActions({ project, build }) {
 	const urls = createUrlBuilder("/", getStore().config.publishedBaseDomain);
-	const needsReview = build.status === "reviewing";
+	const needsReview = build.status === "reviewing" && testingEnabled();
 	return /* @__PURE__ */ jsxs(HStack, {
 		wrap: false,
 		justify: "end",
@@ -145,7 +145,6 @@ function BuildsTable({ project, builds }) {
 		build
 	}, build.id)) })] }) });
 }
-//#endregion
 export { BuildsTable };
 
 //# sourceMappingURL=project-builds-table.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"project-builds-table.mjs","names":[],"sources":["../../src/pages/project-builds-table.tsx"],"sourcesContent":["import type { Build, Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { getStore } from \"../store.ts\";\nimport {\n  Avatar,\n  Badge,\n  Button,\n  HStack,\n  Meta,\n  RelativeTime,\n  Table,\n  statusTone,\n} from \"../ui/components.tsx\";\nimport { css } from \"../ui/css.ts\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\nconst buildCell = css`\n  /* build-cell */\n  display: grid;\n  gap: 2px;\n  min-width: 0;\n  max-width: 38ch;\n  & strong a {\n    color: var(--text-primary);\n  }\n  & strong a:hover {\n    color: var(--accent-fg);\n  }\n`;\n\nconst messageLine = css`\n  /* build-message */\n  overflow: hidden;\n  color: var(--text-secondary);\n  font-size: var(--text-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst authorCell = css`\n  /* build-author */\n  display: flex;\n  gap: var(--space-2);\n  align-items: center;\n  white-space: nowrap;\n`;\n\n/** \"4 to review · 1 approved · 12 snapshots\", leaving out zero counts. */\nfunction changeSummary(build: Build): string {\n  const parts: string[] = [];\n  if (build.changedCount > 0) {\n    parts.push(`${build.changedCount} to review`);\n  }\n  if (build.approvedCount > 0) {\n    parts.push(`${build.approvedCount} approved`);\n  }\n  parts.push(`${build.snapshotCount} ${build.snapshotCount === 1 ? \"snapshot\" : \"snapshots\"}`);\n  return parts.join(\" · \");\n}\n\nfunction BuildSummaryCell({\n  project,\n  build,\n}: {\n  project: Project;\n  build: Build;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  return (\n    <div class={buildCell}>\n      <strong>\n        <a href={urls.build(project.slug, build.id)}>{build.gitBranch}</a>{\" \"}\n        <Meta as=\"span\" mono>\n          {build.gitSha.slice(0, 7)}\n        </Meta>\n      </strong>\n      <span class={messageLine}>{build.message ?? \"No message\"}</span>\n    </div>\n  );\n}\n\nfunction BuildActions({\n  project,\n  build,\n}: {\n  project: Project;\n  build: Build;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  const needsReview = build.status === \"reviewing\";\n  return (\n    <HStack wrap={false} justify=\"end\">\n      <Button\n        variant={needsReview ? \"primary\" : \"secondary\"}\n        size=\"sm\"\n        href={\n          needsReview ? urls.buildDiff(project.slug, build.id) : urls.build(project.slug, build.id)\n        }\n      >\n        {needsReview ? \"Review\" : \"View\"}\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        icon=\"external-link\"\n        href={urls.short(build.id)}\n        aria-label=\"View Storybook\"\n        title=\"View Storybook\"\n      />\n    </HStack>\n  );\n}\n\nfunction BuildRow({\n  project,\n  build,\n}: {\n  project: Project;\n  build: Build;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  return (\n    <tr>\n      <td>\n        <BuildSummaryCell project={project} build={build} />\n      </td>\n      <td>\n        <Badge tone={statusTone(build.status)} icon>\n          {build.status}\n        </Badge>\n      </td>\n      <td>\n        <Meta as=\"span\">{changeSummary(build)}</Meta>\n      </td>\n      <td>\n        <div class={authorCell}>\n          {build.authorName ? <Avatar name={build.authorName} size=\"sm\" /> : null}\n          <span>{build.authorName ?? \"—\"}</span>\n        </div>\n      </td>\n      <td class=\"nowrap\">\n        <Meta as=\"span\">\n          <RelativeTime value={build.createdAt} />\n        </Meta>\n      </td>\n      <td class=\"nowrap\">\n        <BuildActions project={project} build={build} />\n      </td>\n    </tr>\n  );\n}\n\n/** Builds as a table: branch/sha, status, change summary, author, age, actions. */\nexport function BuildsTable({\n  project,\n  builds,\n}: {\n  project: Project;\n  builds: Build[];\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  return (\n    <Table>\n      <table>\n        <thead>\n          <tr>\n            <th>Build</th>\n            <th>Status</th>\n            <th>Changes</th>\n            <th>Author</th>\n            <th>Created</th>\n            <th>\n              <span class=\"visually-hidden\">Actions</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {builds.map((build) => (\n            <BuildRow key={build.id} project={project} build={build} />\n          ))}\n        </tbody>\n      </table>\n    </Table>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"project-builds-table.mjs","names":[],"sources":["../../src/pages/project-builds-table.tsx"],"sourcesContent":["import type { Build, Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { getStore, testingEnabled } from \"../store.ts\";\nimport {\n  Avatar,\n  Badge,\n  Button,\n  HStack,\n  Meta,\n  RelativeTime,\n  Table,\n  statusTone,\n} from \"../ui/components.tsx\";\nimport { css } from \"../ui/css.ts\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\nconst buildCell = css`\n  /* build-cell */\n  display: grid;\n  gap: 2px;\n  min-width: 0;\n  max-width: 38ch;\n  & strong a {\n    color: var(--text-primary);\n  }\n  & strong a:hover {\n    color: var(--accent-fg);\n  }\n`;\n\nconst messageLine = css`\n  /* build-message */\n  overflow: hidden;\n  color: var(--text-secondary);\n  font-size: var(--text-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst authorCell = css`\n  /* build-author */\n  display: flex;\n  gap: var(--space-2);\n  align-items: center;\n  white-space: nowrap;\n`;\n\n/** \"4 to review · 1 approved · 12 snapshots\", leaving out zero counts. */\nfunction changeSummary(build: Build): string {\n  const parts: string[] = [];\n  if (build.changedCount > 0) {\n    parts.push(`${build.changedCount} to review`);\n  }\n  if (build.approvedCount > 0) {\n    parts.push(`${build.approvedCount} approved`);\n  }\n  parts.push(`${build.snapshotCount} ${build.snapshotCount === 1 ? \"snapshot\" : \"snapshots\"}`);\n  return parts.join(\" · \");\n}\n\nfunction BuildSummaryCell({\n  project,\n  build,\n}: {\n  project: Project;\n  build: Build;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  return (\n    <div class={buildCell}>\n      <strong>\n        <a href={urls.build(project.slug, build.id)}>{build.gitBranch}</a>{\" \"}\n        <Meta as=\"span\" mono>\n          {build.gitSha.slice(0, 7)}\n        </Meta>\n      </strong>\n      <span class={messageLine}>{build.message ?? \"No message\"}</span>\n    </div>\n  );\n}\n\nfunction BuildActions({\n  project,\n  build,\n}: {\n  project: Project;\n  build: Build;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  // The diff page is a testing route; hosting-only instances link to the build page.\n  const needsReview = build.status === \"reviewing\" && testingEnabled();\n  return (\n    <HStack wrap={false} justify=\"end\">\n      <Button\n        variant={needsReview ? \"primary\" : \"secondary\"}\n        size=\"sm\"\n        href={\n          needsReview ? urls.buildDiff(project.slug, build.id) : urls.build(project.slug, build.id)\n        }\n      >\n        {needsReview ? \"Review\" : \"View\"}\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        icon=\"external-link\"\n        href={urls.short(build.id)}\n        aria-label=\"View Storybook\"\n        title=\"View Storybook\"\n      />\n    </HStack>\n  );\n}\n\nfunction BuildRow({\n  project,\n  build,\n}: {\n  project: Project;\n  build: Build;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  return (\n    <tr>\n      <td>\n        <BuildSummaryCell project={project} build={build} />\n      </td>\n      <td>\n        <Badge tone={statusTone(build.status)} icon>\n          {build.status}\n        </Badge>\n      </td>\n      <td>\n        <Meta as=\"span\">{changeSummary(build)}</Meta>\n      </td>\n      <td>\n        <div class={authorCell}>\n          {build.authorName ? <Avatar name={build.authorName} size=\"sm\" /> : null}\n          <span>{build.authorName ?? \"—\"}</span>\n        </div>\n      </td>\n      <td class=\"nowrap\">\n        <Meta as=\"span\">\n          <RelativeTime value={build.createdAt} />\n        </Meta>\n      </td>\n      <td class=\"nowrap\">\n        <BuildActions project={project} build={build} />\n      </td>\n    </tr>\n  );\n}\n\n/** Builds as a table: branch/sha, status, change summary, author, age, actions. */\nexport function BuildsTable({\n  project,\n  builds,\n}: {\n  project: Project;\n  builds: Build[];\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  return (\n    <Table>\n      <table>\n        <thead>\n          <tr>\n            <th>Build</th>\n            <th>Status</th>\n            <th>Changes</th>\n            <th>Author</th>\n            <th>Created</th>\n            <th>\n              <span class=\"visually-hidden\">Actions</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {builds.map((build) => (\n            <BuildRow key={build.id} project={project} build={build} />\n          ))}\n        </tbody>\n      </table>\n    </Table>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/project-builds.mjs

@@ -1,24 +1,27 @@
 import "node:path";
 import "node:url";
 import.meta.url;
-import { getStore } from "../store.mjs";
+import { getStore, testingEnabled } from "../store.mjs";
 import { Button } from "../ui/buttons.mjs";
-import { Badge, EmptyState } from "../ui/feedback.mjs";
+import { Badge, EmptyState, Meta, Stat } from "../ui/feedback.mjs";
 import { SelectField } from "../ui/forms.mjs";
-import { PageHeader } from "../ui/layout.mjs";
+import { Card, PageHeader } from "../ui/layout.mjs";
 import { HStack, VStack } from "../ui/stacks.mjs";
 import { Segmented } from "../ui/segmented.mjs";
 import { DocumentLayout } from "../ui/document.mjs";
+import { loadHealthPanel } from "../insights/health-panel.mjs";
+import { HealthSlot } from "./health-panel.mjs";
 import { BuildsTable } from "./project-builds-table.mjs";
-import { BuildModel, ProjectModel } from "@storyshelf/core/models";
+import { BuildModel, ProjectModel, averageInheritedRatio } from "@storyshelf/core/models";
 import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
 import { createUrlBuilder } from "@storyshelf/core/urls";
-//#region src/pages/project-builds.tsx
+// src/pages/project-builds.tsx
 const STATUSES = [
 	"reviewing",
 	"approved",
 	"rejected",
 	"failed",
+	"cancelled",
 	"pending"
 ];
 function listHref(base, filters) {
@@ -86,6 +89,24 @@ function BuildsToolbar(props) {
 		})]
 	});
 }
+/**
+* Affected-capture efficiency: the average share of a snapshot set that recent builds inherited
+* from the baseline instead of rendering, from the counts stored on the builds (no snapshot reads).
+*/
+function InheritedRatioCard(props) {
+	const average = averageInheritedRatio(props.builds);
+	if (average === null) return null;
+	return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(Stat, {
+		label: "Inherited from baseline",
+		value: `${Math.round(average.ratio * 100)}%`
+	}), /* @__PURE__ */ jsxs(Meta, { children: [
+		"Average over the last ",
+		average.builds,
+		" ",
+		average.builds === 1 ? "build" : "builds",
+		": the share of snapshots reused without rendering."
+	] })] });
+}
 /** Project builds page: filterable build history for one project. */
 async function renderProjectBuildsPage(slug, query = {}) {
 	const project = (await new ProjectModel(getStore().db).list()).find((item) => item.slug === slug);
@@ -94,6 +115,7 @@ async function renderProjectBuildsPage(slug, query = {}) {
 	const builds = all.filter((build) => matches(build, query));
 	const urls = createUrlBuilder("/", getStore().config.publishedBaseDomain);
 	const filtered = Boolean(query.status ?? query.branch);
+	const health = await loadHealthPanel(project);
 	return /* @__PURE__ */ jsxs(DocumentLayout, {
 		title: project.name,
 		nav: {
@@ -118,26 +140,33 @@ async function renderProjectBuildsPage(slug, query = {}) {
 				href: urls.settings(project.slug),
 				children: "Settings"
 			})
-		}), /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsx(BuildsToolbar, {
-			project,
-			all,
-			filters: query,
-			base: urls.buildsList(project.slug)
-		}), builds.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
-			title: "No builds",
-			description: filtered ? "No builds match the current filter." : "Upload your first build with the CLI. Builds appear here once uploaded.",
-			action: filtered ? /* @__PURE__ */ jsx(Button, {
-				variant: "secondary",
-				href: urls.buildsList(project.slug),
-				children: "Clear filters"
-			}) : null
-		}) : /* @__PURE__ */ jsx(BuildsTable, {
-			project,
-			builds
-		})] })]
+		}), /* @__PURE__ */ jsxs(VStack, { children: [
+			/* @__PURE__ */ jsx(HealthSlot, {
+				project,
+				data: health
+			}),
+			testingEnabled() ? /* @__PURE__ */ jsx(InheritedRatioCard, { builds: all }) : null,
+			/* @__PURE__ */ jsx(BuildsToolbar, {
+				project,
+				all,
+				filters: query,
+				base: urls.buildsList(project.slug)
+			}),
+			builds.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+				title: "No builds",
+				description: filtered ? "No builds match the current filter." : "Upload your first build with the CLI. Builds appear here once uploaded.",
+				action: filtered ? /* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					href: urls.buildsList(project.slug),
+					children: "Clear filters"
+				}) : null
+			}) : /* @__PURE__ */ jsx(BuildsTable, {
+				project,
+				builds
+			})
+		] })]
 	});
 }
-//#endregion
 export { renderProjectBuildsPage };
 
 //# sourceMappingURL=project-builds.mjs.map

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, ProjectModel } from \"@storyshelf/core/models\";\nimport type { Build, Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\nimport { getStore } from \"../store.ts\";\nimport {\n  Badge,\n  Button,\n  EmptyState,\n  HStack,\n  PageHeader,\n  Segmented,\n  SelectField,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { BuildsTable } from \"./project-builds-table.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\nconst STATUSES = [\"reviewing\", \"approved\", \"rejected\", \"failed\", \"pending\"] as const;\n\n/** Current list filters (from the query string). */\ninterface BuildFilters {\n  status?: string;\n  branch?: string;\n}\n\nfunction listHref(base: string, filters: BuildFilters): string {\n  const params = new URLSearchParams();\n  if (filters.status) {\n    params.set(\"status\", filters.status);\n  }\n  if (filters.branch) {\n    params.set(\"branch\", filters.branch);\n  }\n  const query = params.toString();\n  return query ? `${base}?${query}` : base;\n}\n\nfunction matches(build: Build, filters: BuildFilters): boolean {\n  return (\n    (!filters.status || build.status === filters.status) &&\n    (!filters.branch || build.gitBranch === filters.branch)\n  );\n}\n\n/** Status chips (with counts) plus a branch select that applies instantly. */\nfunction BuildsToolbar(props: {\n  project: Project;\n  all: Build[];\n  filters: BuildFilters;\n  base: string;\n}): ReturnType<typeof HStack> {\n  const { all, filters, base } = props;\n  const branches = [...new Set(all.map((build) => build.gitBranch))].toSorted();\n  const inBranch = all.filter((build) => !filters.branch || build.gitBranch === filters.branch);\n  const count = (status: string): number =>\n    inBranch.filter((build) => build.status === status).length;\n  const items = [\n    { label: `All ${inBranch.length}`, value: \"\", status: undefined },\n    ...STATUSES.filter((status) => count(status) > 0 || filters.status === status).map(\n      (status) => ({ label: `${status} ${count(status)}`, value: status, status }),\n    ),\n  ];\n  return (\n    <HStack justify=\"between\">\n      <Segmented\n        label=\"Filter by status\"\n        items={items.map((item) => ({\n          label: item.label,\n          value: item.value,\n          href: listHref(base, { ...filters, status: item.status }),\n          active: (filters.status ?? \"\") === item.value,\n        }))}\n      />\n      <form\n        method=\"get\"\n        action={base}\n        hx-get={base}\n        hx-trigger=\"change\"\n        hx-target=\"body\"\n        hx-push-url=\"true\"\n      >\n        {filters.status ? <input type=\"hidden\" name=\"status\" value={filters.status} /> : null}\n        <SelectField\n          label=\"Branch\"\n          name=\"branch\"\n          layout=\"inline\"\n          value={filters.branch ?? \"\"}\n          options={[\n            { value: \"\", label: \"All branches\" },\n            ...branches.map((branch) => ({ value: branch, label: branch })),\n          ]}\n        />\n      </form>\n    </HStack>\n  );\n}\n\n/** Project builds page: filterable build history for one project. */\nexport async function renderProjectBuildsPage(\n  slug: string,\n  query: BuildFilters = {},\n): Promise<RenderedContent | null> {\n  const projects = await new ProjectModel(getStore().db).list();\n  const project = projects.find((item) => item.slug === slug);\n  if (!project) {\n    return null;\n  }\n  const all = await new BuildModel(getStore().db).list(project.id);\n  const builds = all.filter((build) => matches(build, query));\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  const filtered = Boolean(query.status ?? query.branch);\n\n  return (\n    <DocumentLayout\n      title={project.name}\n      nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Builds\"\n        description={\n          <>\n            {project.gitRepository ?? project.slug} · default branch{\" \"}\n            <Badge tone=\"neutral\">{project.gitDefaultBranch}</Badge>\n          </>\n        }\n        actions={\n          <Button variant=\"secondary\" icon=\"settings\" href={urls.settings(project.slug)}>\n            Settings\n          </Button>\n        }\n      />\n      <VStack>\n        <BuildsToolbar\n          project={project}\n          all={all}\n          filters={query}\n          base={urls.buildsList(project.slug)}\n        />\n        {builds.length === 0 ? (\n          <EmptyState\n            title=\"No builds\"\n            description={\n              filtered\n                ? \"No builds match the current filter.\"\n                : \"Upload your first build with the CLI. Builds appear here once uploaded.\"\n            }\n            action={\n              filtered ? (\n                <Button variant=\"secondary\" href={urls.buildsList(project.slug)}>\n                  Clear filters\n                </Button>\n              ) : null\n            }\n          />\n        ) : (\n          <BuildsTable project={project} builds={builds} />\n        )}\n      </VStack>\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAM,WAAW;CAAC;CAAa;CAAY;CAAY;CAAU;AAAS;AAQ1E,SAAS,SAAS,MAAc,SAA+B;CAC7D,MAAM,SAAS,IAAI,gBAAgB;CACnC,IAAI,QAAQ,QACV,OAAO,IAAI,UAAU,QAAQ,MAAM;CAErC,IAAI,QAAQ,QACV,OAAO,IAAI,UAAU,QAAQ,MAAM;CAErC,MAAM,QAAQ,OAAO,SAAS;CAC9B,OAAO,QAAQ,GAAG,KAAK,GAAG,UAAU;AACtC;AAEA,SAAS,QAAQ,OAAc,SAAgC;CAC7D,QACG,CAAC,QAAQ,UAAU,MAAM,WAAW,QAAQ,YAC5C,CAAC,QAAQ,UAAU,MAAM,cAAc,QAAQ;AAEpD;;AAGA,SAAS,cAAc,OAKO;CAC5B,MAAM,EAAE,KAAK,SAAS,SAAS;CAC/B,MAAM,WAAW,CAAC,GAAG,IAAI,IAAI,IAAI,KAAK,UAAU,MAAM,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS;CAC5E,MAAM,WAAW,IAAI,QAAQ,UAAU,CAAC,QAAQ,UAAU,MAAM,cAAc,QAAQ,MAAM;CAC5F,MAAM,SAAS,WACb,SAAS,QAAQ,UAAU,MAAM,WAAW,MAAM,CAAC,CAAC;CACtD,MAAM,QAAQ,CACZ;EAAE,OAAO,OAAO,SAAS;EAAU,OAAO;EAAI,QAAQ,KAAA;CAAU,GAChE,GAAG,SAAS,QAAQ,WAAW,MAAM,MAAM,IAAI,KAAK,QAAQ,WAAW,MAAM,CAAC,CAAC,KAC5E,YAAY;EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,MAAM;EAAK,OAAO;EAAQ;CAAO,EAC5E,CACF;CACA,OACE,qBAAC,QAAD;EAAQ,SAAQ;EAAhB,UAAA,CACE,oBAAC,WAAD;GACE,OAAM;GACN,OAAO,MAAM,KAAK,UAAU;IAC1B,OAAO,KAAK;IACZ,OAAO,KAAK;IACZ,MAAM,SAAS,MAAM;KAAE,GAAG;KAAS,QAAQ,KAAK;IAAO,CAAC;IACxD,SAAS,QAAQ,UAAU,QAAQ,KAAK;GAC1C,EAAE;EACH,CAAA,GACD,qBAAC,QAAD;GACE,QAAO;GACP,QAAQ;GACR,UAAQ;GACR,cAAW;GACX,aAAU;GACV,eAAY;GANd,UAAA,CAQG,QAAQ,SAAS,oBAAC,SAAD;IAAO,MAAK;IAAS,MAAK;IAAS,OAAO,QAAQ;GAAS,CAAA,IAAI,MACjF,oBAAC,aAAD;IACE,OAAM;IACN,MAAK;IACL,QAAO;IACP,OAAO,QAAQ,UAAU;IACzB,SAAS,CACP;KAAE,OAAO;KAAI,OAAO;IAAe,GACnC,GAAG,SAAS,KAAK,YAAY;KAAE,OAAO;KAAQ,OAAO;IAAO,EAAE,CAChE;GACD,CAAA,CACG;EACA,CAAA,CAAA;;AAEZ;;AAGA,eAAsB,wBACpB,MACA,QAAsB,CAAC,GACU;CAEjC,MAAM,WAAU,MADO,IAAI,aAAa,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAA,CACnC,MAAM,SAAS,KAAK,SAAS,IAAI;CAC1D,IAAI,CAAC,SACH,OAAO;CAET,MAAM,MAAM,MAAM,IAAI,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,EAAE;CAC/D,MAAM,SAAS,IAAI,QAAQ,UAAU,QAAQ,OAAO,KAAK,CAAC;CAC1D,MAAM,OAAO,iBAAiB,KAAK,SAAS,CAAC,CAAC,OAAO,mBAAmB;CACxE,MAAM,WAAW,QAAQ,MAAM,UAAU,MAAM,MAAM;CAErD,OACE,qBAAC,gBAAD;EACE,OAAO,QAAQ;EACf,KAAK;GAAE,QAAQ;GAAU,aAAa,QAAQ;GAAM,aAAa,QAAQ;EAAK;EAFhF,UAAA,CAIE,oBAAC,YAAD;GACE,OAAM;GACN,aACE,qBAAA,UAAA,EAAA,UAAA;IACG,QAAQ,iBAAiB,QAAQ;IAAK;IAAkB;IACzD,oBAAC,OAAD;KAAO,MAAK;KAAW,UAAA,QAAQ;IAAwB,CAAA;GACvD,EAAA,CAAA;GAEJ,SACE,oBAAC,QAAD;IAAQ,SAAQ;IAAY,MAAK;IAAW,MAAM,KAAK,SAAS,QAAQ,IAAI;IAAG,UAAA;GAEvE,CAAA;EAEX,CAAA,GACD,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,eAAD;GACW;GACJ;GACL,SAAS;GACT,MAAM,KAAK,WAAW,QAAQ,IAAI;EACnC,CAAA,GACA,OAAO,WAAW,IACjB,oBAAC,YAAD;GACE,OAAM;GACN,aACE,WACI,wCACA;GAEN,QACE,WACE,oBAAC,QAAD;IAAQ,SAAQ;IAAY,MAAM,KAAK,WAAW,QAAQ,IAAI;IAAG,UAAA;GAEzD,CAAA,IACN;EAEP,CAAA,IAED,oBAAC,aAAD;GAAsB;GAAiB;EAAS,CAAA,CAE5C,EAAA,CAAA,CACM;;AAEpB"}
+{"version":3,"file":"project-builds.mjs","names":[],"sources":["../../src/pages/project-builds.tsx"],"sourcesContent":["import { BuildModel, ProjectModel, averageInheritedRatio } from \"@storyshelf/core/models\";\nimport type { Build, Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\nimport { loadHealthPanel } from \"../insights/health-panel.ts\";\nimport { getStore, testingEnabled } from \"../store.ts\";\nimport {\n  Badge,\n  Button,\n  Card,\n  EmptyState,\n  HStack,\n  Meta,\n  PageHeader,\n  Segmented,\n  SelectField,\n  Stat,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { HealthSlot } from \"./health-panel.tsx\";\nimport { BuildsTable } from \"./project-builds-table.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\nconst STATUSES = [\"reviewing\", \"approved\", \"rejected\", \"failed\", \"cancelled\", \"pending\"] as const;\n\n/** Current list filters (from the query string). */\ninterface BuildFilters {\n  status?: string;\n  branch?: string;\n}\n\nfunction listHref(base: string, filters: BuildFilters): string {\n  const params = new URLSearchParams();\n  if (filters.status) {\n    params.set(\"status\", filters.status);\n  }\n  if (filters.branch) {\n    params.set(\"branch\", filters.branch);\n  }\n  const query = params.toString();\n  return query ? `${base}?${query}` : base;\n}\n\nfunction matches(build: Build, filters: BuildFilters): boolean {\n  return (\n    (!filters.status || build.status === filters.status) &&\n    (!filters.branch || build.gitBranch === filters.branch)\n  );\n}\n\n/** Status chips (with counts) plus a branch select that applies instantly. */\nfunction BuildsToolbar(props: {\n  project: Project;\n  all: Build[];\n  filters: BuildFilters;\n  base: string;\n}): ReturnType<typeof HStack> {\n  const { all, filters, base } = props;\n  const branches = [...new Set(all.map((build) => build.gitBranch))].toSorted();\n  const inBranch = all.filter((build) => !filters.branch || build.gitBranch === filters.branch);\n  const count = (status: string): number =>\n    inBranch.filter((build) => build.status === status).length;\n  const items = [\n    { label: `All ${inBranch.length}`, value: \"\", status: undefined },\n    ...STATUSES.filter((status) => count(status) > 0 || filters.status === status).map(\n      (status) => ({ label: `${status} ${count(status)}`, value: status, status }),\n    ),\n  ];\n  return (\n    <HStack justify=\"between\">\n      <Segmented\n        label=\"Filter by status\"\n        items={items.map((item) => ({\n          label: item.label,\n          value: item.value,\n          href: listHref(base, { ...filters, status: item.status }),\n          active: (filters.status ?? \"\") === item.value,\n        }))}\n      />\n      <form\n        method=\"get\"\n        action={base}\n        hx-get={base}\n        hx-trigger=\"change\"\n        hx-target=\"body\"\n        hx-push-url=\"true\"\n      >\n        {filters.status ? <input type=\"hidden\" name=\"status\" value={filters.status} /> : null}\n        <SelectField\n          label=\"Branch\"\n          name=\"branch\"\n          layout=\"inline\"\n          value={filters.branch ?? \"\"}\n          options={[\n            { value: \"\", label: \"All branches\" },\n            ...branches.map((branch) => ({ value: branch, label: branch })),\n          ]}\n        />\n      </form>\n    </HStack>\n  );\n}\n\n/**\n * Affected-capture efficiency: the average share of a snapshot set that recent builds inherited\n * from the baseline instead of rendering, from the counts stored on the builds (no snapshot reads).\n */\nfunction InheritedRatioCard(props: { builds: Build[] }): ReturnType<typeof Card> | null {\n  const average = averageInheritedRatio(props.builds);\n  if (average === null) {\n    return null;\n  }\n  return (\n    <Card>\n      <Stat label=\"Inherited from baseline\" value={`${Math.round(average.ratio * 100)}%`} />\n      <Meta>\n        Average over the last {average.builds} {average.builds === 1 ? \"build\" : \"builds\"}: the\n        share of snapshots reused without rendering.\n      </Meta>\n    </Card>\n  );\n}\n\n/** Project builds page: filterable build history for one project. */\nexport async function renderProjectBuildsPage(\n  slug: string,\n  query: BuildFilters = {},\n): Promise<RenderedContent | null> {\n  const projects = await new ProjectModel(getStore().db).list();\n  const project = projects.find((item) => item.slug === slug);\n  if (!project) {\n    return null;\n  }\n  const all = await new BuildModel(getStore().db).list(project.id);\n  const builds = all.filter((build) => matches(build, query));\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  const filtered = Boolean(query.status ?? query.branch);\n  const health = await loadHealthPanel(project);\n\n  return (\n    <DocumentLayout\n      title={project.name}\n      nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Builds\"\n        description={\n          <>\n            {project.gitRepository ?? project.slug} · default branch{\" \"}\n            <Badge tone=\"neutral\">{project.gitDefaultBranch}</Badge>\n          </>\n        }\n        actions={\n          <Button variant=\"secondary\" icon=\"settings\" href={urls.settings(project.slug)}>\n            Settings\n          </Button>\n        }\n      />\n      <VStack>\n        <HealthSlot project={project} data={health} />\n        {testingEnabled() ? <InheritedRatioCard builds={all} /> : null}\n        <BuildsToolbar\n          project={project}\n          all={all}\n          filters={query}\n          base={urls.buildsList(project.slug)}\n        />\n        {builds.length === 0 ? (\n          <EmptyState\n            title=\"No builds\"\n            description={\n              filtered\n                ? \"No builds match the current filter.\"\n                : \"Upload your first build with the CLI. Builds appear here once uploaded.\"\n            }\n            action={\n              filtered ? (\n                <Button variant=\"secondary\" href={urls.buildsList(project.slug)}>\n                  Clear filters\n                </Button>\n              ) : null\n            }\n          />\n        ) : (\n          <BuildsTable project={project} builds={builds} />\n        )}\n      </VStack>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/project-create.mjs

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