@storyshelf/app 0.6.2 → 0.8.0

package/dist/pages/settings-notifications-git.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-notifications-git.mjs","names":[],"sources":["../../src/pages/settings-notifications-git.tsx"],"sourcesContent":["import { isServerlessHost } from \"@storyshelf/core/config\";\nimport type { Project } from \"@storyshelf/core/schema\";\nimport type { FC } from \"hono/jsx\";\nimport {\n  Alert,\n  Button,\n  Card,\n  Field,\n  FormActions,\n  SectionTitle,\n  SelectField,\n  TextareaField,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\nimport type { NotificationsFormState, SettingsNotifyProvider } from \"./settings-notifications.tsx\";\n\n/* eslint-disable promise-function-async -- JSX components return HtmlEscapedString */\n\n/** GitHub only: show builds as check runs posted by a GitHub App, not as commit statuses. */\nconst GitHubAppFields: FC<{ errors?: Record<string, string> }> = ({ errors }) => (\n  <>\n    <SelectField\n      label=\"GitHub mode\"\n      name=\"mode\"\n      options={[\n        { value: \"statuses\", label: \"Commit statuses (token)\" },\n        { value: \"checks\", label: \"Check runs (GitHub App)\" },\n      ]}\n      hint={\n        errors?.[\"mode\"] ??\n        \"GitHub only. Check runs list each changed snapshot and need a GitHub App installed on the repository; GitLab always uses statuses.\"\n      }\n    />\n    <Field label=\"App ID\" name=\"appId\" placeholder=\"123456\" error={errors?.[\"appId\"]} />\n    <Field\n      label=\"Installation ID\"\n      name=\"installationId\"\n      placeholder=\"7654321\"\n      error={errors?.[\"installationId\"]}\n    />\n    <TextareaField\n      label=\"App private key\"\n      name=\"privateKey\"\n      rows={4}\n      placeholder=\"-----BEGIN RSA PRIVATE KEY-----\"\n      hint=\"The PEM key generated for the App. It is stored encrypted and never shown again.\"\n      error={errors?.[\"privateKey\"]}\n    />\n  </>\n);\n\n/** The repository, prefix and token fields of the git channel form. */\nconst GitChannelFields: FC<{ errors?: Record<string, string> }> = ({ errors }) => (\n  <>\n    <Field\n      label=\"Owner\"\n      name=\"owner\"\n      required\n      placeholder=\"my-org\"\n      hint=\"Organization, user or group that owns the repository.\"\n      error={errors?.[\"owner\"]}\n    />\n    <Field label=\"Repository\" name=\"repo\" required placeholder=\"my-repo\" error={errors?.[\"repo\"]} />\n    <Field\n      label=\"Host\"\n      name=\"host\"\n      placeholder=\"https://gitlab.example.com\"\n      hint=\"GitLab only: a self-managed host. Leave blank for gitlab.com.\"\n      error={errors?.[\"host\"]}\n    />\n    <Field\n      label=\"Status prefix\"\n      name=\"prefix\"\n      placeholder=\"storyshelf\"\n      hint=\"Statuses (or check runs) are named <prefix>/testing and <prefix>/storybook; require <prefix>/testing in branch protection (`storyshelf protect` prints the rule). Give each project in a shared repository its own prefix.\"\n      error={errors?.[\"prefix\"]}\n    />\n    <Field\n      label=\"Token\"\n      name=\"token\"\n      type=\"password\"\n      placeholder=\"ghp_…\"\n      hint=\"A token that can write commit statuses (GitHub: repo:status; GitLab: api). Not needed for GitHub checks.\"\n      error={errors?.[\"token\"]}\n    />\n    <GitHubAppFields errors={errors} />\n  </>\n);\n\n/** Git channel creation card (admins only): repository, status prefix and token. */\nexport const CreateGitChannelCard: FC<{\n  project: Project;\n  providers: SettingsNotifyProvider[];\n  formState?: NotificationsFormState;\n}> = ({ project, providers, formState }) => (\n  <Card>\n    <SectionTitle level={3}>Add a git channel</SectionTitle>\n    {isServerlessHost() ? (\n      <Alert tone=\"info\" title=\"Statuses are delivered inline\">\n        This host has no job consumer, so a build's state is written in the request that changes it,\n        without retries. A failure shows on the channel and the next change writes the current state\n        again.\n      </Alert>\n    ) : null}\n    <form\n      method=\"post\"\n      action={`/projects/${project.slug}/settings/notifications`}\n      hx-post={`/projects/${project.slug}/settings/notifications`}\n      hx-target=\"body\"\n    >\n      {csrfField()}\n      <SelectField\n        label=\"Git provider\"\n        name=\"gitProvider\"\n        options={providers.map((provider) => ({ value: provider.kind, label: provider.name }))}\n        hint={formState?.errors?.[\"gitProvider\"]}\n      />\n      <GitChannelFields errors={formState?.errors} />\n      <FormActions>\n        <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n          Add git channel\n        </Button>\n      </FormActions>\n    </form>\n  </Card>\n);\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,mBAA4D,EAAE,aAClE,qBAAA,UAAA,EAAA,UAAA;CACE,oBAAC,aAAD;EACE,OAAM;EACN,MAAK;EACL,SAAS,CACP;GAAE,OAAO;GAAY,OAAO;EAA0B,GACtD;GAAE,OAAO;GAAU,OAAO;EAA0B,CACtD;EACA,MACE,SAAS,WACT;CAEH,CAAA;CACD,oBAAC,OAAD;EAAO,OAAM;EAAS,MAAK;EAAQ,aAAY;EAAS,OAAO,SAAS;CAAW,CAAA;CACnF,oBAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,aAAY;EACZ,OAAO,SAAS;CACjB,CAAA;CACD,oBAAC,eAAD;EACE,OAAM;EACN,MAAK;EACL,MAAM;EACN,aAAY;EACZ,MAAK;EACL,OAAO,SAAS;CACjB,CAAA;AACD,EAAA,CAAA;;AAIJ,MAAM,oBAA6D,EAAE,aACnE,qBAAA,UAAA,EAAA,UAAA;CACE,oBAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,UAAA;EACA,aAAY;EACZ,MAAK;EACL,OAAO,SAAS;CACjB,CAAA;CACD,oBAAC,OAAD;EAAO,OAAM;EAAa,MAAK;EAAO,UAAA;EAAS,aAAY;EAAU,OAAO,SAAS;CAAU,CAAA;CAC/F,oBAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,aAAY;EACZ,MAAK;EACL,OAAO,SAAS;CACjB,CAAA;CACD,oBAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,aAAY;EACZ,MAAK;EACL,OAAO,SAAS;CACjB,CAAA;CACD,oBAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,MAAK;EACL,aAAY;EACZ,MAAK;EACL,OAAO,SAAS;CACjB,CAAA;CACD,oBAAC,iBAAD,EAAyB,OAAS,CAAA;AAClC,EAAA,CAAA;;AAIJ,MAAa,wBAIP,EAAE,SAAS,WAAW,gBAC1B,qBAAC,MAAD,EAAA,UAAA;CACE,oBAAC,cAAD;EAAc,OAAO;EAAG,UAAA;CAA+B,CAAA;CACtD,iBAAiB,IAChB,oBAAC,OAAD;EAAO,MAAK;EAAO,OAAM;EAAgC,UAAA;CAIlD,CAAA,IACL;CACJ,qBAAC,QAAD;EACE,QAAO;EACP,QAAQ,aAAa,QAAQ,KAAK;EAClC,WAAS,aAAa,QAAQ,KAAK;EACnC,aAAU;EAJZ,UAAA;GAMG,UAAU;GACX,oBAAC,aAAD;IACE,OAAM;IACN,MAAK;IACL,SAAS,UAAU,KAAK,cAAc;KAAE,OAAO,SAAS;KAAM,OAAO,SAAS;IAAK,EAAE;IACrF,MAAM,WAAW,SAAS;GAC3B,CAAA;GACD,oBAAC,kBAAD,EAAkB,QAAQ,WAAW,OAAS,CAAA;GAC9C,oBAAC,aAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,SAAQ;IAAU,MAAK;IAAS,MAAK;IAAO,UAAA;GAE5C,CAAA,EACG,CAAA;EACT;;AACF,EAAA,CAAA"}

package/dist/pages/settings-notifications.mjs

@@ -5,11 +5,14 @@ import { Button } from "../ui/buttons.mjs";
 import { Alert, Badge, Meta } from "../ui/feedback.mjs";
 import { CheckField, Field, FormActions, SelectField } from "../ui/forms.mjs";
 import { Card, SectionTitle } from "../ui/layout.mjs";
-import { HStack } from "../ui/stacks.mjs";
+import { VStack } from "../ui/stacks.mjs";
 import { Table } from "../ui/table.mjs";
+import { RelativeTime } from "../ui/time.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
+import { NotificationsPausedNotice } from "./notifications-paused.mjs";
+import { CreateGitChannelCard } from "./settings-notifications-git.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/settings-notifications.tsx
+// src/pages/settings-notifications.tsx
 /** Notification topic catalog (mirrors the webhook event names). */
 const NOTIFICATION_TOPICS = [
 	{
@@ -28,6 +31,18 @@ const NOTIFICATION_TOPICS = [
 		event: "build:rejected",
 		label: "Build rejected"
 	},
+	{
+		event: "build:pending",
+		label: "Build sent back to pending"
+	},
+	{
+		event: "build:failed",
+		label: "Build failed"
+	},
+	{
+		event: "build:cancelled",
+		label: "Build cancelled"
+	},
 	{
 		event: "baseline:created",
 		label: "Baseline created"
@@ -83,14 +98,43 @@ const MyNotificationsCard = ({ project, mySubscription }) => {
 		})
 	] });
 };
