@storyshelf/app 0.6.1 → 0.7.0

package/dist/pages/settings-links.mjs

@@ -0,0 +1,112 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Button } from "../ui/buttons.mjs";
+import { Alert, Badge, Meta } from "../ui/feedback.mjs";
+import { Field, FormActions, SelectField } from "../ui/forms.mjs";
+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-links.tsx
+const linkRow = (base, link, isAdmin) => /* @__PURE__ */ jsxs("tr", { children: [
+	/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
+		tone: "neutral",
+		children: link.packageName
+	}) }),
+	/* @__PURE__ */ jsx("td", { children: link.upstreamName }),
+	/* @__PURE__ */ jsx("td", { children: isAdmin ? /* @__PURE__ */ jsxs("form", {
+		method: "post",
+		action: `${base}/delete`,
+		"hx-post": `${base}/delete`,
+		"hx-target": "body",
+		"hx-confirm": "Remove this link?",
+		children: [
+			csrfField(),
+			/* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name: "package",
+				value: link.packageName
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				type: "submit",
+				"aria-label": `Remove ${link.packageName}`,
+				children: "Remove"
+			})
+		]
+	}) : null })
+] }, link.packageName);
+/** Links settings tab: linked packages plus the add-link form. */
+function renderSettingsLinks(project, links, candidates, isAdmin, formState) {
+	const base = `/projects/${project.slug}/settings/links`;
+	return /* @__PURE__ */ jsxs("div", {
+		class: "grid max-w-form",
+		children: [
+			formState?.globalError ? /* @__PURE__ */ jsx(Alert, {
+				tone: "danger",
+				children: formState.globalError
+			}) : null,
+			/* @__PURE__ */ jsxs(Card, { children: [
+				/* @__PURE__ */ jsx(SectionTitle, { children: "Linked packages" }),
+				/* @__PURE__ */ jsx(Meta, { children: "Link a package this project consumes (e.g. @acme/design-system) to the project that publishes it. Review pages then show where a story uses it, with links to the upstream component." }),
+				/* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx("th", { children: "Package" }),
+					/* @__PURE__ */ jsx("th", { children: "Upstream project" }),
+					/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+						class: "visually-hidden",
+						children: "Actions"
+					}) })
+				] }) }), /* @__PURE__ */ jsx("tbody", { children: links.map((link) => linkRow(base, link, isAdmin)) })] }) }),
+				links.length === 0 ? /* @__PURE__ */ jsx(Meta, { children: "No packages linked." }) : null
+			] }),
+			isAdmin ? /* @__PURE__ */ jsx(AddLinkCard, {
+				base,
+				candidates
+			}) : null
+		]
+	});
+}
+/** Form card linking a package to an upstream project. */
+function AddLinkCard(props) {
+	const { base, candidates } = props;
+	return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
+		level: 3,
+		children: "Link a package"
+	}), /* @__PURE__ */ jsxs("form", {
+		method: "post",
+		action: base,
+		"hx-post": base,
+		"hx-target": "body",
+		children: [
+			csrfField(),
+			/* @__PURE__ */ jsxs("div", {
+				class: "grid grid--2",
+				children: [/* @__PURE__ */ jsx(Field, {
+					label: "Package",
+					name: "package",
+					required: true,
+					placeholder: "@acme/design-system"
+				}), /* @__PURE__ */ jsx(SelectField, {
+					label: "Upstream project",
+					name: "upstreamSlug",
+					required: true,
+					options: candidates.map((candidate) => ({
+						value: candidate.slug,
+						label: candidate.name
+					}))
+				})]
+			}),
+			/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				type: "submit",
+				icon: "plus",
+				children: "Link package"
+			}) })
+		]
+	})] });
+}
+//#endregion
+export { renderSettingsLinks };
+
+//# sourceMappingURL=settings-links.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-links.mjs","names":[],"sources":["../../src/pages/settings-links.tsx"],"sourcesContent":["import type { Project } from \"@storyshelf/core/schema\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  Field,\n  FormActions,\n  Meta,\n  SectionTitle,\n  SelectField,\n  Table,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\n/** A package linked to the upstream project that publishes it. */\nexport interface SettingsLink {\n  packageName: string;\n  upstreamSlug: string;\n  upstreamName: string;\n}\n\n/** Another project that can be chosen as an upstream. */\nexport interface SettingsLinkCandidate {\n  slug: string;\n  name: string;\n}\n\nconst linkRow = (\n  base: string,\n  link: SettingsLink,\n  isAdmin: boolean,\n): HtmlEscapedString | Promise<HtmlEscapedString> => (\n  <tr key={link.packageName}>\n    <td>\n      <Badge tone=\"neutral\">{link.packageName}</Badge>\n    </td>\n    <td>{link.upstreamName}</td>\n    <td>\n      {isAdmin ? (\n        <form\n          method=\"post\"\n          action={`${base}/delete`}\n          hx-post={`${base}/delete`}\n          hx-target=\"body\"\n          hx-confirm=\"Remove this link?\"\n        >\n          {csrfField()}\n          <input type=\"hidden\" name=\"package\" value={link.packageName} />\n          <Button variant=\"ghost\" type=\"submit\" aria-label={`Remove ${link.packageName}`}>\n            Remove\n          </Button>\n        </form>\n      ) : null}\n    </td>\n  </tr>\n);\n\n/** Links settings tab: linked packages plus the add-link form. */\nexport function renderSettingsLinks(\n  project: Project,\n  links: SettingsLink[],\n  candidates: SettingsLinkCandidate[],\n  isAdmin: boolean,\n  formState?: { globalError?: string },\n): unknown {\n  const base = `/projects/${project.slug}/settings/links`;\n  return (\n    <div class=\"grid max-w-form\">\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n      <Card>\n        <SectionTitle>Linked packages</SectionTitle>\n        <Meta>\n          Link a package this project consumes (e.g. @acme/design-system) to the project that\n          publishes it. Review pages then show where a story uses it, with links to the upstream\n          component.\n        </Meta>\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Package</th>\n                <th>Upstream project</th>\n                <th>\n                  <span class=\"visually-hidden\">Actions</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>{links.map((link) => linkRow(base, link, isAdmin))}</tbody>\n          </table>\n        </Table>\n        {links.length === 0 ? <Meta>No packages linked.</Meta> : null}\n      </Card>\n      {isAdmin ? <AddLinkCard base={base} candidates={candidates} /> : null}\n    </div>\n  );\n}\n\n/** Form card linking a package to an upstream project. */\nfunction AddLinkCard(props: {\n  base: string;\n  candidates: SettingsLinkCandidate[];\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const { base, candidates } = props;\n  return (\n    <Card>\n      <SectionTitle level={3}>Link a package</SectionTitle>\n      <form method=\"post\" action={base} hx-post={base} hx-target=\"body\">\n        {csrfField()}\n        <div class=\"grid grid--2\">\n          <Field label=\"Package\" name=\"package\" required placeholder=\"@acme/design-system\" />\n          <SelectField\n            label=\"Upstream project\"\n            name=\"upstreamSlug\"\n            required\n            options={candidates.map((candidate) => ({\n              value: candidate.slug,\n              label: candidate.name,\n            }))}\n          />\n        </div>\n        <FormActions>\n          <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n            Link package\n          </Button>\n        </FormActions>\n      </form>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA+BA,MAAM,WACJ,MACA,MACA,YAEA,qBAAC,MAAD,EAAA,UAAA;CACE,oBAAC,MAAD,EAAA,UACE,oBAAC,OAAD;EAAO,MAAK;EAAW,UAAA,KAAK;CAAmB,CAAA,EAC7C,CAAA;CACJ,oBAAC,MAAD,EAAA,UAAK,KAAK,aAAiB,CAAA;CAC3B,oBAAC,MAAD,EAAA,UACG,UACC,qBAAC,QAAD;EACE,QAAO;EACP,QAAQ,GAAG,KAAK;EAChB,WAAS,GAAG,KAAK;EACjB,aAAU;EACV,cAAW;EALb,UAAA;GAOG,UAAU;GACX,oBAAC,SAAD;IAAO,MAAK;IAAS,MAAK;IAAU,OAAO,KAAK;GAAc,CAAA;GAC9D,oBAAC,QAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAS,cAAY,UAAU,KAAK;IAAe,UAAA;GAExE,CAAA;EACJ;CACJ,CAAA,IAAA,KACF,CAAA;AACF,EAAA,GAtBK,KAAK,WAsBV;;AAIN,SAAgB,oBACd,SACA,OACA,YACA,SACA,WACS;CACT,MAAM,OAAO,aAAa,QAAQ,KAAK;CACvC,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,kBAA6B,CAAA;IAC3C,oBAAC,MAAD,EAAA,UAAM,wLAIA,CAAA;IACN,oBAAC,OAAD,EAAA,UACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UACE,qBAAC,MAAD,EAAA,UAAA;KACE,oBAAC,MAAD,EAAA,UAAI,UAAW,CAAA;KACf,oBAAC,MAAD,EAAA,UAAI,mBAAoB,CAAA;KACxB,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD;MAAM,OAAM;MAAkB,UAAA;KAAa,CAAA,EACzC,CAAA;IACF,EAAA,CAAA,EACC,CAAA,GACP,oBAAC,SAAD,EAAA,UAAQ,MAAM,KAAK,SAAS,QAAQ,MAAM,MAAM,OAAO,CAAC,EAAS,CAAA,CAC5D,EAAA,CAAA,EACF,CAAA;IACN,MAAM,WAAW,IAAI,oBAAC,MAAD,EAAA,UAAM,sBAAyB,CAAA,IAAI;GACrD,EAAA,CAAA;GACL,UAAU,oBAAC,aAAD;IAAmB;IAAkB;GAAa,CAAA,IAAI;EAC9D;;AAET;;AAGA,SAAS,YAAY,OAG8B;CACjD,MAAM,EAAE,MAAM,eAAe;CAC7B,OACE,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,cAAD;EAAc,OAAO;EAAG,UAAA;CAA4B,CAAA,GACpD,qBAAC,QAAD;EAAM,QAAO;EAAO,QAAQ;EAAM,WAAS;EAAM,aAAU;EAA3D,UAAA;GACG,UAAU;GACX,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA,CACE,oBAAC,OAAD;KAAO,OAAM;KAAU,MAAK;KAAU,UAAA;KAAS,aAAY;IAAuB,CAAA,GAClF,oBAAC,aAAD;KACE,OAAM;KACN,MAAK;KACL,UAAA;KACA,SAAS,WAAW,KAAK,eAAe;MACtC,OAAO,UAAU;MACjB,OAAO,UAAU;KACnB,EAAE;IACH,CAAA,CACE;;GACL,oBAAC,aAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,SAAQ;IAAU,MAAK;IAAS,MAAK;IAAO,UAAA;GAE5C,CAAA,EACG,CAAA;EACT;CACF,CAAA,CAAA,EAAA,CAAA;AAEV"}

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

