@storyshelf/app 0.5.3

package/dist/pages/settings-members.mjs

@@ -0,0 +1,192 @@
+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-members.tsx
+/** Members settings tab: member roster plus the add-member form. */
+function renderSettingsMembers(project, members, groupMappings, isAdmin, formState) {
+	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: "Members" }),
+				/* @__PURE__ */ jsx(Meta, { children: "Project members and their roles. Site admins have implicit admin access." }),
+				/* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx("th", { children: "User" }),
+					/* @__PURE__ */ jsx("th", { children: "Role" }),
+					/* @__PURE__ */ jsx("th", { children: "Since" }),
+					/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+						class: "visually-hidden",
+						children: "Actions"
+					}) })
+				] }) }), /* @__PURE__ */ jsx("tbody", { children: members.map((member) => /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("code", { children: member.userId }) }),
+					/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
+						tone: member.role === "admin" ? "danger" : member.role === "viewer" ? "neutral" : "info",
+						children: member.role
+					}) }),
+					/* @__PURE__ */ jsx("td", { children: new Date(member.createdAt).toLocaleDateString() }),
+					/* @__PURE__ */ jsx("td", { children: isAdmin ? /* @__PURE__ */ jsxs("form", {
+						method: "post",
+						action: `/projects/${project.slug}/settings/members/${member.userId}/remove`,
+						"hx-post": `/projects/${project.slug}/settings/members/${member.userId}/remove`,
+						"hx-target": "body",
+						"hx-confirm": "Remove this member from the project?",
+						children: [csrfField(), /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							type: "submit",
+							children: "Remove"
+						})]
+					}) : null })
+				] }, member.id)) })] }) }),
+				members.length === 0 ? /* @__PURE__ */ jsx(Meta, { children: "No members yet." }) : null
+			] }),
+			isAdmin ? /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
+				level: 3,
+				children: "Add member"
+			}), /* @__PURE__ */ jsxs("form", {
+				method: "post",
+				action: `/projects/${project.slug}/settings/members`,
+				"hx-post": `/projects/${project.slug}/settings/members`,
+				"hx-target": "body",
+				children: [
+					csrfField(),
+					/* @__PURE__ */ jsx(Field, {
+						label: "User ID",
+						name: "userId",
+						required: true,
+						placeholder: "user_..."
+					}),
+					/* @__PURE__ */ jsx(SelectField, {
+						label: "Role",
+						name: "role",
+						options: [
+							{
+								value: "viewer",
+								label: "viewer"
+							},
+							{
+								value: "developer",
+								label: "developer"
+							},
+							{
+								value: "approver",
+								label: "approver"
+							},
+							{
+								value: "admin",
+								label: "admin"
+							}
+						]
+					}),
+					/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						type: "submit",
+						icon: "plus",
+						children: "Add member"
+					}) })
+				]
+			})] }) : null,
+			/* @__PURE__ */ jsx("div", {
+				class: "mt-1",
+				children: /* @__PURE__ */ jsxs(Card, { children: [
+					/* @__PURE__ */ jsx(SectionTitle, {
+						level: 3,
+						children: "Identity-provider group mappings"
+					}),
+					/* @__PURE__ */ jsx(Meta, { children: "Map an IdP group (name or provider ID, exact match) to a project role. Members sync at next login; removing a mapping revokes synced grants but never manual ones. Wildcards are not expanded." }),
+					/* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("th", { children: "Group" }),
+						/* @__PURE__ */ jsx("th", { children: "Role" }),
+						/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+							class: "visually-hidden",
+							children: "Actions"
+						}) })
+					] }) }), /* @__PURE__ */ jsx("tbody", { children: groupMappings.map((mapping) => /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("code", { children: mapping.groupName }) }),
+						/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
+							tone: mapping.role === "admin" ? "danger" : "info",
+							children: mapping.role
+						}) }),
+						/* @__PURE__ */ jsx("td", { children: isAdmin ? /* @__PURE__ */ jsxs("form", {
+							method: "post",
+							action: `/projects/${project.slug}/settings/members/groups/${mapping.id}/remove`,
+							"hx-post": `/projects/${project.slug}/settings/members/groups/${mapping.id}/remove`,
+							"hx-target": "body",
+							"hx-confirm": "Remove this group mapping?",
+							children: [csrfField(), /* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								type: "submit",
+								children: "Remove"
+							})]
+						}) : null })
+					] }, mapping.id)) })] }) }),
+					groupMappings.length === 0 ? /* @__PURE__ */ jsx(Meta, { children: "No group mappings yet." }) : null
+				] })
+			}),
+			isAdmin ? /* @__PURE__ */ jsx("div", {
+				class: "mt-1",
+				children: /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
+					level: 3,
+					children: "Add group mapping"
+				}), /* @__PURE__ */ jsxs("form", {
+					method: "post",
+					action: `/projects/${project.slug}/settings/members/groups`,
+					"hx-post": `/projects/${project.slug}/settings/members/groups`,
+					"hx-target": "body",
+					children: [
+						csrfField(),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Group name or ID (exact match)",
+							name: "groupName",
+							required: true,
+							placeholder: "team-design"
+						}),
+						/* @__PURE__ */ jsx(SelectField, {
+							label: "Role",
+							name: "role",
+							options: [
+								{
+									value: "viewer",
+									label: "viewer"
+								},
+								{
+									value: "developer",
+									label: "developer"
+								},
+								{
+									value: "approver",
+									label: "approver"
+								},
+								{
+									value: "admin",
+									label: "admin"
+								}
+							]
+						}),
+						/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							type: "submit",
+							icon: "plus",
+							children: "Add mapping"
+						}) })
+					]
+				})] })
+			}) : null
+		]
+	});
+}
+//#endregion
+export { renderSettingsMembers };
+
+//# sourceMappingURL=settings-members.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-members.mjs","names":[],"sources":["../../src/pages/settings-members.tsx"],"sourcesContent":["import type { Project } from \"@storyshelf/core/schema\";\nimport type { ProjectGroupMapping } 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/** Project member row as rendered in the members settings tab. */\nexport interface SettingsMember {\n  id: string;\n  projectId: string;\n  userId: string;\n  role: string;\n  createdAt: string;\n}\n\n/** Members settings tab: member roster plus the add-member form. */\nexport function renderSettingsMembers(\n  project: Project,\n  members: SettingsMember[],\n  groupMappings: ProjectGroupMapping[],\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>Members</SectionTitle>\n        <Meta>Project members and their roles. Site admins have implicit admin access.</Meta>\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>User</th>\n                <th>Role</th>\n                <th>Since</th>\n                <th>\n                  <span class=\"visually-hidden\">Actions</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {members.map((member): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={member.id}>\n                  <td>\n                    <code>{member.userId}</code>\n                  </td>\n                  <td>\n                    <Badge\n                      tone={\n                        member.role === \"admin\"\n                          ? \"danger\"\n                          : member.role === \"viewer\"\n                            ? \"neutral\"\n                            : \"info\"\n                      }\n                    >\n                      {member.role}\n                    </Badge>\n                  </td>\n                  <td>{new Date(member.createdAt).toLocaleDateString()}</td>\n                  <td>\n                    {isAdmin ? (\n                      <form\n                        method=\"post\"\n                        action={`/projects/${project.slug}/settings/members/${member.userId}/remove`}\n                        hx-post={`/projects/${project.slug}/settings/members/${member.userId}/remove`}\n                        hx-target=\"body\"\n                        hx-confirm=\"Remove this member from the project?\"\n                      >\n                        {csrfField()}\n                        <Button variant=\"ghost\" type=\"submit\">\n                          Remove\n                        </Button>\n                      </form>\n                    ) : null}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </Table>\n        {members.length === 0 ? <Meta>No members yet.</Meta> : null}\n      </Card>\n\n      {isAdmin ? (\n        <Card>\n          <SectionTitle level={3}>Add member</SectionTitle>\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/settings/members`}\n            hx-post={`/projects/${project.slug}/settings/members`}\n            hx-target=\"body\"\n          >\n            {csrfField()}\n            <Field label=\"User ID\" name=\"userId\" required placeholder=\"user_...\" />\n            <SelectField\n              label=\"Role\"\n              name=\"role\"\n              options={[\n                { value: \"viewer\", label: \"viewer\" },\n                { value: \"developer\", label: \"developer\" },\n                { value: \"approver\", label: \"approver\" },\n                { value: \"admin\", label: \"admin\" },\n              ]}\n            />\n            <FormActions>\n              <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n                Add member\n              </Button>\n            </FormActions>\n          </form>\n        </Card>\n      ) : null}\n\n      <div class=\"mt-1\">\n        <Card>\n          <SectionTitle level={3}>Identity-provider group mappings</SectionTitle>\n          <Meta>\n            Map an IdP group (name or provider ID, exact match) to a project role. Members sync at\n            next login; removing a mapping revokes synced grants but never manual ones. Wildcards\n            are not expanded.\n          </Meta>\n          <Table>\n            <table>\n              <thead>\n                <tr>\n                  <th>Group</th>\n                  <th>Role</th>\n                  <th>\n                    <span class=\"visually-hidden\">Actions</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {groupMappings.map((mapping): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                  <tr key={mapping.id}>\n                    <td>\n                      <code>{mapping.groupName}</code>\n                    </td>\n                    <td>\n                      <Badge tone={mapping.role === \"admin\" ? \"danger\" : \"info\"}>\n                        {mapping.role}\n                      </Badge>\n                    </td>\n                    <td>\n                      {isAdmin ? (\n                        <form\n                          method=\"post\"\n                          action={`/projects/${project.slug}/settings/members/groups/${mapping.id}/remove`}\n                          hx-post={`/projects/${project.slug}/settings/members/groups/${mapping.id}/remove`}\n                          hx-target=\"body\"\n                          hx-confirm=\"Remove this group mapping?\"\n                        >\n                          {csrfField()}\n                          <Button variant=\"ghost\" type=\"submit\">\n                            Remove\n                          </Button>\n                        </form>\n                      ) : null}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </Table>\n          {groupMappings.length === 0 ? <Meta>No group mappings yet.</Meta> : null}\n        </Card>\n      </div>\n\n      {isAdmin ? (\n        <div class=\"mt-1\">\n          <Card>\n            <SectionTitle level={3}>Add group mapping</SectionTitle>\n            <form\n              method=\"post\"\n              action={`/projects/${project.slug}/settings/members/groups`}\n              hx-post={`/projects/${project.slug}/settings/members/groups`}\n              hx-target=\"body\"\n            >\n              {csrfField()}\n              <Field\n                label=\"Group name or ID (exact match)\"\n                name=\"groupName\"\n                required\n                placeholder=\"team-design\"\n              />\n              <SelectField\n                label=\"Role\"\n                name=\"role\"\n                options={[\n                  { value: \"viewer\", label: \"viewer\" },\n                  { value: \"developer\", label: \"developer\" },\n                  { value: \"approver\", label: \"approver\" },\n                  { value: \"admin\", label: \"admin\" },\n                ]}\n              />\n              <FormActions>\n                <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n                  Add mapping\n                </Button>\n              </FormActions>\n            </form>\n          </Card>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/settings-notifications.mjs