-/** Human-readable channel target (email address or masked webhook host). */
+/** A config value as text; anything but a string reads as empty. */
+function textOf(value) {
+	return typeof value === "string" ? value : "";
+}
+/** Human-readable channel target (git repository, email address or masked webhook host). */
 function targetOf(channel) {
+	if (channel.delivery === "state") {
+		const where = `${textOf(channel.config["owner"])}/${textOf(channel.config["repo"])}`;
+		const prefix = textOf(channel.config["prefix"]);
+		return prefix ? `${where} (${prefix})` : where;
+	}
 	const to = channel.config["to"];
 	if (typeof to === "string" && to) return to;
 	return channel.hasSecret ? `${channel.provider} webhook` : "—";
 }
-/** One channel table row with the admin delete action. */
-const ChannelRow = ({ project, channel }) => /* @__PURE__ */ jsxs("tr", { children: [
+/** What a channel reacts to: its topic filter, or the build state for git channels. */
+function reactsTo(channel) {
+	if (channel.delivery === "state") return "build state";
+	return channel.events.length === 0 ? "all events" : channel.events.join(", ");
+}
+/** Delivery health: failing with the last error and time, or ok. */
+const ChannelHealth = ({ channel }) => channel.lastError === null ? /* @__PURE__ */ jsx(Badge, {
+	tone: "success",
+	children: "ok"
+}) : /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsx(Badge, {
+	tone: "danger",
+	children: "failing"
+}), /* @__PURE__ */ jsxs(Meta, {
+	as: "span",
+	children: [/* @__PURE__ */ jsx("span", {
+		class: "truncate max-w-cell",
+		title: channel.lastError,
+		children: channel.lastError
+	}), channel.lastErrorAt ? /* @__PURE__ */ jsx(RelativeTime, { value: channel.lastErrorAt }) : null]
+})] });
+/** One channel table row; the delete action renders for admins only. */
+const ChannelRow = ({ project, channel, isAdmin }) => /* @__PURE__ */ jsxs("tr", { children: [
 	/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
 		tone: "neutral",
 		children: channel.provider
@@ -100,64 +144,49 @@ const ChannelRow = ({ project, channel }) => /* @__PURE__ */ jsxs("tr", { childr
 		title: targetOf(channel),
 		children: targetOf(channel)
 	}),
-	/* @__PURE__ */ jsx("td", { children: channel.events.length === 0 ? /* @__PURE__ */ jsx(Meta, {
+	/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Meta, {
 		as: "span",
-		children: "all events"
-	}) : /* @__PURE__ */ jsx(HStack, { children: channel.events.map((event) => /* @__PURE__ */ jsx(Badge, {
-		tone: "neutral",
-		children: event
-	})) }) }),
-	/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("form", {
+		children: reactsTo(channel)
+	}) }),
+	/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(ChannelHealth, { channel }) }),
+	/* @__PURE__ */ jsx("td", { children: isAdmin ? /* @__PURE__ */ jsxs("form", {
 		method: "post",
 		action: `/projects/${project.slug}/settings/notifications/${channel.id}/delete`,
 		"hx-post": `/projects/${project.slug}/settings/notifications/${channel.id}/delete`,
 		"hx-target": "body",
-		"hx-confirm": "Remove this notification channel?",
+		"hx-confirm": "Remove this channel?",
 		children: [csrfField(), /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",
 			size: "sm",
 			type: "submit",
 			children: "Delete"
 		})]
-	}) })
-] });
-/** Channel list card (delete action renders for admins only). */
+	}) : null })
+] }, channel.id);
+/** Channel list card: chat, email and git channels side by side, each with its delivery health. */
 const ChannelsCard = ({ project, channels, isAdmin }) => /* @__PURE__ */ jsxs(Card, { children: [
 	/* @__PURE__ */ jsx(SectionTitle, { children: "Channels" }),
-	/* @__PURE__ */ jsx(Meta, { children: "Project admins route build events to Slack, Teams, or email. Secrets are stored encrypted and decrypted only in memory at send time." }),
+	/* @__PURE__ */ jsx(Meta, { children: "Project admins route build events to Slack, Teams or email, and show each build's state on GitHub or GitLab as a commit status. Secrets and tokens are stored encrypted and decrypted only in memory at delivery time. Git channels follow the build state, not a topic list, and their delivery is best-effort: a failure shows here, and the next build state retries it." }),
 	/* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
 		/* @__PURE__ */ jsx("th", { children: "Provider" }),
 		/* @__PURE__ */ jsx("th", { children: "Target" }),
-		/* @__PURE__ */ jsx("th", { children: "Events" }),
+		/* @__PURE__ */ jsx("th", { children: "Reacts to" }),
+		/* @__PURE__ */ jsx("th", { children: "Delivery" }),
 		/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
 			class: "visually-hidden",
 			children: "Actions"
 		}) })
-	] }) }), /* @__PURE__ */ jsx("tbody", { children: channels.map((channel) => isAdmin ? /* @__PURE__ */ jsx(ChannelRow, {
+	] }) }), /* @__PURE__ */ jsx("tbody", { children: channels.map((channel) => /* @__PURE__ */ jsx(ChannelRow, {
 		project,
-		channel
-	}) : /* @__PURE__ */ jsxs("tr", { children: [
-		/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
-			tone: "neutral",
-			children: channel.provider
-		}) }),
-		/* @__PURE__ */ jsx("td", {
-			class: "truncate max-w-cell",
-			title: targetOf(channel),
-			children: targetOf(channel)
-		}),
-		/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Meta, {
-			as: "span",
-			children: channel.events.length === 0 ? "all events" : channel.events.join(", ")
-		}) }),
-		/* @__PURE__ */ jsx("td", { children: null })
-	] }, channel.id)) })] }) }),
+		channel,
+		isAdmin
+	})) })] }) }),
 	channels.length === 0 ? /* @__PURE__ */ jsx(Meta, { children: "No channels configured." }) : null
 ] });
 /** Channel creation card (admins only). */
 const CreateChannelCard = ({ project, providers, formState }) => /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
 	level: 3,
-	children: "Create channel"
+	children: "Add a message channel"
 }), /* @__PURE__ */ jsxs("form", {
 	method: "post",
 	action: `/projects/${project.slug}/settings/notifications`,
@@ -169,8 +198,8 @@ const CreateChannelCard = ({ project, providers, formState }) => /* @__PURE__ */
 			label: "Provider",
 			name: "provider",
 			options: providers.map((provider) => ({
-				value: provider,
-				label: provider
+				value: provider.kind,
+				label: provider.name
 			})),
 			hint: formState?.errors?.["provider"]
 		}),
@@ -208,11 +237,14 @@ const CreateChannelCard = ({ project, providers, formState }) => /* @__PURE__ */
 		}) })
 	]
 })] });