@@ -0,0 +1,128 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Button } from "../ui/buttons.mjs";
+import { Alert } from "../ui/feedback.mjs";
+import { Field, FormActions, SelectField, TextareaField } from "../ui/forms.mjs";
+import { Card, SectionTitle } from "../ui/layout.mjs";
+import { csrfField } from "../ui/csrf-field.mjs";
+import { isServerlessHost } from "@storyshelf/core/config";
+import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/settings-notifications-git.tsx
+/** GitHub only: show builds as check runs posted by a GitHub App, not as commit statuses. */
+const GitHubAppFields = ({ errors }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx(SelectField, {
+		label: "GitHub mode",
+		name: "mode",
+		options: [{
+			value: "statuses",
+			label: "Commit statuses (token)"
+		}, {
+			value: "checks",
+			label: "Check runs (GitHub App)"
+		}],
+		hint: errors?.["mode"] ?? "GitHub only. Check runs list each changed snapshot and need a GitHub App installed on the repository; GitLab always uses statuses."
+	}),
+	/* @__PURE__ */ jsx(Field, {
+		label: "App ID",
+		name: "appId",
+		placeholder: "123456",
+		error: errors?.["appId"]
+	}),
+	/* @__PURE__ */ jsx(Field, {
+		label: "Installation ID",
+		name: "installationId",
+		placeholder: "7654321",
+		error: errors?.["installationId"]
+	}),
+	/* @__PURE__ */ jsx(TextareaField, {
+		label: "App private key",
+		name: "privateKey",
+		rows: 4,
+		placeholder: "-----BEGIN RSA PRIVATE KEY-----",
+		hint: "The PEM key generated for the App. It is stored encrypted and never shown again.",
+		error: errors?.["privateKey"]
+	})
+] });
+/** The repository, prefix and token fields of the git channel form. */
+const GitChannelFields = ({ errors }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx(Field, {
+		label: "Owner",
+		name: "owner",
+		required: true,
+		placeholder: "my-org",
+		hint: "Organization, user or group that owns the repository.",
+		error: errors?.["owner"]
+	}),
+	/* @__PURE__ */ jsx(Field, {
+		label: "Repository",
+		name: "repo",
+		required: true,
+		placeholder: "my-repo",
+		error: errors?.["repo"]
+	}),
+	/* @__PURE__ */ jsx(Field, {
+		label: "Host",
+		name: "host",
+		placeholder: "https://gitlab.example.com",
+		hint: "GitLab only: a self-managed host. Leave blank for gitlab.com.",
+		error: errors?.["host"]
+	}),
+	/* @__PURE__ */ jsx(Field, {
+		label: "Status prefix",
+		name: "prefix",
+		placeholder: "storyshelf",
+		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.",
+		error: errors?.["prefix"]
+	}),
+	/* @__PURE__ */ jsx(Field, {
+		label: "Token",
+		name: "token",
+		type: "password",
+		placeholder: "ghp_…",
+		hint: "A token that can write commit statuses (GitHub: repo:status; GitLab: api). Not needed for GitHub checks.",
+		error: errors?.["token"]
+	}),
+	/* @__PURE__ */ jsx(GitHubAppFields, { errors })
+] });
+/** Git channel creation card (admins only): repository, status prefix and token. */
+const CreateGitChannelCard = ({ project, providers, formState }) => /* @__PURE__ */ jsxs(Card, { children: [
+	/* @__PURE__ */ jsx(SectionTitle, {
+		level: 3,
+		children: "Add a git channel"
+	}),
+	isServerlessHost() ? /* @__PURE__ */ jsx(Alert, {
+		tone: "info",
+		title: "Statuses are delivered inline",
+		children: "This host has no job consumer, so a build's state is written in the request that changes it, without retries. A failure shows on the channel and the next change writes the current state again."
+	}) : null,
+	/* @__PURE__ */ jsxs("form", {
+		method: "post",
+		action: `/projects/${project.slug}/settings/notifications`,
+		"hx-post": `/projects/${project.slug}/settings/notifications`,
+		"hx-target": "body",
+		children: [
+			csrfField(),
+			/* @__PURE__ */ jsx(SelectField, {
+				label: "Git provider",
+				name: "gitProvider",
+				options: providers.map((provider) => ({
+					value: provider.kind,
+					label: provider.name
+				})),
+				hint: formState?.errors?.["gitProvider"]
+			}),
+			/* @__PURE__ */ jsx(GitChannelFields, { errors: formState?.errors }),
+			/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				type: "submit",
+				icon: "plus",
+				children: "Add git channel"
+			}) })
+		]
+	})
+] });
+//#endregion
+export { CreateGitChannelCard };
+
+//# sourceMappingURL=settings-notifications-git.mjs.map

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,9 +5,12 @@ 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
 /** Notification topic catalog (mirrors the webhook event names). */
@@ -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,9 +258,14 @@ 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
 		]

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

@@ -8,7 +8,7 @@ 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. */
+/** 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",