@@ -0,0 +1,240 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+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 { Table } from "../ui/table.mjs";
+import { csrfField } from "../ui/csrf-field.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/settings-notifications.tsx
+/** Notification topic catalog (mirrors the webhook event names). */
+const NOTIFICATION_TOPICS = [
+	{
+		event: "build:created",
+		label: "Build created"
+	},
+	{
+		event: "build:reviewing",
+		label: "Build needs review"
+	},
+	{
+		event: "build:approved",
+		label: "Build approved"
+	},
+	{
+		event: "build:rejected",
+		label: "Build rejected"
+	},
+	{
+		event: "baseline:created",
+		label: "Baseline created"
+	},
+	{
+		event: "baseline:updated",
+		label: "Baseline updated"
+	},
+	{
+		event: "comment:created",
+		label: "Comment posted"
+	}
+];
+/** Whether a topic checkbox renders checked (empty allowlist means all). */
+function topicChecked(events, event) {
+	return events.length === 0 || events.includes(event);
+}
+/** The viewer's own preferences card (visible to every member). */
+const MyNotificationsCard = ({ project, mySubscription }) => {
+	const events = mySubscription?.events ?? [];
+	return /* @__PURE__ */ jsxs(Card, { children: [
+		/* @__PURE__ */ jsx(SectionTitle, { children: "My notifications for this project" }),
+		/* @__PURE__ */ jsx(Meta, { children: "Opt in to email alerts for this project. Leave everything off to stay silent." }),
+		/* @__PURE__ */ jsxs("form", {
+			method: "post",
+			action: `/projects/${project.slug}/settings/notifications/me`,
+			"hx-post": `/projects/${project.slug}/settings/notifications/me`,
+			"hx-target": "body",
+			children: [
+				csrfField(),
+				/* @__PURE__ */ jsx(CheckField, {
+					label: "Email me about this project",
+					name: "enabled",
+					checked: mySubscription?.enabled ?? false
+				}),
+				NOTIFICATION_TOPICS.map((topic) => /* @__PURE__ */ jsx(CheckField, {
+					label: topic.label,
+					name: "events",
+					value: topic.event,
+					checked: topicChecked(events, topic.event)
+				})),
+				/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(Meta, {
+					as: "span",
+					children: "No boxes ticked means all topics."
+				}) }),
+				/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					type: "submit",
+					icon: "check",
+					children: "Save my preferences"
+				}) })
+			]
+		})
+	] });
+};
+/** Human-readable channel target (email address or masked webhook host). */
+function targetOf(channel) {
+	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: [
+	/* @__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: channel.events.length === 0 ? /* @__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", {
+		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?",
+		children: [csrfField(), /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "sm",
+			type: "submit",
+			children: "Delete"
+		})]
+	}) })
+] });
+/** Channel list card (delete action renders for admins only). */
+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(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: /* @__PURE__ */ jsx("span", {
+			class: "visually-hidden",
+			children: "Actions"
+		}) })
+	] }) }), /* @__PURE__ */ jsx("tbody", { children: channels.map((channel) => isAdmin ? /* @__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)) })] }) }),
+	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"
+}), /* @__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: "Provider",
+			name: "provider",
+			options: providers.map((provider) => ({
+				value: provider,
+				label: provider
+			})),
+			hint: formState?.errors?.["provider"]
+		}),
+		/* @__PURE__ */ jsx(Field, {
+			label: "Target",
+			name: "target",
+			type: "text",
+			required: true,
+			placeholder: "team@example.com or https://hooks.slack.com/…",
+			hint: "Email address for email channels, webhook URL otherwise.",
+			error: formState?.errors?.["target"]
+		}),
+		/* @__PURE__ */ jsx(Field, {
+			label: "Events",
+			name: "events",
+			placeholder: "build.reviewing, build.approved",
+			hint: "Comma-separated. Leave blank to receive all events."
+		}),
+		/* @__PURE__ */ jsx(SelectField, {
+			label: "Style",
+			name: "style",
+			options: [{
+				value: "compact",
+				label: "Compact"
+			}, {
+				value: "verbose",
+				label: "Verbose"
+			}]
+		}),
+		/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+			variant: "primary",
+			type: "submit",
+			icon: "plus",
+			children: "Add channel"
+		}) })
+	]
+})] });
+/** Notifications settings tab: channel list, create form, and my preferences. */
+function renderSettingsNotifications(project, channels, providers, mySubscription, isAdmin, formState) {
+	return /* @__PURE__ */ jsxs("div", {
+		class: "grid max-w-form",
+		children: [
+			formState?.globalError ? /* @__PURE__ */ jsx(Alert, {
+				tone: "danger",
+				children: formState.globalError
+			}) : null,
+			/* @__PURE__ */ jsx(MyNotificationsCard, {
+				project,
+				mySubscription
+			}),
+			/* @__PURE__ */ jsx(ChannelsCard, {
+				project,
+				channels,
+				isAdmin
+			}),
+			isAdmin ? /* @__PURE__ */ jsx(CreateChannelCard, {
+				project,
+				providers,
+				formState
+			}) : null
+		]
+	});
+}
+//#endregion
+export { NOTIFICATION_TOPICS, renderSettingsNotifications };
+
+//# sourceMappingURL=settings-notifications.mjs.map

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