-/** Notifications settings tab: channel list, create form, and my preferences. */
-function renderSettingsNotifications(project, channels, providers, mySubscription, isAdmin, formState) {
+/** Notifications settings tab: channel list, create forms, and my preferences. */
+function renderSettingsNotifications(project, channels, providers, mySubscription, isAdmin, formState, paused) {
+	const messageProviders = providers.filter((provider) => provider.delivery === "message");
+	const gitProviders = providers.filter((provider) => provider.delivery === "state");
 	return /* @__PURE__ */ jsxs("div", {
 		class: "grid max-w-form",
 		children: [
+			/* @__PURE__ */ jsx(NotificationsPausedNotice, { paused }),
 			formState?.globalError ? /* @__PURE__ */ jsx(Alert, {
 				tone: "danger",
 				children: formState.globalError
@@ -226,15 +258,19 @@ function renderSettingsNotifications(project, channels, providers, mySubscriptio
 				channels,
 				isAdmin
 			}),
-			isAdmin ? /* @__PURE__ */ jsx(CreateChannelCard, {
+			isAdmin && messageProviders.length > 0 ? /* @__PURE__ */ jsx(CreateChannelCard, {
+				project,
+				providers: messageProviders,
+				formState
+			}) : null,
+			isAdmin && gitProviders.length > 0 ? /* @__PURE__ */ jsx(CreateGitChannelCard, {
 				project,
-				providers,
+				providers: gitProviders,
 				formState
 			}) : null
 		]
 	});
 }
-//#endregion
 export { NOTIFICATION_TOPICS, renderSettingsNotifications };
 
 //# sourceMappingURL=settings-notifications.mjs.map

package/dist/pages/settings-notifications.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-notifications.mjs","names":[],"sources":["../../src/pages/settings-notifications.tsx"],"sourcesContent":["import type { Project } from \"@storyshelf/core/schema\";\nimport type { FC } from \"hono/jsx\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  CheckField,\n  Field,\n  FormActions,\n  HStack,\n  Meta,\n  SectionTitle,\n  SelectField,\n  Table,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/** Notification topic catalog (mirrors the webhook event names). */\nexport const NOTIFICATION_TOPICS: { event: string; label: string }[] = [\n  { event: \"build:created\", label: \"Build created\" },\n  { event: \"build:reviewing\", label: \"Build needs review\" },\n  { event: \"build:approved\", label: \"Build approved\" },\n  { event: \"build:rejected\", label: \"Build rejected\" },\n  { event: \"baseline:created\", label: \"Baseline created\" },\n  { event: \"baseline:updated\", label: \"Baseline updated\" },\n  { event: \"comment:created\", label: \"Comment posted\" },\n];\n\n/** Channel row as rendered in the notifications settings tab. */\nexport interface SettingsNotificationChannel {\n  id: string;\n  provider: string;\n  config: Record<string, unknown>;\n  hasSecret: boolean;\n  events: string[];\n  enabled: boolean;\n}\n\n/** The viewer's own subscription for this project (null when opted out). */\nexport interface SettingsMySubscription {\n  events: string[];\n  via: string[];\n  enabled: boolean;\n}\n\n/** Form state for the notifications tab (field errors, global error). */\nexport interface NotificationsFormState {\n  errors?: Record<string, string>;\n  globalError?: string;\n}\n\n/* eslint-disable promise-function-async -- JSX components return HtmlEscapedString */\n\n/** Whether a topic checkbox renders checked (empty allowlist means all). */\nfunction topicChecked(events: string[], event: string): boolean {\n  return events.length === 0 || events.includes(event);\n}\n\n/** The viewer's own preferences card (visible to every member). */\nconst MyNotificationsCard: FC<{\n  project: Project;\n  mySubscription: SettingsMySubscription | null;\n}> = ({ project, mySubscription }) => {\n  const events = mySubscription?.events ?? [];\n  return (\n    <Card>\n      <SectionTitle>My notifications for this project</SectionTitle>\n      <Meta>Opt in to email alerts for this project. Leave everything off to stay silent.</Meta>\n      <form\n        method=\"post\"\n        action={`/projects/${project.slug}/settings/notifications/me`}\n        hx-post={`/projects/${project.slug}/settings/notifications/me`}\n        hx-target=\"body\"\n      >\n        {csrfField()}\n        <CheckField\n          label=\"Email me about this project\"\n          name=\"enabled\"\n          checked={mySubscription?.enabled ?? false}\n        />\n        {NOTIFICATION_TOPICS.map((topic) => (\n          <CheckField\n            label={topic.label}\n            name=\"events\"\n            value={topic.event}\n            checked={topicChecked(events, topic.event)}\n          />\n        ))}\n        <p>\n          <Meta as=\"span\">No boxes ticked means all topics.</Meta>\n        </p>\n        <FormActions>\n          <Button variant=\"primary\" type=\"submit\" icon=\"check\">\n            Save my preferences\n          </Button>\n        </FormActions>\n      </form>\n    </Card>\n  );\n};\n\n/** Human-readable channel target (email address or masked webhook host). */\nfunction targetOf(channel: SettingsNotificationChannel): string {\n  const to = channel.config[\"to\"];\n  if (typeof to === \"string\" && to) {\n    return to;\n  }\n  return channel.hasSecret ? `${channel.provider} webhook` : \"—\";\n}\n\n/** One channel table row with the admin delete action. */\nconst ChannelRow: FC<{ project: Project; channel: SettingsNotificationChannel }> = ({\n  project,\n  channel,\n}) => (\n  <tr>\n    <td>\n      <Badge tone=\"neutral\">{channel.provider}</Badge>\n    </td>\n    <td class=\"truncate max-w-cell\" title={targetOf(channel)}>\n      {targetOf(channel)}\n    </td>\n    <td>\n      {channel.events.length === 0 ? (\n        <Meta as=\"span\">all events</Meta>\n      ) : (\n        <HStack>\n          {channel.events.map((event) => (\n            <Badge tone=\"neutral\">{event}</Badge>\n          ))}\n        </HStack>\n      )}\n    </td>\n    <td>\n      <form\n        method=\"post\"\n        action={`/projects/${project.slug}/settings/notifications/${channel.id}/delete`}\n        hx-post={`/projects/${project.slug}/settings/notifications/${channel.id}/delete`}\n        hx-target=\"body\"\n        hx-confirm=\"Remove this notification channel?\"\n      >\n        {csrfField()}\n        <Button variant=\"ghost\" size=\"sm\" type=\"submit\">\n          Delete\n        </Button>\n      </form>\n    </td>\n  </tr>\n);\n\n/** Channel list card (delete action renders for admins only). */\nconst ChannelsCard: FC<{\n  project: Project;\n  channels: SettingsNotificationChannel[];\n  isAdmin: boolean;\n}> = ({ project, channels, isAdmin }) => (\n  <Card>\n    <SectionTitle>Channels</SectionTitle>\n    <Meta>\n      Project admins route build events to Slack, Teams, or email. Secrets are stored encrypted and\n      decrypted only in memory at send time.\n    </Meta>\n    <Table>\n      <table>\n        <thead>\n          <tr>\n            <th>Provider</th>\n            <th>Target</th>\n            <th>Events</th>\n            <th>\n              <span class=\"visually-hidden\">Actions</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {channels.map((channel) =>\n            isAdmin ? (\n              <ChannelRow project={project} channel={channel} />\n            ) : (\n              <tr key={channel.id}>\n                <td>\n                  <Badge tone=\"neutral\">{channel.provider}</Badge>\n                </td>\n                <td class=\"truncate max-w-cell\" title={targetOf(channel)}>\n                  {targetOf(channel)}\n                </td>\n                <td>\n                  <Meta as=\"span\">\n                    {channel.events.length === 0 ? \"all events\" : channel.events.join(\", \")}\n                  </Meta>\n                </td>\n                <td>{null}</td>\n              </tr>\n            ),\n          )}\n        </tbody>\n      </table>\n    </Table>\n    {channels.length === 0 ? <Meta>No channels configured.</Meta> : null}\n  </Card>\n);\n\n/** Channel creation card (admins only). */\nconst CreateChannelCard: FC<{\n  project: Project;\n  providers: string[];\n  formState?: NotificationsFormState;\n}> = ({ project, providers, formState }) => (\n  <Card>\n    <SectionTitle level={3}>Create channel</SectionTitle>\n    <form\n      method=\"post\"\n      action={`/projects/${project.slug}/settings/notifications`}\n      hx-post={`/projects/${project.slug}/settings/notifications`}\n      hx-target=\"body\"\n    >\n      {csrfField()}\n      <SelectField\n        label=\"Provider\"\n        name=\"provider\"\n        options={providers.map((provider) => ({ value: provider, label: provider }))}\n        hint={formState?.errors?.[\"provider\"]}\n      />\n      <Field\n        label=\"Target\"\n        name=\"target\"\n        type=\"text\"\n        required\n        placeholder=\"team@example.com or https://hooks.slack.com/…\"\n        hint=\"Email address for email channels, webhook URL otherwise.\"\n        error={formState?.errors?.[\"target\"]}\n      />\n      <Field\n        label=\"Events\"\n        name=\"events\"\n        placeholder=\"build.reviewing, build.approved\"\n        hint=\"Comma-separated. Leave blank to receive all events.\"\n      />\n      <SelectField\n        label=\"Style\"\n        name=\"style\"\n        options={[\n          { value: \"compact\", label: \"Compact\" },\n          { value: \"verbose\", label: \"Verbose\" },\n        ]}\n      />\n      <FormActions>\n        <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n          Add channel\n        </Button>\n      </FormActions>\n    </form>\n  </Card>\n);\n\n/** Notifications settings tab: channel list, create form, and my preferences. */\nexport function renderSettingsNotifications(\n  project: Project,\n  channels: SettingsNotificationChannel[],\n  providers: string[],\n  mySubscription: SettingsMySubscription | null,\n  isAdmin: boolean,\n  formState?: NotificationsFormState,\n): unknown {\n  return (\n    <div class=\"grid max-w-form\">\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n      <MyNotificationsCard project={project} mySubscription={mySubscription} />\n      <ChannelsCard project={project} channels={channels} isAdmin={isAdmin} />\n      {isAdmin ? (\n        <CreateChannelCard project={project} providers={providers} formState={formState} />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"settings-notifications.mjs","names":[],"sources":["../../src/pages/settings-notifications.tsx"],"sourcesContent":["import type { Project } from \"@storyshelf/core/schema\";\nimport type { FC } from \"hono/jsx\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  CheckField,\n  Field,\n  FormActions,\n  Meta,\n  RelativeTime,\n  SectionTitle,\n  SelectField,\n  Table,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\nimport { NotificationsPausedNotice } from \"./notifications-paused.tsx\";\nimport { CreateGitChannelCard } from \"./settings-notifications-git.tsx\";\n\n/** Notification topic catalog (mirrors the webhook event names). */\nexport const NOTIFICATION_TOPICS: { event: string; label: string }[] = [\n  { event: \"build:created\", label: \"Build created\" },\n  { event: \"build:reviewing\", label: \"Build needs review\" },\n  { event: \"build:approved\", label: \"Build approved\" },\n  { event: \"build:rejected\", label: \"Build rejected\" },\n  { event: \"build:pending\", label: \"Build sent back to pending\" },\n  { event: \"build:failed\", label: \"Build failed\" },\n  { event: \"build:cancelled\", label: \"Build cancelled\" },\n  { event: \"baseline:created\", label: \"Baseline created\" },\n  { event: \"baseline:updated\", label: \"Baseline updated\" },\n  { event: \"comment:created\", label: \"Comment posted\" },\n];\n\n/** A wired provider as offered by the create forms. */\nexport interface SettingsNotifyProvider {\n  kind: string;\n  name: string;\n  /** `message` providers send a message once; `state` providers (git hosts) show a build's state. */\n  delivery: \"message\" | \"state\";\n}\n\n/** Channel row as rendered in the notifications settings tab. */\nexport interface SettingsNotificationChannel {\n  id: string;\n  provider: string;\n  delivery: \"message\" | \"state\";\n  config: Record<string, unknown>;\n  hasSecret: boolean;\n  events: string[];\n  enabled: boolean;\n  /** Last delivery error, null while the channel delivers cleanly. */\n  lastError: string | null;\n  lastErrorAt: string | null;\n}\n\n/** The viewer's own subscription for this project (null when opted out). */\nexport interface SettingsMySubscription {\n  events: string[];\n  via: string[];\n  enabled: boolean;\n}\n\n/** Form state for the notifications tab (field errors, global error). */\nexport interface NotificationsFormState {\n  errors?: Record<string, string>;\n  globalError?: string;\n}\n\n/* eslint-disable promise-function-async -- JSX components return HtmlEscapedString */\n\n/** Whether a topic checkbox renders checked (empty allowlist means all). */\nfunction topicChecked(events: string[], event: string): boolean {\n  return events.length === 0 || events.includes(event);\n}\n\n/** The viewer's own preferences card (visible to every member). */\nconst MyNotificationsCard: FC<{\n  project: Project;\n  mySubscription: SettingsMySubscription | null;\n}> = ({ project, mySubscription }) => {\n  const events = mySubscription?.events ?? [];\n  return (\n    <Card>\n      <SectionTitle>My notifications for this project</SectionTitle>\n      <Meta>Opt in to email alerts for this project. Leave everything off to stay silent.</Meta>\n      <form\n        method=\"post\"\n        action={`/projects/${project.slug}/settings/notifications/me`}\n        hx-post={`/projects/${project.slug}/settings/notifications/me`}\n        hx-target=\"body\"\n      >\n        {csrfField()}\n        <CheckField\n          label=\"Email me about this project\"\n          name=\"enabled\"\n          checked={mySubscription?.enabled ?? false}\n        />\n        {NOTIFICATION_TOPICS.map((topic) => (\n          <CheckField\n            label={topic.label}\n            name=\"events\"\n            value={topic.event}\n            checked={topicChecked(events, topic.event)}\n          />\n        ))}\n        <p>\n          <Meta as=\"span\">No boxes ticked means all topics.</Meta>\n        </p>\n        <FormActions>\n          <Button variant=\"primary\" type=\"submit\" icon=\"check\">\n            Save my preferences\n          </Button>\n        </FormActions>\n      </form>\n    </Card>\n  );\n};\n\n/** A config value as text; anything but a string reads as empty. */\nfunction textOf(value: unknown): string {\n  return typeof value === \"string\" ? value : \"\";\n}\n\n/** Human-readable channel target (git repository, email address or masked webhook host). */\nfunction targetOf(channel: SettingsNotificationChannel): string {\n  if (channel.delivery === \"state\") {\n    const where = `${textOf(channel.config[\"owner\"])}/${textOf(channel.config[\"repo\"])}`;\n    const prefix = textOf(channel.config[\"prefix\"]);\n    return prefix ? `${where} (${prefix})` : where;\n  }\n  const to = channel.config[\"to\"];\n  if (typeof to === \"string\" && to) {\n    return to;\n  }\n  return channel.hasSecret ? `${channel.provider} webhook` : \"—\";\n}\n\n/** What a channel reacts to: its topic filter, or the build state for git channels. */\nfunction reactsTo(channel: SettingsNotificationChannel): string {\n  if (channel.delivery === \"state\") {\n    return \"build state\";\n  }\n  return channel.events.length === 0 ? \"all events\" : channel.events.join(\", \");\n}\n\n/** Delivery health: failing with the last error and time, or ok. */\nconst ChannelHealth: FC<{ channel: SettingsNotificationChannel }> = ({ channel }) =>\n  channel.lastError === null ? (\n    <Badge tone=\"success\">ok</Badge>\n  ) : (\n    <VStack>\n      <Badge tone=\"danger\">failing</Badge>\n      <Meta as=\"span\">\n        <span class=\"truncate max-w-cell\" title={channel.lastError}>\n          {channel.lastError}\n        </span>\n        {channel.lastErrorAt ? <RelativeTime value={channel.lastErrorAt} /> : null}\n      </Meta>\n    </VStack>\n  );\n\n/** One channel table row; the delete action renders for admins only. */\nconst ChannelRow: FC<{\n  project: Project;\n  channel: SettingsNotificationChannel;\n  isAdmin: boolean;\n}> = ({ project, channel, isAdmin }) => (\n  <tr key={channel.id}>\n    <td>\n      <Badge tone=\"neutral\">{channel.provider}</Badge>\n    </td>\n    <td class=\"truncate max-w-cell\" title={targetOf(channel)}>\n      {targetOf(channel)}\n    </td>\n    <td>\n      <Meta as=\"span\">{reactsTo(channel)}</Meta>\n    </td>\n    <td>\n      <ChannelHealth channel={channel} />\n    </td>\n    <td>\n      {isAdmin ? (\n        <form\n          method=\"post\"\n          action={`/projects/${project.slug}/settings/notifications/${channel.id}/delete`}\n          hx-post={`/projects/${project.slug}/settings/notifications/${channel.id}/delete`}\n          hx-target=\"body\"\n          hx-confirm=\"Remove this channel?\"\n        >\n          {csrfField()}\n          <Button variant=\"ghost\" size=\"sm\" type=\"submit\">\n            Delete\n          </Button>\n        </form>\n      ) : null}\n    </td>\n  </tr>\n);\n\n/** Channel list card: chat, email and git channels side by side, each with its delivery health. */\nconst ChannelsCard: FC<{\n  project: Project;\n  channels: SettingsNotificationChannel[];\n  isAdmin: boolean;\n}> = ({ project, channels, isAdmin }) => (\n  <Card>\n    <SectionTitle>Channels</SectionTitle>\n    <Meta>\n      Project admins route build events to Slack, Teams or email, and show each build's state on\n      GitHub or GitLab as a commit status. Secrets and tokens are stored encrypted and decrypted\n      only in memory at delivery time. Git channels follow the build state, not a topic list, and\n      their delivery is best-effort: a failure shows here, and the next build state retries it.\n    </Meta>\n    <Table>\n      <table>\n        <thead>\n          <tr>\n            <th>Provider</th>\n            <th>Target</th>\n            <th>Reacts to</th>\n            <th>Delivery</th>\n            <th>\n              <span class=\"visually-hidden\">Actions</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {channels.map((channel) => (\n            <ChannelRow project={project} channel={channel} isAdmin={isAdmin} />\n          ))}\n        </tbody>\n      </table>\n    </Table>\n    {channels.length === 0 ? <Meta>No channels configured.</Meta> : null}\n  </Card>\n);\n\n/** Channel creation card (admins only). */\nconst CreateChannelCard: FC<{\n  project: Project;\n  providers: SettingsNotifyProvider[];\n  formState?: NotificationsFormState;\n}> = ({ project, providers, formState }) => (\n  <Card>\n    <SectionTitle level={3}>Add a message channel</SectionTitle>\n    <form\n      method=\"post\"\n      action={`/projects/${project.slug}/settings/notifications`}\n      hx-post={`/projects/${project.slug}/settings/notifications`}\n      hx-target=\"body\"\n    >\n      {csrfField()}\n      <SelectField\n        label=\"Provider\"\n        name=\"provider\"\n        options={providers.map((provider) => ({ value: provider.kind, label: provider.name }))}\n        hint={formState?.errors?.[\"provider\"]}\n      />\n      <Field\n        label=\"Target\"\n        name=\"target\"\n        type=\"text\"\n        required\n        placeholder=\"team@example.com or https://hooks.slack.com/…\"\n        hint=\"Email address for email channels, webhook URL otherwise.\"\n        error={formState?.errors?.[\"target\"]}\n      />\n      <Field\n        label=\"Events\"\n        name=\"events\"\n        placeholder=\"build.reviewing, build.approved\"\n        hint=\"Comma-separated. Leave blank to receive all events.\"\n      />\n      <SelectField\n        label=\"Style\"\n        name=\"style\"\n        options={[\n          { value: \"compact\", label: \"Compact\" },\n          { value: \"verbose\", label: \"Verbose\" },\n        ]}\n      />\n      <FormActions>\n        <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n          Add channel\n        </Button>\n      </FormActions>\n    </form>\n  </Card>\n);\n\n/** Notifications settings tab: channel list, create forms, and my preferences. */\nexport function renderSettingsNotifications(\n  project: Project,\n  channels: SettingsNotificationChannel[],\n  providers: SettingsNotifyProvider[],\n  mySubscription: SettingsMySubscription | null,\n  isAdmin: boolean,\n  formState?: NotificationsFormState,\n  paused?: boolean,\n): unknown {\n  const messageProviders = providers.filter((provider) => provider.delivery === \"message\");\n  const gitProviders = providers.filter((provider) => provider.delivery === \"state\");\n  return (\n    <div class=\"grid max-w-form\">\n      <NotificationsPausedNotice paused={paused} />\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n      <MyNotificationsCard project={project} mySubscription={mySubscription} />\n      <ChannelsCard project={project} channels={channels} isAdmin={isAdmin} />\n      {isAdmin && messageProviders.length > 0 ? (\n        <CreateChannelCard project={project} providers={messageProviders} formState={formState} />\n      ) : null}\n      {isAdmin && gitProviders.length > 0 ? (\n        <CreateGitChannelCard project={project} providers={gitProviders} formState={formState} />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/settings-tests.mjs

@@ -7,8 +7,8 @@ import { CheckField, Field, FormActions } from "../ui/forms.mjs";
 import { Card, SectionTitle } from "../ui/layout.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/settings-tests.tsx
-/** Interaction-tests settings tab: play execution toggle and timeout. */
+// src/pages/settings-tests.tsx
+/** Tests settings tab: play execution, Storybook 10 test runs, accessibility checks, play timeout. */
 function renderSettingsTests(project, isAdmin, formState) {
 	return /* @__PURE__ */ jsxs("div", {
 		class: "grid max-w-form",
@@ -18,7 +18,7 @@ function renderSettingsTests(project, isAdmin, formState) {
 				children: formState.globalError
 			}) : null,
 			/* @__PURE__ */ jsxs(Card, { children: [
-				/* @__PURE__ */ jsx(SectionTitle, { children: "Interaction tests" }),
+				/* @__PURE__ */ jsx(SectionTitle, { children: "Interaction and accessibility tests" }),
 				/* @__PURE__ */ jsxs(Meta, { children: [
 					"When enabled, Storybook ",
 					/* @__PURE__ */ jsx("code", { children: "play" }),
@@ -37,6 +37,21 @@ function renderSettingsTests(project, isAdmin, formState) {
 					/* @__PURE__ */ jsx("code", { children: "disableSnapshot" }),
 					" to skip a story entirely."
 				] }),
+				/* @__PURE__ */ jsxs(Meta, { children: [
+					"Accessibility checks run axe on every captured story. Violations appear with the snapshot in review and never block a build; a story opts out with",
+					" ",
+					/* @__PURE__ */ jsx("code", { children: "parameters: { a11y: { disable: true } }" }),
+					"."
+				] }),
+				/* @__PURE__ */ jsxs(Meta, { children: [
+					"Storybook 10 ",
+					/* @__PURE__ */ jsx("code", { children: ".test()" }),
+					" entries (",
+					/* @__PURE__ */ jsx("code", { children: "story.test(\"name\", async ...)" }),
+					") can run as interaction tests too. They take no screenshot: each runs in the Storybook iframe and is reported as passed or failed on the build. A failing test fails the build like a failing ",
+					/* @__PURE__ */ jsx("code", { children: "play" }),
+					" function. Storybook 8 and 9 builds have none."
+				] }),
 				/* @__PURE__ */ jsxs("form", {
 					method: "post",
 					action: `/projects/${project.slug}/settings/tests`,
@@ -53,6 +68,22 @@ function renderSettingsTests(project, isAdmin, formState) {
 							disabled: !isAdmin,
 							hint: "When enabled, failing play blocks the build (failed). Flaky stories show warnings but status stays successful."
 						}),
+						/* @__PURE__ */ jsx(CheckField, {
+							label: "Run Storybook tests (.test())",
+							name: "runTests",
+							value: "true",
+							checked: project.runTests === true ? true : void 0,
+							disabled: !isAdmin,
+							hint: "Off by default, because it changes what a build contains. When enabled, each .test() entry runs once on the primary browser and a failing test fails the build (flaky stories excepted)."
+						}),
+						/* @__PURE__ */ jsx(CheckField, {
+							label: "Accessibility checks (axe)",
+							name: "runA11y",
+							value: "true",
+							checked: project.runA11y === false ? void 0 : true,
+							disabled: !isAdmin,
+							hint: "On by default. Each story is scanned with axe-core (WCAG A/AA and best-practice rules). Violations are shown on the snapshot in review and never block the build."
+						}),
 						/* @__PURE__ */ jsx(Field, {
 							label: "Play timeout (ms)",
 							name: "playTimeoutMs",
@@ -105,7 +136,6 @@ export const Flaky2: Story = {
 		]
 	});
 }
-//#endregion
 export { renderSettingsTests };
 
 //# sourceMappingURL=settings-tests.mjs.map

package/dist/pages/settings-tests.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"settings-tests.mjs","names":[],"sources":["../../src/pages/settings-tests.tsx"],"sourcesContent":["import type { Project } from \"@storyshelf/core/schema\";\nimport {\n  Alert,\n  Button,\n  Card,\n  CheckField,\n  Field,\n  FormActions,\n  Meta,\n  SectionTitle,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/** Interaction-tests settings tab: play execution toggle and timeout. */\nexport function renderSettingsTests(\n  project: Project,\n  isAdmin: boolean,\n  formState?: { globalError?: string },\n): unknown {\n  return (\n    <div class=\"grid max-w-form\">\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n      <Card>\n        <SectionTitle>Interaction tests</SectionTitle>\n        <Meta>\n          When enabled, Storybook <code>play</code> functions run before each screenshot. Failures\n          block the build unless the story is marked\n          <code>flaky-test</code> via <code>tags: ['flaky-test']</code> or\n          <code>parameters: &#123; flakyTest: true &#125;</code> (supports both{\" \"}\n          <code>chromatic</code> and <code>storyshelf</code> keys, story-level, case-insensitive).\n          Use <code>disableSnapshot</code> to skip a story entirely.\n        </Meta>\n        <form\n          method=\"post\"\n          action={`/projects/${project.slug}/settings/tests`}\n          hx-post={`/projects/${project.slug}/settings/tests`}\n          hx-target=\"body\"\n          hx-swap=\"outerHTML\"\n        >\n          {csrfField()}\n          <CheckField\n            label=\"Enable interaction tests (play)\"\n            name=\"executePlay\"\n            value=\"true\"\n            checked={project.executePlay ? true : undefined}\n            disabled={!isAdmin}\n            hint=\"When enabled, failing play blocks the build (failed). Flaky stories show warnings but status stays successful.\"\n          />\n          <Field\n            label=\"Play timeout (ms)\"\n            name=\"playTimeoutMs\"\n            type=\"number\"\n            min=\"1000\"\n            max=\"30000\"\n            step=\"1000\"\n            value={String(project.playTimeoutMs)}\n            disabled={!isAdmin}\n            hint=\"Timeout for each play function (1000–30000 ms, default 10000).\"\n          />\n          {isAdmin ? (\n            <FormActions>\n              <Button variant=\"primary\" type=\"submit\" icon=\"check\">\n                Save changes\n              </Button>\n            </FormActions>\n          ) : (\n            <Meta>You need admin access to edit settings.</Meta>\n          )}\n        </form>\n      </Card>\n      <Card>\n        <SectionTitle level={3}>How to mark stories</SectionTitle>\n        <Meta as=\"pre\">\n          {`// Disable snapshot entirely (skip capture + play)\nexport const Hidden: Story = {\n  parameters: { storyshelf: { disableSnapshot: true } }\n};\n// Mark as flaky (non-blocking, shows warning)\nexport const Flaky: Story = {\n  tags: ['flaky-test'],\n  play: async ({canvasElement}) => { /* ... */ }\n};\n// or via parameters (both keys work, storyshelf wins)\nexport const Flaky2: Story = {\n  parameters: { chromatic: { flakyTest: true } }\n};`}\n        </Meta>\n        <Meta>\n          Tags are story-level and case-insensitive (<code>flaky-test</code>). Whole story is\n          non-blocking when flaky. GitHub status stays\n          <code>success</code> with a warning comment.\n        </Meta>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,oBACd,SACA,SACA,WACS;CACT,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA;GACG,WAAW,cAAc,oBAAC,OAAD;IAAO,MAAK;IAAU,UAAA,UAAU;GAAmB,CAAA,IAAI;GACjF,qBAAC,MAAD,EAAA,UAAA;IACE,oBAAC,cAAD,EAAA,UAAc,oBAA+B,CAAA;IAC7C,qBAAC,MAAD,EAAA,UAAA;KAAM;KACoB,oBAAC,QAAD,EAAA,UAAM,OAAU,CAAA;KAAC;KAEzC,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;KAAC;KAAK,oBAAC,QAAD,EAAA,UAAM,uBAA0B,CAAA;KAAC;KAC7D,oBAAC,QAAD,EAAA,UAAM,kCAA+C,CAAA;KAAC;KAAgB;KACtE,oBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;KAAC;KAAK,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;KAAC;KAC9C,oBAAC,QAAD,EAAA,UAAM,kBAAqB,CAAA;KAAC;IAC5B,EAAA,CAAA;IACN,qBAAC,QAAD;KACE,QAAO;KACP,QAAQ,aAAa,QAAQ,KAAK;KAClC,WAAS,aAAa,QAAQ,KAAK;KACnC,aAAU;KACV,WAAQ;KALV,UAAA;MAOG,UAAU;MACX,oBAAC,YAAD;OACE,OAAM;OACN,MAAK;OACL,OAAM;OACN,SAAS,QAAQ,cAAc,OAAO,KAAA;OACtC,UAAU,CAAC;OACX,MAAK;MACN,CAAA;MACD,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,MAAK;OACL,KAAI;OACJ,KAAI;OACJ,MAAK;OACL,OAAO,OAAO,QAAQ,aAAa;OACnC,UAAU,CAAC;OACX,MAAK;MACN,CAAA;MACA,UACC,oBAAC,aAAD,EAAA,UACE,oBAAC,QAAD;OAAQ,SAAQ;OAAU,MAAK;OAAS,MAAK;OAAQ,UAAA;MAE7C,CAAA,EACG,CAAA,IAEb,oBAAC,MAAD,EAAA,UAAM,0CAA6C,CAAA;KAEjD;;GACF,EAAA,CAAA;GACN,qBAAC,MAAD,EAAA,UAAA;IACE,oBAAC,cAAD;KAAc,OAAO;KAAG,UAAA;IAAiC,CAAA;IACzD,oBAAC,MAAD;KAAM,IAAG;KACN,UAAA;;;;;;;;;;;;;IAaG,CAAA;IACN,qBAAC,MAAD,EAAA,UAAA;KAAM;KACuC,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;KAAC;KAElE,oBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;KAAC;IAChB,EAAA,CAAA;GACF,EAAA,CAAA;EACH;;AAET"}
+{"version":3,"file":"settings-tests.mjs","names":[],"sources":["../../src/pages/settings-tests.tsx"],"sourcesContent":["import type { Project } from \"@storyshelf/core/schema\";\nimport {\n  Alert,\n  Button,\n  Card,\n  CheckField,\n  Field,\n  FormActions,\n  Meta,\n  SectionTitle,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/** Tests settings tab: play execution, Storybook 10 test runs, accessibility checks, play timeout. */\nexport function renderSettingsTests(\n  project: Project,\n  isAdmin: boolean,\n  formState?: { globalError?: string },\n): unknown {\n  return (\n    <div class=\"grid max-w-form\">\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n      <Card>\n        <SectionTitle>Interaction and accessibility tests</SectionTitle>\n        <Meta>\n          When enabled, Storybook <code>play</code> functions run before each screenshot. Failures\n          block the build unless the story is marked\n          <code>flaky-test</code> via <code>tags: ['flaky-test']</code> or\n          <code>parameters: &#123; flakyTest: true &#125;</code> (supports both{\" \"}\n          <code>chromatic</code> and <code>storyshelf</code> keys, story-level, case-insensitive).\n          Use <code>disableSnapshot</code> to skip a story entirely.\n        </Meta>\n        <Meta>\n          Accessibility checks run axe on every captured story. Violations appear with the snapshot\n          in review and never block a build; a story opts out with{\" \"}\n          <code>parameters: &#123; a11y: &#123; disable: true &#125; &#125;</code>.\n        </Meta>\n        <Meta>\n          Storybook 10 <code>.test()</code> entries (<code>story.test(\"name\", async ...)</code>) can\n          run as interaction tests too. They take no screenshot: each runs in the Storybook iframe\n          and is reported as passed or failed on the build. A failing test fails the build like a\n          failing <code>play</code> function. Storybook 8 and 9 builds have none.\n        </Meta>\n        <form\n          method=\"post\"\n          action={`/projects/${project.slug}/settings/tests`}\n          hx-post={`/projects/${project.slug}/settings/tests`}\n          hx-target=\"body\"\n          hx-swap=\"outerHTML\"\n        >\n          {csrfField()}\n          <CheckField\n            label=\"Enable interaction tests (play)\"\n            name=\"executePlay\"\n            value=\"true\"\n            checked={project.executePlay ? true : undefined}\n            disabled={!isAdmin}\n            hint=\"When enabled, failing play blocks the build (failed). Flaky stories show warnings but status stays successful.\"\n          />\n          <CheckField\n            label=\"Run Storybook tests (.test())\"\n            name=\"runTests\"\n            value=\"true\"\n            checked={project.runTests === true ? true : undefined}\n            disabled={!isAdmin}\n            hint=\"Off by default, because it changes what a build contains. When enabled, each .test() entry runs once on the primary browser and a failing test fails the build (flaky stories excepted).\"\n          />\n          <CheckField\n            label=\"Accessibility checks (axe)\"\n            name=\"runA11y\"\n            value=\"true\"\n            checked={project.runA11y === false ? undefined : true}\n            disabled={!isAdmin}\n            hint=\"On by default. Each story is scanned with axe-core (WCAG A/AA and best-practice rules). Violations are shown on the snapshot in review and never block the build.\"\n          />\n          <Field\n            label=\"Play timeout (ms)\"\n            name=\"playTimeoutMs\"\n            type=\"number\"\n            min=\"1000\"\n            max=\"30000\"\n            step=\"1000\"\n            value={String(project.playTimeoutMs)}\n            disabled={!isAdmin}\n            hint=\"Timeout for each play function (1000–30000 ms, default 10000).\"\n          />\n          {isAdmin ? (\n            <FormActions>\n              <Button variant=\"primary\" type=\"submit\" icon=\"check\">\n                Save changes\n              </Button>\n            </FormActions>\n          ) : (\n            <Meta>You need admin access to edit settings.</Meta>\n          )}\n        </form>\n      </Card>\n      <Card>\n        <SectionTitle level={3}>How to mark stories</SectionTitle>\n        <Meta as=\"pre\">\n          {`// Disable snapshot entirely (skip capture + play)\nexport const Hidden: Story = {\n  parameters: { storyshelf: { disableSnapshot: true } }\n};\n// Mark as flaky (non-blocking, shows warning)\nexport const Flaky: Story = {\n  tags: ['flaky-test'],\n  play: async ({canvasElement}) => { /* ... */ }\n};\n// or via parameters (both keys work, storyshelf wins)\nexport const Flaky2: Story = {\n  parameters: { chromatic: { flakyTest: true } }\n};`}\n        </Meta>\n        <Meta>\n          Tags are story-level and case-insensitive (<code>flaky-test</code>). Whole story is\n          non-blocking when flaky. GitHub status stays\n          <code>success</code> with a warning comment.\n        </Meta>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,oBACd,SACA,SACA,WACS;CACT,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA;GACG,WAAW,cAAc,oBAAC,OAAD;IAAO,MAAK;IAAU,UAAA,UAAU;GAAmB,CAAA,IAAI;GACjF,qBAAC,MAAD,EAAA,UAAA;IACE,oBAAC,cAAD,EAAA,UAAc,sCAAiD,CAAA;IAC/D,qBAAC,MAAD,EAAA,UAAA;KAAM;KACoB,oBAAC,QAAD,EAAA,UAAM,OAAU,CAAA;KAAC;KAEzC,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;KAAC;KAAK,oBAAC,QAAD,EAAA,UAAM,uBAA0B,CAAA;KAAC;KAC7D,oBAAC,QAAD,EAAA,UAAM,kCAA+C,CAAA;KAAC;KAAgB;KACtE,oBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;KAAC;KAAK,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;KAAC;KAC9C,oBAAC,QAAD,EAAA,UAAM,kBAAqB,CAAA;KAAC;IAC5B,EAAA,CAAA;IACN,qBAAC,MAAD,EAAA,UAAA;KAAM;KAEqD;KACzD,oBAAC,QAAD,EAAA,UAAM,0CAAiE,CAAA;KAAC;IACpE,EAAA,CAAA;IACN,qBAAC,MAAD,EAAA,UAAA;KAAM;KACS,oBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;KAAC;KAAU,oBAAC,QAAD,EAAA,UAAM,kCAAmC,CAAA;KAAC;KAG7E,oBAAC,QAAD,EAAA,UAAM,OAAU,CAAA;KAAC;IACrB,EAAA,CAAA;IACN,qBAAC,QAAD;KACE,QAAO;KACP,QAAQ,aAAa,QAAQ,KAAK;KAClC,WAAS,aAAa,QAAQ,KAAK;KACnC,aAAU;KACV,WAAQ;KALV,UAAA;MAOG,UAAU;MACX,oBAAC,YAAD;OACE,OAAM;OACN,MAAK;OACL,OAAM;OACN,SAAS,QAAQ,cAAc,OAAO,KAAA;OACtC,UAAU,CAAC;OACX,MAAK;MACN,CAAA;MACD,oBAAC,YAAD;OACE,OAAM;OACN,MAAK;OACL,OAAM;OACN,SAAS,QAAQ,aAAa,OAAO,OAAO,KAAA;OAC5C,UAAU,CAAC;OACX,MAAK;MACN,CAAA;MACD,oBAAC,YAAD;OACE,OAAM;OACN,MAAK;OACL,OAAM;OACN,SAAS,QAAQ,YAAY,QAAQ,KAAA,IAAY;OACjD,UAAU,CAAC;OACX,MAAK;MACN,CAAA;MACD,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,MAAK;OACL,KAAI;OACJ,KAAI;OACJ,MAAK;OACL,OAAO,OAAO,QAAQ,aAAa;OACnC,UAAU,CAAC;OACX,MAAK;MACN,CAAA;MACA,UACC,oBAAC,aAAD,EAAA,UACE,oBAAC,QAAD;OAAQ,SAAQ;OAAU,MAAK;OAAS,MAAK;OAAQ,UAAA;MAE7C,CAAA,EACG,CAAA,IAEb,oBAAC,MAAD,EAAA,UAAM,0CAA6C,CAAA;KAEjD;;GACF,EAAA,CAAA;GACN,qBAAC,MAAD,EAAA,UAAA;IACE,oBAAC,cAAD;KAAc,OAAO;KAAG,UAAA;IAAiC,CAAA;IACzD,oBAAC,MAAD;KAAM,IAAG;KACN,UAAA;;;;;;;;;;;;;IAaG,CAAA;IACN,qBAAC,MAAD,EAAA,UAAA;KAAM;KACuC,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;KAAC;KAElE,oBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;KAAC;IAChB,EAAA,CAAA;GACF,EAAA,CAAA;EACH;;AAET"}

package/dist/pages/settings-tokens.mjs

@@ -8,7 +8,7 @@ import { Card, SectionTitle } from "../ui/layout.mjs";
 import { Table } from "../ui/table.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/settings-tokens.tsx
+// src/pages/settings-tokens.tsx
 /** Tokens settings tab: project CLI tokens plus the create-token form. */
 function renderSettingsTokens(project, tokens, isAdmin, formState) {
 	return /* @__PURE__ */ jsxs("div", {
@@ -84,7 +84,6 @@ function renderSettingsTokens(project, tokens, isAdmin, formState) {
 		]
 	});
 }
-//#endregion
 export { renderSettingsTokens };
 
 //# sourceMappingURL=settings-tokens.mjs.map

package/dist/pages/settings-webhooks.mjs

@@ -9,7 +9,7 @@ import { HStack } from "../ui/stacks.mjs";
 import { Table } from "../ui/table.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/pages/settings-webhooks.tsx
+// src/pages/settings-webhooks.tsx
 /** Webhooks settings tab: webhook list plus the create-webhook form. */
 function renderSettingsWebhooks(project, webhooks, isAdmin, formState) {
 	return /* @__PURE__ */ jsxs("div", {
@@ -98,7 +98,6 @@ function renderSettingsWebhooks(project, webhooks, isAdmin, formState) {
 		]
 	});
 }
-//#endregion
 export { renderSettingsWebhooks };
 
 //# sourceMappingURL=settings-webhooks.mjs.map

package/dist/pages/storybook.mjs

@@ -2,7 +2,7 @@ import "node:path";
 import "node:url";
 import.meta.url;
 import { getStore } from "../store.mjs";
-//#region src/pages/storybook.tsx
+// src/pages/storybook.tsx
 /**
 * Placeholder shown while a build's statics are not yet available.
 * Refreshes itself; once extraction lands, the route serves the live page.
@@ -110,7 +110,6 @@ function escapeHtml(value) {
 function escapeAttr(value) {
 	return escapeHtml(value);
 }
-//#endregion
 export { renderStorybookPage, renderStorybookPreparingPage };
 
 //# sourceMappingURL=storybook.mjs.map

package/dist/pages/target-choices.mjs

@@ -0,0 +1,38 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { targetLabel } from "../targets.mjs";
+import { BROWSER_NAMES, unavailableReason } from "@storyshelf/core/adapter/capture-runner";
+// src/pages/target-choices.ts
+/** The capture targets a project can pick, from what the runner offers (ADR 0007, decision 7). */
+/**
+* Selectable targets: every ready one; a project's current target that is no longer ready stays,
+* marked, so the form round-trips it. Without a runner list every engine is offered.
+*/
+function targetChoices(offered, current) {
+	if (offered === void 0) return {
+		choices: BROWSER_NAMES.map((name) => ({
+			value: name,
+			label: targetLabel(name)
+		})),
+		unavailable: []
+	};
+	const choices = offered.filter((entry) => unavailableReason(entry.status) === null).map((entry) => ({
+		value: entry.target,
+		label: targetLabel(entry.target)
+	}));
+	for (const target of current) if (!choices.some((choice) => choice.value === target)) choices.push({
+		value: target,
+		label: `${targetLabel(target)} (not available)`
+	});
+	return {
+		choices,
+		unavailable: offered.flatMap((entry) => {
+			const reason = unavailableReason(entry.status);
+			return reason === null ? [] : [`${entry.target}: ${reason}`];
+		})
+	};
+}
+export { targetChoices };
+
+//# sourceMappingURL=target-choices.mjs.map

package/dist/pages/target-choices.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"target-choices.mjs","names":[],"sources":["../../src/pages/target-choices.ts"],"sourcesContent":["/** The capture targets a project can pick, from what the runner offers (ADR 0007, decision 7). */\nimport {\n  BROWSER_NAMES,\n  unavailableReason,\n  type CaptureTarget,\n  type RunnerTarget,\n} from \"@storyshelf/core/adapter/capture-runner\";\nimport { targetLabel } from \"../targets.ts\";\n\n/** One selectable target. */\nexport interface TargetChoice {\n  value: string;\n  label: string;\n}\n\n/** What the capture settings offer. */\nexport interface TargetChoices {\n  /** Targets that can be picked now, plus the project's own (so saving never silently drops one). */\n  choices: TargetChoice[];\n  /** Offered but not selectable, with why (`firefox: declared, not installed`). */\n  unavailable: string[];\n}\n\n/**\n * Selectable targets: every ready one; a project's current target that is no longer ready stays,\n * marked, so the form round-trips it. Without a runner list every engine is offered.\n */\nexport function targetChoices(\n  offered: readonly RunnerTarget[] | undefined,\n  current: readonly CaptureTarget[],\n): TargetChoices {\n  if (offered === undefined) {\n    return {\n      choices: BROWSER_NAMES.map((name) => ({ value: name, label: targetLabel(name) })),\n      unavailable: [],\n    };\n  }\n  const ready = offered.filter((entry) => unavailableReason(entry.status) === null);\n  const choices = ready.map((entry) => ({\n    value: entry.target,\n    label: targetLabel(entry.target),\n  }));\n  for (const target of current) {\n    if (!choices.some((choice) => choice.value === target)) {\n      choices.push({ value: target, label: `${targetLabel(target)} (not available)` });\n    }\n  }\n  const unavailable = offered.flatMap((entry) => {\n    const reason = unavailableReason(entry.status);\n    return reason === null ? [] : [`${entry.target}: ${reason}`];\n  });\n  return { choices, unavailable };\n}\n"],"mappings":";;;;;;;;;;;AA2BA,SAAgB,cACd,SACA,SACe;CACf,IAAI,YAAY,KAAA,GACd,OAAO;EACL,SAAS,cAAc,KAAK,UAAU;GAAE,OAAO;GAAM,OAAO,YAAY,IAAI;EAAE,EAAE;EAChF,aAAa,CAAC;CAChB;CAGF,MAAM,UADQ,QAAQ,QAAQ,UAAU,kBAAkB,MAAM,MAAM,MAAM,IACxD,CAAC,CAAC,KAAK,WAAW;EACpC,OAAO,MAAM;EACb,OAAO,YAAY,MAAM,MAAM;CACjC,EAAE;CACF,KAAK,MAAM,UAAU,SACnB,IAAI,CAAC,QAAQ,MAAM,WAAW,OAAO,UAAU,MAAM,GACnD,QAAQ,KAAK;EAAE,OAAO;EAAQ,OAAO,GAAG,YAAY,MAAM,EAAE;CAAkB,CAAC;CAOnF,OAAO;EAAE;EAAS,aAJE,QAAQ,SAAS,UAAU;GAC7C,MAAM,SAAS,kBAAkB,MAAM,MAAM;GAC7C,OAAO,WAAW,OAAO,CAAC,IAAI,CAAC,GAAG,MAAM,OAAO,IAAI,QAAQ;EAC7D,CAC4B;CAAE;AAChC"}

package/dist/publish-setup.mjs

@@ -0,0 +1,88 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { DEFAULT_SCRATCH_DIR } from "@storyshelf/core/config";
+import { createCatalogHook, createCatalogLoader, createPublishCompleter, createPublishHandler, extractionLimitsOf, resolvePublishLimits } from "@storyshelf/core/capture";
+// src/publish-setup.ts
+/**
+* Publishing wiring (ADR 0006, decision 10): the completer every upload route ends in, and the
+* `publish` job kind on the shared database queue. Its handler runs on every instance with a
+* database, so a hosting-only instance can publish large zips; it is absent on serverless hosts,
+* where an over-limit zip is refused instead. The consumer that calls the handler is built in
+* `jobs-setup.ts`, together with the capture handler.
+*/
+/**
+* Wire publishing for `options` (the instrumented options; `config` is the resolved config).
+* `captureWillRun` is whether uploads get a capture (`enqueueCapture` exists): capture owns the
+* build status then, and publishing leaves it alone. `delivery.jobs` is the shared queue; a host
+* that polls no `publish` jobs (serverless) has none of the job side. When publishing ends,
+* `delivery.buildState` shows the build's state on its git channels (the `storybook` status) and
+* `delivery.reviewRequested` asks the reviewers for a verdict on a build that waits for one.
+*/
+function setupPublishing(options, config, logger, captureWillRun, delivery) {
+	const { jobs } = delivery;
+	const catalog = createCatalogLoader({
+		db: options.database,
+		storage: options.storage,
+		logger: logger.child({ component: "catalog" })
+	});
+	const afterPublish = publishHooks(catalog, captureWillRun, delivery);
+	const completer = createPublishCompleter({
+		db: options.database,
+		captureWillRun,
+		afterPublish,
+		logger
+	});
+	if (!jobs.kinds.includes("publish")) return {
+		completer,
+		afterPublish,
+		catalog,
+		enqueuePublish: void 0,
+		handler: null
+	};
+	jobs.exhausted.publish = async (job, error) => {
+		await completer.complete(job.buildId, {
+			ok: false,
+			error
+		});
+	};
+	return {
+		completer,
+		afterPublish,
+		catalog,
+		enqueuePublish: async (buildId, reqId) => {
+			await jobs.get().enqueueJob({
+				kind: "publish",
+				buildId,
+				...reqId ? { reqId } : {}
+			});
+		},
+		handler: createPublishHandler({
+			db: options.database,
+			storage: options.storage,
+			scratchDir: config.scratchDir ?? DEFAULT_SCRATCH_DIR,
+			limits: extractionLimitsOf(resolvePublishLimits(config)),
+			completer,
+			logger
+		})
+	};
+}
+/**
+* Hooks run after every publish: the catalog, the build's state on its git channels (the Storybook
+* status shows the end of publishing, a transition no build status change marks) and, without
+* `testing`, the request for a verdict on a build left `pending` (ADR 0013, decision 4).
+*/
+function publishHooks(catalog, captureWillRun, delivery) {
+	return [
+		createCatalogHook(catalog),
+		async ({ build }) => {
+			await delivery.buildState.request(build.id);
+		},
+		async ({ build, project, outcome }) => {
+			if (outcome.ok && !captureWillRun && build.status === "pending") await delivery.reviewRequested(project, build);
+		}
+	];
+}
+export { setupPublishing };
+
+//# sourceMappingURL=publish-setup.mjs.map

package/dist/publish-setup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"publish-setup.mjs","names":[],"sources":["../src/publish-setup.ts"],"sourcesContent":["/**\n * Publishing wiring (ADR 0006, decision 10): the completer every upload route ends in, and the\n * `publish` job kind on the shared database queue. Its handler runs on every instance with a\n * database, so a hosting-only instance can publish large zips; it is absent on serverless hosts,\n * where an over-limit zip is refused instead. The consumer that calls the handler is built in\n * `jobs-setup.ts`, together with the capture handler.\n */\nimport {\n  createCatalogHook,\n  createCatalogLoader,\n  createPublishCompleter,\n  createPublishHandler,\n  extractionLimitsOf,\n  resolvePublishLimits,\n  type AfterPublishHook,\n  type BuildStatePublisher,\n  type CatalogLoader,\n  type KindHandler,\n  type PublishCompleter,\n} from \"@storyshelf/core/capture\";\nimport type { ShelfConfig, ShelfOptions } from \"@storyshelf/core/config\";\nimport { DEFAULT_SCRATCH_DIR } from \"@storyshelf/core/config\";\nimport type { Logger } from \"@storyshelf/core/logger\";\nimport type { Build, Project } from \"@storyshelf/core/schema\";\nimport type { JobQueue } from \"./job-queue.ts\";\n\n/** What request handlers and the consumer use of publishing. */\nexport interface PublishWiring {\n  /** Applies the acceptance rule and the hooks when a publish ends. */\n  completer: PublishCompleter;\n  /** Hooks run after every publish; the catalog registers here. */\n  afterPublish: AfterPublishHook[];\n  /** The Storybook catalog of published builds (cached in memory; catalogues old builds lazily). */\n  catalog: CatalogLoader;\n  /** Puts a `publish` job on the queue; undefined when this host runs no consumer. */\n  enqueuePublish: ((buildId: string, reqId?: string) => Promise<void>) | undefined;\n  /** Runs `publish` jobs; null when this host runs none. */\n  handler: KindHandler | null;\n}\n\n/** The request-scoped part of {@link PublishWiring}. */\nexport type PublishService = Pick<\n  PublishWiring,\n  \"completer\" | \"afterPublish\" | \"catalog\" | \"enqueuePublish\"\n>;\n\n/**\n * Wire publishing for `options` (the instrumented options; `config` is the resolved config).\n * `captureWillRun` is whether uploads get a capture (`enqueueCapture` exists): capture owns the\n * build status then, and publishing leaves it alone. `delivery.jobs` is the shared queue; a host\n * that polls no `publish` jobs (serverless) has none of the job side. When publishing ends,\n * `delivery.buildState` shows the build's state on its git channels (the `storybook` status) and\n * `delivery.reviewRequested` asks the reviewers for a verdict on a build that waits for one.\n */\nexport function setupPublishing(\n  options: ShelfOptions,\n  config: ShelfConfig,\n  logger: Logger,\n  captureWillRun: boolean,\n  delivery: {\n    jobs: JobQueue;\n    buildState: BuildStatePublisher;\n    /** Tells the project's reviewers a build waits for a verdict (`review:requested`). */\n    reviewRequested: (project: Project, build: Build) => Promise<void>;\n  },\n): PublishWiring {\n  const { jobs } = delivery;\n  const catalog = createCatalogLoader({\n    db: options.database,\n    storage: options.storage,\n    logger: logger.child({ component: \"catalog\" }),\n  });\n  const afterPublish = publishHooks(catalog, captureWillRun, delivery);\n  const completer = createPublishCompleter({\n    db: options.database,\n    captureWillRun,\n    afterPublish,\n    logger,\n  });\n  if (!jobs.kinds.includes(\"publish\")) {\n    return { completer, afterPublish, catalog, enqueuePublish: undefined, handler: null };\n  }\n  // A publish whose last attempt lost its lease has no running handler to fail the build.\n  jobs.exhausted.publish = async (job, error): Promise<void> => {\n    await completer.complete(job.buildId, { ok: false, error });\n  };\n  return {\n    completer,\n    afterPublish,\n    catalog,\n    enqueuePublish: async (buildId, reqId): Promise<void> => {\n      await jobs.get().enqueueJob({ kind: \"publish\", buildId, ...(reqId ? { reqId } : {}) });\n    },\n    handler: createPublishHandler({\n      db: options.database,\n      storage: options.storage,\n      scratchDir: config.scratchDir ?? DEFAULT_SCRATCH_DIR,\n      limits: extractionLimitsOf(resolvePublishLimits(config)),\n      completer,\n      logger,\n    }),\n  };\n}\n\n/**\n * Hooks run after every publish: the catalog, the build's state on its git channels (the Storybook\n * status shows the end of publishing, a transition no build status change marks) and, without\n * `testing`, the request for a verdict on a build left `pending` (ADR 0013, decision 4).\n */\nfunction publishHooks(\n  catalog: CatalogLoader,\n  captureWillRun: boolean,\n  delivery: Pick<Parameters<typeof setupPublishing>[4], \"buildState\" | \"reviewRequested\">,\n): AfterPublishHook[] {\n  return [\n    createCatalogHook(catalog),\n    async ({ build }) => {\n      await delivery.buildState.request(build.id);\n    },\n    async ({ build, project, outcome }) => {\n      if (outcome.ok && !captureWillRun && build.status === \"pending\") {\n        await delivery.reviewRequested(project, build);\n      }\n    },\n  ];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsDA,SAAgB,gBACd,SACA,QACA,QACA,gBACA,UAMe;CACf,MAAM,EAAE,SAAS;CACjB,MAAM,UAAU,oBAAoB;EAClC,IAAI,QAAQ;EACZ,SAAS,QAAQ;EACjB,QAAQ,OAAO,MAAM,EAAE,WAAW,UAAU,CAAC;CAC/C,CAAC;CACD,MAAM,eAAe,aAAa,SAAS,gBAAgB,QAAQ;CACnE,MAAM,YAAY,uBAAuB;EACvC,IAAI,QAAQ;EACZ;EACA;EACA;CACF,CAAC;CACD,IAAI,CAAC,KAAK,MAAM,SAAS,SAAS,GAChC,OAAO;EAAE;EAAW;EAAc;EAAS,gBAAgB,KAAA;EAAW,SAAS;CAAK;CAGtF,KAAK,UAAU,UAAU,OAAO,KAAK,UAAyB;EAC5D,MAAM,UAAU,SAAS,IAAI,SAAS;GAAE,IAAI;GAAO;EAAM,CAAC;CAC5D;CACA,OAAO;EACL;EACA;EACA;EACA,gBAAgB,OAAO,SAAS,UAAyB;GACvD,MAAM,KAAK,IAAI,CAAC,CAAC,WAAW;IAAE,MAAM;IAAW;IAAS,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;GAAG,CAAC;EACvF;EACA,SAAS,qBAAqB;GAC5B,IAAI,QAAQ;GACZ,SAAS,QAAQ;GACjB,YAAY,OAAO,cAAc;GACjC,QAAQ,mBAAmB,qBAAqB,MAAM,CAAC;GACvD;GACA;EACF,CAAC;CACH;AACF;;;;;;AAOA,SAAS,aACP,SACA,gBACA,UACoB;CACpB,OAAO;EACL,kBAAkB,OAAO;EACzB,OAAO,EAAE,YAAY;GACnB,MAAM,SAAS,WAAW,QAAQ,MAAM,EAAE;EAC5C;EACA,OAAO,EAAE,OAAO,SAAS,cAAc;GACrC,IAAI,QAAQ,MAAM,CAAC,kBAAkB,MAAM,WAAW,WACpD,MAAM,SAAS,gBAAgB,SAAS,KAAK;EAEjD;CACF;AACF"}