@@ -0,0 +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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"}

package/dist/pages/settings-status.mjs

@@ -0,0 +1,137 @@
+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, TextareaField } 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-status.tsx
+function providerOptions(providers) {
+	return providers.map((provider) => ({
+		value: provider.metadata.kind,
+		label: provider.metadata.name
+	}));
+}
+const StatusConfigRow = ({ config, provider, project, isAdmin }) => {
+	const rendered = JSON.stringify(config.config);
+	return /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsx("td", { children: provider?.metadata.name ?? config.provider }),
+		/* @__PURE__ */ jsx("td", {
+			class: "truncate max-w-cell",
+			title: rendered,
+			children: /* @__PURE__ */ jsx("code", { children: rendered })
+		}),
+		/* @__PURE__ */ jsx("td", { children: config.hasToken ? /* @__PURE__ */ jsx(Badge, {
+			tone: "success",
+			children: "configured"
+		}) : /* @__PURE__ */ jsx(Badge, {
+			tone: "danger",
+			children: "missing"
+		}) }),
+		/* @__PURE__ */ jsx("td", { children: new Date(config.createdAt).toLocaleDateString() }),
+		/* @__PURE__ */ jsx("td", { children: isAdmin ? /* @__PURE__ */ jsxs("form", {
+			method: "post",
+			action: `/projects/${project.slug}/settings/status/${config.id}/delete`,
+			"hx-post": `/projects/${project.slug}/settings/status/${config.id}/delete`,
+			"hx-target": "body",
+			"hx-confirm": "Remove this git status config?",
+			children: [csrfField(), /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				type: "submit",
+				children: "Delete"
+			})]
+		}) : null })
+	] }, config.id);
+};
+const StatusCreateCard = ({ project, providers, formState }) => {
+	return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
+		level: 3,
+		children: "Add git provider"
+	}), /* @__PURE__ */ jsxs("form", {
+		method: "post",
+		action: `/projects/${project.slug}/settings/status`,
+		"hx-post": `/projects/${project.slug}/settings/status`,
+		"hx-target": "body",
+		children: [
+			csrfField(),
+			/* @__PURE__ */ jsx(SelectField, {
+				label: "Provider",
+				name: "provider",
+				options: providerOptions(providers),
+				hint: "Integration that posts commit statuses for this project."
+			}),
+			/* @__PURE__ */ jsx(Field, {
+				label: "Token",
+				name: "token",
+				type: "password",
+				required: true,
+				placeholder: "ghp_…",
+				error: formState?.errors?.["token"],
+				hint: "Scoped token for the provider (e.g. a GitHub PAT with repo:status)."
+			}),
+			/* @__PURE__ */ jsx(TextareaField, {
+				label: "Config",
+				name: "config",
+				rows: 6,
+				placeholder: "{\"owner\":\"my-org\",\"repo\":\"my-repo\"}",
+				error: formState?.errors?.["config"],
+				hint: "JSON configuration for the provider. See the provider documentation for its fields."
+			}),
+			/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				type: "submit",
+				icon: "plus",
+				children: "Add git provider"
+			}) })
+		]
+	})] });
+};
+function renderCreateSection(project, providers, formState) {
+	if (providers.length === 0) return /* @__PURE__ */ jsx(Meta, { children: "No git providers registered on this server." });
+	return /* @__PURE__ */ jsx(StatusCreateCard, {
+		project,
+		providers,
+		formState
+	});
+}
+/** Git status settings tab: configured providers plus the add-provider form. */
+function renderSettingsStatus(project, statusConfigs, providers, isAdmin, formState) {
+	const byProvider = new Map(providers.map((provider) => [provider.metadata.kind, provider]));
+	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: "Git status" }),
+				/* @__PURE__ */ jsx(Meta, { children: "Post commit statuses to a git provider so visual tests show up in your PR checks. Status is reported for each configured provider: pending while capturing, success on approval, failure on rejection or capture errors." }),
+				/* @__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: "Config" }),
+					/* @__PURE__ */ jsx("th", { children: "Token" }),
+					/* @__PURE__ */ jsx("th", { children: "Created" }),
+					/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+						class: "visually-hidden",
+						children: "Actions"
+					}) })
+				] }) }), /* @__PURE__ */ jsx("tbody", { children: statusConfigs.map((config) => /* @__PURE__ */ jsx(StatusConfigRow, {
+					config,
+					provider: byProvider.get(config.provider),
+					project,
+					isAdmin
+				}, config.id)) })] }) }),
+				statusConfigs.length === 0 ? /* @__PURE__ */ jsx(Meta, { children: "No git providers configured for this project." }) : null
+			] }),
+			isAdmin ? renderCreateSection(project, providers, formState) : null
+		]
+	});
+}
+//#endregion
+export { renderSettingsStatus };
+
+//# sourceMappingURL=settings-status.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-status.mjs","names":[],"sources":["../../src/pages/settings-status.tsx"],"sourcesContent":["import type { GitHostProvider } from \"@storyshelf/core/adapter/git-host\";\nimport type { Project } from \"@storyshelf/core/schema\";\nimport type { FC } from \"hono/jsx\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  Field,\n  FormActions,\n  Meta,\n  SectionTitle,\n  SelectField,\n  Table,\n  TextareaField,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/** Git status configuration row as rendered in the status settings tab. */\nexport interface SettingsStatusConfig {\n  id: string;\n  provider: string;\n  config: Record<string, unknown>;\n  hasToken: boolean;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/** Form state for the git status settings tab. */\nexport interface StatusFormState {\n  errors?: Record<string, string>;\n  globalError?: string;\n}\n\n/* eslint-disable promise-function-async -- JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\nfunction providerOptions(providers: GitHostProvider[]): { value: string; label: string }[] {\n  return providers.map((provider) => ({\n    value: provider.metadata.kind,\n    label: provider.metadata.name,\n  }));\n}\n\nconst StatusConfigRow: FC<{\n  config: SettingsStatusConfig;\n  provider: GitHostProvider | undefined;\n  project: Project;\n  isAdmin: boolean;\n}> = ({ config, provider, project, isAdmin }) => {\n  const rendered = JSON.stringify(config.config);\n  return (\n    <tr key={config.id}>\n      <td>{provider?.metadata.name ?? config.provider}</td>\n      <td class=\"truncate max-w-cell\" title={rendered}>\n        <code>{rendered}</code>\n      </td>\n      <td>\n        {config.hasToken ? (\n          <Badge tone=\"success\">configured</Badge>\n        ) : (\n          <Badge tone=\"danger\">missing</Badge>\n        )}\n      </td>\n      <td>{new Date(config.createdAt).toLocaleDateString()}</td>\n      <td>\n        {isAdmin ? (\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/settings/status/${config.id}/delete`}\n            hx-post={`/projects/${project.slug}/settings/status/${config.id}/delete`}\n            hx-target=\"body\"\n            hx-confirm=\"Remove this git status config?\"\n          >\n            {csrfField()}\n            <Button variant=\"ghost\" type=\"submit\">\n              Delete\n            </Button>\n          </form>\n        ) : null}\n      </td>\n    </tr>\n  );\n};\n\nconst StatusCreateCard: FC<{\n  project: Project;\n  providers: GitHostProvider[];\n  formState?: StatusFormState;\n}> = ({ project, providers, formState }) => {\n  return (\n    <Card>\n      <SectionTitle level={3}>Add git provider</SectionTitle>\n      <form\n        method=\"post\"\n        action={`/projects/${project.slug}/settings/status`}\n        hx-post={`/projects/${project.slug}/settings/status`}\n        hx-target=\"body\"\n      >\n        {csrfField()}\n        <SelectField\n          label=\"Provider\"\n          name=\"provider\"\n          options={providerOptions(providers)}\n          hint=\"Integration that posts commit statuses for this project.\"\n        />\n        <Field\n          label=\"Token\"\n          name=\"token\"\n          type=\"password\"\n          required\n          placeholder=\"ghp_…\"\n          error={formState?.errors?.[\"token\"]}\n          hint=\"Scoped token for the provider (e.g. a GitHub PAT with repo:status).\"\n        />\n        <TextareaField\n          label=\"Config\"\n          name=\"config\"\n          rows={6}\n          placeholder='{\"owner\":\"my-org\",\"repo\":\"my-repo\"}'\n          error={formState?.errors?.[\"config\"]}\n          hint=\"JSON configuration for the provider. See the provider documentation for its fields.\"\n        />\n        <FormActions>\n          <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n            Add git provider\n          </Button>\n        </FormActions>\n      </form>\n    </Card>\n  );\n};\n\nfunction renderCreateSection(\n  project: Project,\n  providers: GitHostProvider[],\n  formState?: StatusFormState,\n): unknown {\n  if (providers.length === 0) {\n    return <Meta>No git providers registered on this server.</Meta>;\n  }\n  return <StatusCreateCard project={project} providers={providers} formState={formState} />;\n}\n\n/** Git status settings tab: configured providers plus the add-provider form. */\n// eslint-disable-next-line max-params -- matches sibling settings render functions\nexport function renderSettingsStatus(\n  project: Project,\n  statusConfigs: SettingsStatusConfig[],\n  providers: GitHostProvider[],\n  isAdmin: boolean,\n  formState?: StatusFormState,\n): unknown {\n  const byProvider = new Map(providers.map((provider) => [provider.metadata.kind, provider]));\n  return (\n    <div class=\"grid max-w-form\">\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n\n      <Card>\n        <SectionTitle>Git status</SectionTitle>\n        <Meta>\n          Post commit statuses to a git provider so visual tests show up in your PR checks. Status\n          is reported for each configured provider: pending while capturing, success on approval,\n          failure on rejection or capture errors.\n        </Meta>\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Provider</th>\n                <th>Config</th>\n                <th>Token</th>\n                <th>Created</th>\n                <th>\n                  <span class=\"visually-hidden\">Actions</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {statusConfigs.map((config) => (\n                <StatusConfigRow\n                  key={config.id}\n                  config={config}\n                  provider={byProvider.get(config.provider)}\n                  project={project}\n                  isAdmin={isAdmin}\n                />\n              ))}\n            </tbody>\n          </table>\n        </Table>\n        {statusConfigs.length === 0 ? (\n          <Meta>No git providers configured for this project.</Meta>\n        ) : null}\n      </Card>\n\n      {isAdmin ? renderCreateSection(project, providers, formState) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}