@storyshelf/app 0.6.1 → 0.7.0

package/dist/pages/settings-design-credential.mjs

@@ -0,0 +1,99 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Button } from "../ui/buttons.mjs";
+import { Badge, Meta } from "../ui/feedback.mjs";
+import { Field, FormActions } from "../ui/forms.mjs";
+import { Card, SectionTitle } from "../ui/layout.mjs";
+import { csrfField } from "../ui/csrf-field.mjs";
+import { RemoveForm } from "./settings-design-links.mjs";
+import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/settings-design-credential.tsx
+const STATUS_BADGES = {
+	unknown: {
+		tone: "neutral",
+		text: "Not used yet"
+	},
+	ok: {
+		tone: "success",
+		text: "Working"
+	},
+	unauthorized: {
+		tone: "danger",
+		text: "Expired or revoked"
+	},
+	forbidden: {
+		tone: "warning",
+		text: "No access to a linked file"
+	}
+};
+/** Settings card for one provider's project-wide credential (admin only). */
+function CredentialCard(props) {
+	const { base, provider, formState } = props;
+	const action = `${base}/${provider.kind}/token`;
+	return /* @__PURE__ */ jsxs(Card, { children: [
+		/* @__PURE__ */ jsx(SectionTitle, { children: provider.credentialLabel }),
+		/* @__PURE__ */ jsx(Meta, { children: provider.credentialHelp }),
+		provider.credential ? /* @__PURE__ */ jsx(CredentialStatus, {
+			action,
+			provider,
+			credential: provider.credential
+		}) : /* @__PURE__ */ jsx(Meta, { children: "No credential set." }),
+		/* @__PURE__ */ jsx(CredentialForm, {
+			action,
+			provider,
+			error: formState?.errors?.[`token:${provider.kind}`]
+		})
+	] });
+}
+function CredentialStatus(props) {
+	const { action, provider, credential } = props;
+	const badge = STATUS_BADGES[credential.status];
+	const days = credential.daysLeft;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("p", { children: [
+		/* @__PURE__ */ jsx(Badge, {
+			tone: badge.tone,
+			children: badge.text
+		}),
+		" ",
+		days === null ? null : /* @__PURE__ */ jsx(Meta, {
+			as: "span",
+			children: days >= 0 ? `Rotate within ${days} day${days === 1 ? "" : "s"}` : `Past the ${provider.maxAgeDays}-day cap — rotate now`
+		})
+	] }), /* @__PURE__ */ jsx(RemoveForm, {
+		action: `${action}/delete`,
+		confirm: `Remove the ${provider.name} credential?`,
+		label: `Remove ${provider.name} credential`
+	})] });
+}
+function CredentialForm(props) {
+	const { action, provider } = props;
+	const replace = provider.credential !== null;
+	return /* @__PURE__ */ jsxs("form", {
+		method: "post",
+		action,
+		"hx-post": action,
+		"hx-target": "body",
+		children: [
+			csrfField(),
+			/* @__PURE__ */ jsx(Field, {
+				label: replace ? "Replace token" : "Token",
+				name: "token",
+				type: "password",
+				required: true,
+				autocomplete: "off",
+				placeholder: provider.credentialPlaceholder,
+				error: props.error
+			}),
+			/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				type: "submit",
+				children: replace ? "Rotate token" : "Save token"
+			}) })
+		]
+	});
+}
+//#endregion
+export { CredentialCard };
+
+//# sourceMappingURL=settings-design-credential.mjs.map

package/dist/pages/settings-design-credential.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-design-credential.mjs","names":[],"sources":["../../src/pages/settings-design-credential.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport { Badge, Button, Card, Field, FormActions, Meta, SectionTitle } from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\nimport { RemoveForm, type DesignFormState } from \"./settings-design-links.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\ntype Rendered = HtmlEscapedString | Promise<HtmlEscapedString>;\n\n/** Last observed outcome of a design credential. */\nexport type DesignCredentialState = \"unknown\" | \"ok\" | \"unauthorized\" | \"forbidden\";\n\n/** A stored credential as shown to admins: never the value. */\nexport interface SettingsDesignCredential {\n  status: DesignCredentialState;\n  /** Days until the provider's maximum credential age, counted from when it was set or replaced (negative once past); null without a limit. */\n  daysLeft: number | null;\n  checkedAt: string | null;\n}\n\n/** A configured design provider with its (optional) project credential. */\nexport interface SettingsDesignProvider {\n  kind: string;\n  name: string;\n  credentialLabel: string;\n  credentialHelp: string;\n  credentialPlaceholder?: string;\n  urlHint: string;\n  /** Provider's maximum credential lifetime in days, when it has one. */\n  maxAgeDays?: number;\n  credential: SettingsDesignCredential | null;\n}\n\nconst STATUS_BADGES: Record<\n  DesignCredentialState,\n  { tone: \"neutral\" | \"success\" | \"warning\" | \"danger\"; text: string }\n> = {\n  unknown: { tone: \"neutral\", text: \"Not used yet\" },\n  ok: { tone: \"success\", text: \"Working\" },\n  unauthorized: { tone: \"danger\", text: \"Expired or revoked\" },\n  forbidden: { tone: \"warning\", text: \"No access to a linked file\" },\n};\n\n/** Settings card for one provider's project-wide credential (admin only). */\nexport function CredentialCard(props: {\n  base: string;\n  provider: SettingsDesignProvider;\n  formState?: DesignFormState;\n}): Rendered {\n  const { base, provider, formState } = props;\n  const action = `${base}/${provider.kind}/token`;\n  return (\n    <Card>\n      <SectionTitle>{provider.credentialLabel}</SectionTitle>\n      <Meta>{provider.credentialHelp}</Meta>\n      {provider.credential ? (\n        <CredentialStatus action={action} provider={provider} credential={provider.credential} />\n      ) : (\n        <Meta>No credential set.</Meta>\n      )}\n      <CredentialForm\n        action={action}\n        provider={provider}\n        error={formState?.errors?.[`token:${provider.kind}`]}\n      />\n    </Card>\n  );\n}\n\nfunction CredentialStatus(props: {\n  action: string;\n  provider: SettingsDesignProvider;\n  credential: SettingsDesignCredential;\n}): Rendered {\n  const { action, provider, credential } = props;\n  const badge = STATUS_BADGES[credential.status];\n  const days = credential.daysLeft;\n  return (\n    <>\n      <p>\n        <Badge tone={badge.tone}>{badge.text}</Badge>{\" \"}\n        {days === null ? null : (\n          <Meta as=\"span\">\n            {days >= 0\n              ? `Rotate within ${days} day${days === 1 ? \"\" : \"s\"}`\n              : `Past the ${provider.maxAgeDays}-day cap — rotate now`}\n          </Meta>\n        )}\n      </p>\n      <RemoveForm\n        action={`${action}/delete`}\n        confirm={`Remove the ${provider.name} credential?`}\n        label={`Remove ${provider.name} credential`}\n      />\n    </>\n  );\n}\n\nfunction CredentialForm(props: {\n  action: string;\n  provider: SettingsDesignProvider;\n  error?: string;\n}): Rendered {\n  const { action, provider } = props;\n  const replace = provider.credential !== null;\n  return (\n    <form method=\"post\" action={action} hx-post={action} hx-target=\"body\">\n      {csrfField()}\n      <Field\n        label={replace ? \"Replace token\" : \"Token\"}\n        name=\"token\"\n        type=\"password\"\n        required\n        autocomplete=\"off\"\n        placeholder={provider.credentialPlaceholder}\n        error={props.error}\n      />\n      <FormActions>\n        <Button variant=\"primary\" type=\"submit\">\n          {replace ? \"Rotate token\" : \"Save token\"}\n        </Button>\n      </FormActions>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAiCA,MAAM,gBAGF;CACF,SAAS;EAAE,MAAM;EAAW,MAAM;CAAe;CACjD,IAAI;EAAE,MAAM;EAAW,MAAM;CAAU;CACvC,cAAc;EAAE,MAAM;EAAU,MAAM;CAAqB;CAC3D,WAAW;EAAE,MAAM;EAAW,MAAM;CAA6B;AACnE;;AAGA,SAAgB,eAAe,OAIlB;CACX,MAAM,EAAE,MAAM,UAAU,cAAc;CACtC,MAAM,SAAS,GAAG,KAAK,GAAG,SAAS,KAAK;CACxC,OACE,qBAAC,MAAD,EAAA,UAAA;EACE,oBAAC,cAAD,EAAA,UAAe,SAAS,gBAA8B,CAAA;EACtD,oBAAC,MAAD,EAAA,UAAO,SAAS,eAAqB,CAAA;EACpC,SAAS,aACR,oBAAC,kBAAD;GAA0B;GAAkB;GAAU,YAAY,SAAS;EAAa,CAAA,IAExF,oBAAC,MAAD,EAAA,UAAM,qBAAwB,CAAA;EAEhC,oBAAC,gBAAD;GACU;GACE;GACV,OAAO,WAAW,SAAS,SAAS,SAAS;EAC9C,CAAA;CACG,EAAA,CAAA;AAEV;AAEA,SAAS,iBAAiB,OAIb;CACX,MAAM,EAAE,QAAQ,UAAU,eAAe;CACzC,MAAM,QAAQ,cAAc,WAAW;CACvC,MAAM,OAAO,WAAW;CACxB,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,KAAD,EAAA,UAAA;EACE,oBAAC,OAAD;GAAO,MAAM,MAAM;GAAO,UAAA,MAAM;EAAY,CAAA;EAAE;EAC7C,SAAS,OAAO,OACf,oBAAC,MAAD;GAAM,IAAG;GACN,UAAA,QAAQ,IACL,iBAAiB,KAAK,MAAM,SAAS,IAAI,KAAK,QAC9C,YAAY,SAAS,WAAW;EAChC,CAAA;CAEP,EAAA,CAAA,GACH,oBAAC,YAAD;EACE,QAAQ,GAAG,OAAO;EAClB,SAAS,cAAc,SAAS,KAAK;EACrC,OAAO,UAAU,SAAS,KAAK;CAChC,CAAA,CACD,EAAA,CAAA;AAEN;AAEA,SAAS,eAAe,OAIX;CACX,MAAM,EAAE,QAAQ,aAAa;CAC7B,MAAM,UAAU,SAAS,eAAe;CACxC,OACE,qBAAC,QAAD;EAAM,QAAO;EAAe;EAAQ,WAAS;EAAQ,aAAU;EAA/D,UAAA;GACG,UAAU;GACX,oBAAC,OAAD;IACE,OAAO,UAAU,kBAAkB;IACnC,MAAK;IACL,MAAK;IACL,UAAA;IACA,cAAa;IACb,aAAa,SAAS;IACtB,OAAO,MAAM;GACd,CAAA;GACD,oBAAC,aAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,SAAQ;IAAU,MAAK;IAC5B,UAAA,UAAU,iBAAiB;GACtB,CAAA,EACG,CAAA;EACT;;AAEV"}

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

@@ -0,0 +1,179 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Button } from "../ui/buttons.mjs";
+import { Meta } from "../ui/feedback.mjs";
+import { Field, FormActions } 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-design-links.tsx
+function FilesCard(props) {
+	const { base, files, isAdmin, formState, urlHint } = props;
+	return /* @__PURE__ */ jsxs(Card, { children: [
+		/* @__PURE__ */ jsx(SectionTitle, { children: "Design files" }),
+		/* @__PURE__ */ jsx(Meta, { children: "Design files for this project. They appear in the library header; individual stories link to a design through their component (see below) or their story parameters." }),
+		/* @__PURE__ */ jsx(LinkTable, {
+			rows: files.map((file) => ({
+				id: file.id,
+				key: file.label,
+				url: file.url,
+				removeAction: isAdmin ? `${base}/files/${file.id}/delete` : void 0
+			})),
+			keyHeading: "Label",
+			confirm: "Remove this design file?"
+		}),
+		files.length === 0 ? /* @__PURE__ */ jsx(Meta, { children: "No design files linked." }) : null,
+		isAdmin ? /* @__PURE__ */ jsx(AddFileForm, {
+			base,
+			urlHint,
+			error: formState?.errors?.["file"]
+		}) : null
+	] });
+}
+/** Rows of `key → design link` with an optional remove action. */
+function LinkTable(props) {
+	return /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsx("th", { children: props.keyHeading }),
+		/* @__PURE__ */ jsx("th", { children: "Design" }),
+		/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+			class: "visually-hidden",
+			children: "Actions"
+		}) })
+	] }) }), /* @__PURE__ */ jsx("tbody", { children: props.rows.map((row) => /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsx("td", { children: row.key }),
+		/* @__PURE__ */ jsx("td", {
+			class: "truncate max-w-cell",
+			title: row.url,
+			children: /* @__PURE__ */ jsx("a", {
+				href: row.url,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: row.url
+			})
+		}),
+		/* @__PURE__ */ jsx("td", { children: row.removeAction ? /* @__PURE__ */ jsx(RemoveForm, {
+			action: row.removeAction,
+			confirm: props.confirm,
+			label: `Remove ${row.key}`
+		}) : null })
+	] }, row.id)) })] }) });
+}
+function AddFileForm(props) {
+	const action = `${props.base}/files`;
+	return /* @__PURE__ */ jsxs("form", {
+		method: "post",
+		action,
+		"hx-post": action,
+		"hx-target": "body",
+		children: [
+			csrfField(),
+			/* @__PURE__ */ jsxs("div", {
+				class: "grid grid--2",
+				children: [/* @__PURE__ */ jsx(Field, {
+					label: "Label",
+					name: "label",
+					required: true,
+					placeholder: "Design system"
+				}), /* @__PURE__ */ jsx(Field, {
+					label: "Design URL",
+					name: "url",
+					type: "url",
+					required: true,
+					placeholder: props.urlHint,
+					error: props.error
+				})]
+			}),
+			/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				type: "submit",
+				icon: "plus",
+				children: "Add design file"
+			}) })
+		]
+	});
+}
+function ComponentsCard(props) {
+	const { base, components, formState, urlHint } = props;
+	return /* @__PURE__ */ jsxs(Card, { children: [
+		/* @__PURE__ */ jsx(SectionTitle, { children: "Component mapping" }),
+		/* @__PURE__ */ jsxs(Meta, { children: [
+			"Map a story file (its import path) to a design. A manual mapping overrides the story's own ",
+			/* @__PURE__ */ jsx("code", { children: "storyshelf.figma" }),
+			" and ",
+			/* @__PURE__ */ jsx("code", { children: "design" }),
+			" parameters, and survives new builds. Mappings are keyed by the story file path, so update one after a file is renamed or moved."
+		] }),
+		/* @__PURE__ */ jsx(LinkTable, {
+			rows: components.map((component) => ({
+				id: component.id,
+				key: component.importPath,
+				url: component.url,
+				removeAction: `${base}/components/${component.id}/delete`
+			})),
+			keyHeading: "Story file",
+			confirm: "Remove this mapping?"
+		}),
+		components.length === 0 ? /* @__PURE__ */ jsx(Meta, { children: "No component mappings." }) : null,
+		/* @__PURE__ */ jsx(MapComponentForm, {
+			base,
+			urlHint,
+			error: formState?.errors?.["component"]
+		})
+	] });
+}
+function MapComponentForm(props) {
+	const action = `${props.base}/components`;
+	return /* @__PURE__ */ jsxs("form", {
+		method: "post",
+		action,
+		"hx-post": action,
+		"hx-target": "body",
+		children: [
+			csrfField(),
+			/* @__PURE__ */ jsxs("div", {
+				class: "grid grid--2",
+				children: [/* @__PURE__ */ jsx(Field, {
+					label: "Story file",
+					name: "importPath",
+					required: true,
+					placeholder: "./src/Button.stories.tsx"
+				}), /* @__PURE__ */ jsx(Field, {
+					label: "Design URL",
+					name: "url",
+					type: "url",
+					required: true,
+					placeholder: props.urlHint,
+					error: props.error
+				})]
+			}),
+			/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				type: "submit",
+				icon: "plus",
+				children: "Map component"
+			}) })
+		]
+	});
+}
+function RemoveForm(props) {
+	return /* @__PURE__ */ jsxs("form", {
+		method: "post",
+		action: props.action,
+		"hx-post": props.action,
+		"hx-target": "body",
+		"hx-confirm": props.confirm,
+		children: [csrfField(), /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "sm",
+			type: "submit",
+			"aria-label": props.label,
+			children: "Remove"
+		})]
+	});
+}
+//#endregion
+export { ComponentsCard, FilesCard, RemoveForm };
+
+//# sourceMappingURL=settings-design-links.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-design-links.mjs","names":[],"sources":["../../src/pages/settings-design-links.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport { Button, Card, Field, FormActions, Meta, SectionTitle, Table } 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\ntype Rendered = HtmlEscapedString | Promise<HtmlEscapedString>;\n\n/** Field-level and page-level errors of the Design settings forms. */\nexport type DesignFormState = { errors?: Record<string, string>; globalError?: string };\n\n/** A project-level design file link (shown in the library header). */\nexport interface SettingsDesignFile {\n  id: string;\n  label: string;\n  url: string;\n}\n\n/** A manual `import_path → URL` component mapping. */\nexport interface SettingsDesignComponent {\n  id: string;\n  importPath: string;\n  url: string;\n}\n\nexport function FilesCard(props: {\n  base: string;\n  files: SettingsDesignFile[];\n  isAdmin: boolean;\n  formState?: DesignFormState;\n  urlHint: string;\n}): Rendered {\n  const { base, files, isAdmin, formState, urlHint } = props;\n  return (\n    <Card>\n      <SectionTitle>Design files</SectionTitle>\n      <Meta>\n        Design files for this project. They appear in the library header; individual stories link to\n        a design through their component (see below) or their story parameters.\n      </Meta>\n      <LinkTable\n        rows={files.map((file) => ({\n          id: file.id,\n          key: file.label,\n          url: file.url,\n          removeAction: isAdmin ? `${base}/files/${file.id}/delete` : undefined,\n        }))}\n        keyHeading=\"Label\"\n        confirm=\"Remove this design file?\"\n      />\n      {files.length === 0 ? <Meta>No design files linked.</Meta> : null}\n      {isAdmin ? (\n        <AddFileForm base={base} urlHint={urlHint} error={formState?.errors?.[\"file\"]} />\n      ) : null}\n    </Card>\n  );\n}\n\n/** Rows of `key → design link` with an optional remove action. */\nfunction LinkTable(props: {\n  rows: { id: string; key: string; url: string; removeAction?: string }[];\n  keyHeading: string;\n  confirm: string;\n}): Rendered {\n  return (\n    <Table>\n      <table>\n        <thead>\n          <tr>\n            <th>{props.keyHeading}</th>\n            <th>Design</th>\n            <th>\n              <span class=\"visually-hidden\">Actions</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {props.rows.map((row): Rendered => (\n            <tr key={row.id}>\n              <td>{row.key}</td>\n              <td class=\"truncate max-w-cell\" title={row.url}>\n                <a href={row.url} target=\"_blank\" rel=\"noopener noreferrer\">\n                  {row.url}\n                </a>\n              </td>\n              <td>\n                {row.removeAction ? (\n                  <RemoveForm\n                    action={row.removeAction}\n                    confirm={props.confirm}\n                    label={`Remove ${row.key}`}\n                  />\n                ) : null}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </Table>\n  );\n}\n\nfunction AddFileForm(props: { base: string; urlHint: string; error?: string }): Rendered {\n  const action = `${props.base}/files`;\n  return (\n    <form method=\"post\" action={action} hx-post={action} hx-target=\"body\">\n      {csrfField()}\n      <div class=\"grid grid--2\">\n        <Field label=\"Label\" name=\"label\" required placeholder=\"Design system\" />\n        <Field\n          label=\"Design URL\"\n          name=\"url\"\n          type=\"url\"\n          required\n          placeholder={props.urlHint}\n          error={props.error}\n        />\n      </div>\n      <FormActions>\n        <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n          Add design file\n        </Button>\n      </FormActions>\n    </form>\n  );\n}\n\nexport function ComponentsCard(props: {\n  base: string;\n  components: SettingsDesignComponent[];\n  formState?: DesignFormState;\n  urlHint: string;\n}): Rendered {\n  const { base, components, formState, urlHint } = props;\n  return (\n    <Card>\n      <SectionTitle>Component mapping</SectionTitle>\n      <Meta>\n        Map a story file (its import path) to a design. A manual mapping overrides the story&apos;s\n        own <code>storyshelf.figma</code> and <code>design</code> parameters, and survives new\n        builds. Mappings are keyed by the story file path, so update one after a file is renamed or\n        moved.\n      </Meta>\n      <LinkTable\n        rows={components.map((component) => ({\n          id: component.id,\n          key: component.importPath,\n          url: component.url,\n          removeAction: `${base}/components/${component.id}/delete`,\n        }))}\n        keyHeading=\"Story file\"\n        confirm=\"Remove this mapping?\"\n      />\n      {components.length === 0 ? <Meta>No component mappings.</Meta> : null}\n      <MapComponentForm base={base} urlHint={urlHint} error={formState?.errors?.[\"component\"]} />\n    </Card>\n  );\n}\n\nfunction MapComponentForm(props: { base: string; urlHint: string; error?: string }): Rendered {\n  const action = `${props.base}/components`;\n  return (\n    <form method=\"post\" action={action} hx-post={action} hx-target=\"body\">\n      {csrfField()}\n      <div class=\"grid grid--2\">\n        <Field\n          label=\"Story file\"\n          name=\"importPath\"\n          required\n          placeholder=\"./src/Button.stories.tsx\"\n        />\n        <Field\n          label=\"Design URL\"\n          name=\"url\"\n          type=\"url\"\n          required\n          placeholder={props.urlHint}\n          error={props.error}\n        />\n      </div>\n      <FormActions>\n        <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n          Map component\n        </Button>\n      </FormActions>\n    </form>\n  );\n}\n\nexport function RemoveForm(props: { action: string; confirm: string; label: string }): Rendered {\n  return (\n    <form\n      method=\"post\"\n      action={props.action}\n      hx-post={props.action}\n      hx-target=\"body\"\n      hx-confirm={props.confirm}\n    >\n      {csrfField()}\n      <Button variant=\"ghost\" size=\"sm\" type=\"submit\" aria-label={props.label}>\n        Remove\n      </Button>\n    </form>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/settings-design.mjs

@@ -0,0 +1,48 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Alert, EmptyState } from "../ui/feedback.mjs";
+import { ComponentsCard, FilesCard } from "./settings-design-links.mjs";
+import { CredentialCard } from "./settings-design-credential.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/settings-design.tsx
+/** Design settings tab: project file links, component mapping and provider credentials (admin-only parts gated). */
+function renderSettingsDesign(project, design, isAdmin, formState) {
+	const base = `/projects/${project.slug}/settings/design`;
+	const urlHint = design.providers.map((provider) => provider.urlHint).join(" or ");
+	if (design.providers.length === 0) return /* @__PURE__ */ jsx(EmptyState, {
+		title: "No design provider configured",
+		description: "Add a design provider (for example @storyshelf/design-figma) to createShelfApp({ design: [...] }) to link components to design files."
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		class: "grid max-w-form",
+		children: [
+			formState?.globalError ? /* @__PURE__ */ jsx(Alert, {
+				tone: "danger",
+				children: formState.globalError
+			}) : null,
+			/* @__PURE__ */ jsx(FilesCard, {
+				base,
+				files: design.files,
+				isAdmin,
+				formState,
+				urlHint
+			}),
+			isAdmin ? /* @__PURE__ */ jsx(ComponentsCard, {
+				base,
+				components: design.components,
+				formState,
+				urlHint
+			}) : null,
+			isAdmin ? design.providers.map((provider) => /* @__PURE__ */ jsx(CredentialCard, {
+				base,
+				provider,
+				formState
+			}, provider.kind)) : null
+		]
+	});
+}
+//#endregion
+export { renderSettingsDesign };
+
+//# sourceMappingURL=settings-design.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-design.mjs","names":[],"sources":["../../src/pages/settings-design.tsx"],"sourcesContent":["import type { Project } from \"@storyshelf/core/schema\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { Alert, EmptyState } from \"../ui/components.tsx\";\nimport { CredentialCard, type SettingsDesignProvider } from \"./settings-design-credential.tsx\";\nimport {\n  ComponentsCard,\n  FilesCard,\n  type DesignFormState,\n  type SettingsDesignComponent,\n  type SettingsDesignFile,\n} from \"./settings-design-links.tsx\";\n\nexport type { SettingsDesignComponent, SettingsDesignFile } from \"./settings-design-links.tsx\";\nexport type {\n  DesignCredentialState,\n  SettingsDesignCredential,\n  SettingsDesignProvider,\n} from \"./settings-design-credential.tsx\";\n\n/** Data behind the Design settings tab. */\nexport interface SettingsDesignData {\n  files: SettingsDesignFile[];\n  components: SettingsDesignComponent[];\n  /** Configured design providers; empty when the server wires none. */\n  providers: SettingsDesignProvider[];\n}\n\n/** Design settings tab: project file links, component mapping and provider credentials (admin-only parts gated). */\nexport function renderSettingsDesign(\n  project: Project,\n  design: SettingsDesignData,\n  isAdmin: boolean,\n  formState?: DesignFormState,\n): unknown {\n  const base = `/projects/${project.slug}/settings/design`;\n  const urlHint = design.providers.map((provider) => provider.urlHint).join(\" or \");\n  if (design.providers.length === 0) {\n    return (\n      <EmptyState\n        title=\"No design provider configured\"\n        description=\"Add a design provider (for example @storyshelf/design-figma) to createShelfApp({ design: [...] }) to link components to design files.\"\n      />\n    );\n  }\n  return (\n    <div class=\"grid max-w-form\">\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n      <FilesCard\n        base={base}\n        files={design.files}\n        isAdmin={isAdmin}\n        formState={formState}\n        urlHint={urlHint}\n      />\n      {isAdmin ? (\n        <ComponentsCard\n          base={base}\n          components={design.components}\n          formState={formState}\n          urlHint={urlHint}\n        />\n      ) : null}\n      {isAdmin\n        ? design.providers.map((provider): HtmlEscapedString | Promise<HtmlEscapedString> => (\n            <CredentialCard\n              key={provider.kind}\n              base={base}\n              provider={provider}\n              formState={formState}\n            />\n          ))\n        : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,qBACd,SACA,QACA,SACA,WACS;CACT,MAAM,OAAO,aAAa,QAAQ,KAAK;CACvC,MAAM,UAAU,OAAO,UAAU,KAAK,aAAa,SAAS,OAAO,CAAC,CAAC,KAAK,MAAM;CAChF,IAAI,OAAO,UAAU,WAAW,GAC9B,OACE,oBAAC,YAAD;EACE,OAAM;EACN,aAAY;CACb,CAAA;CAGL,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA;GACG,WAAW,cAAc,oBAAC,OAAD;IAAO,MAAK;IAAU,UAAA,UAAU;GAAmB,CAAA,IAAI;GACjF,oBAAC,WAAD;IACQ;IACN,OAAO,OAAO;IACL;IACE;IACF;GACV,CAAA;GACA,UACC,oBAAC,gBAAD;IACQ;IACN,YAAY,OAAO;IACR;IACF;GACV,CAAA,IACC;GACH,UACG,OAAO,UAAU,KAAK,aACpB,oBAAC,gBAAD;IAEQ;IACI;IACC;GACZ,GAJM,SAAS,IAIf,CACF,IACD;EACD;;AAET"}

package/dist/pages/settings-general.mjs

@@ -3,15 +3,18 @@ import "node:url";
 import.meta.url;
 import { Button } from "../ui/buttons.mjs";
 import { Alert, Meta } from "../ui/feedback.mjs";
-import { Field, FormActions, SelectField } from "../ui/forms.mjs";
+import { CheckField, Field, FormActions, SelectField } from "../ui/forms.mjs";
 import { Card, SectionTitle } from "../ui/layout.mjs";
 import { csrfField } from "../ui/csrf-field.mjs";
+import { targetChoices } from "./target-choices.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+import { isCaptureTarget } from "@storyshelf/core/adapter/capture-runner";
 //#region src/pages/settings-general.tsx
 /** General settings tab: project metadata, diff thresholds, and danger zone. */
-function renderSettingsGeneral(project, formState, isAdmin) {
+function renderSettingsGeneral(project, formState, isAdmin, offered) {
 	const errors = formState?.errors ?? {};
 	const browser = project.browser ?? "chromium";
+	const targets = targetChoices(offered, isCaptureTarget(browser) ? [browser] : []);
 	return /* @__PURE__ */ jsxs("div", {
 		class: "grid max-w-form",
 		children: [
@@ -71,25 +74,8 @@ function renderSettingsGeneral(project, formState, isAdmin) {
 						name: "browser",
 						value: browser,
 						disabled: !isAdmin,
-						options: [
-							{
-								value: "chromium",
-								label: "Chromium (default)"
-							},
-							{
-								value: "firefox",
-								label: "Firefox"
-							},
-							{
-								value: "webkit",
-								label: "WebKit (Safari engine)"
-							},
-							{
-								value: "chrome",
-								label: "Chrome (Chromium engine)"
-							}
-						],
-						hint: "Rendering engine for captures. Baselines track the browser, so switching starts a fresh baseline. Firefox and WebKit need Playwright system dependencies installed on the server."
+						options: targets.choices,
+						hint: `Where captures render. Baselines are kept per target, so switching starts a fresh baseline for the new one.${targets.unavailable.length > 0 ? ` Not selectable on this server: ${targets.unavailable.join("; ")}.` : ""}`
 					}),
 					/* @__PURE__ */ jsx(Field, {
 						label: "Public branch regex",
@@ -106,6 +92,45 @@ function renderSettingsGeneral(project, formState, isAdmin) {
 					}) }) : /* @__PURE__ */ jsx(Meta, { children: "You need admin access to edit settings." })
 				]
 			})] }),
+			/* @__PURE__ */ jsxs(Card, { children: [
+				/* @__PURE__ */ jsx(SectionTitle, { children: "Review" }),
+				/* @__PURE__ */ jsx(Meta, { children: "Comments on builds and stories, and a build-level verdict from approvers and admins. The default branch is never held for review." }),
+				/* @__PURE__ */ jsxs("form", {
+					method: "post",
+					action: `/projects/${project.slug}/settings/review`,
+					"hx-post": `/projects/${project.slug}/settings/review`,
+					"hx-target": "body",
+					"hx-swap": "outerHTML",
+					children: [
+						csrfField(),
+						/* @__PURE__ */ jsx(CheckField, {
+							label: "Review builds before they are accepted",
+							name: "reviewEnabled",
+							value: "true",
+							checked: project.reviewEnabled !== false,
+							disabled: !isAdmin,
+							hint: "With review off, comments and verdicts are hidden, not deleted, and the project's builds waiting for a verdict are accepted when you save."
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Approvals required",
+							name: "reviewApprovals",
+							type: "number",
+							step: "1",
+							min: "1",
+							max: "20",
+							value: String(project.reviewApprovals ?? 1),
+							error: errors["reviewApprovals"],
+							hint: "Approvals a build needs when screenshots are not captured. A rejection always rejects the build."
+						}),
+						isAdmin ? /* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							type: "submit",
+							icon: "check",
+							children: "Save review settings"
+						}) }) : null
+					]
+				})
+			] }),
 			isAdmin ? /* @__PURE__ */ jsxs(Card, {
 				tone: "danger",
 				children: [

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

@@ -1 +1 @@
-{"version":3,"file":"settings-general.mjs","names":[],"sources":["../../src/pages/settings-general.tsx"],"sourcesContent":["import type { Project } from \"@storyshelf/core/schema\";\nimport {\n  Alert,\n  Button,\n  Card,\n  Field,\n  FormActions,\n  Meta,\n  SectionTitle,\n  SelectField,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/** Form state for the settings tabs (field errors and global error). */\nexport interface SettingsFormState {\n  errors?: Record<string, string>;\n  globalError?: string;\n}\n\n/** General settings tab: project metadata, diff thresholds, and danger zone. */\nexport function renderSettingsGeneral(\n  project: Project,\n  formState: SettingsFormState | undefined,\n  isAdmin: boolean,\n): unknown {\n  const errors = formState?.errors ?? {};\n  const browser = project.browser ?? \"chromium\";\n  return (\n    <div class=\"grid max-w-form\">\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n      <Card>\n        <SectionTitle>General</SectionTitle>\n        <form\n          method=\"post\"\n          action={`/projects/${project.slug}/settings`}\n          hx-post={`/projects/${project.slug}/settings`}\n          hx-target=\"body\"\n          hx-swap=\"outerHTML\"\n        >\n          {csrfField()}\n          <Field label=\"Name\" name=\"name\" value={project.name} error={errors[\"name\"]} />\n          <Field\n            label=\"Git repository\"\n            name=\"gitRepository\"\n            value={project.gitRepository ?? \"\"}\n            placeholder=\"owner/repo\"\n          />\n          <Field label=\"Default branch\" name=\"gitDefaultBranch\" value={project.gitDefaultBranch} />\n          <div class=\"grid grid--2\">\n            <Field\n              label=\"Pixel threshold\"\n              name=\"pixelThreshold\"\n              type=\"number\"\n              step=\"0.01\"\n              min=\"0\"\n              max=\"1\"\n              value={String(project.pixelThreshold)}\n              hint=\"Per-pixel color distance 0–1\"\n            />\n            <Field\n              label=\"Max diff ratio\"\n              name=\"maxDiffRatio\"\n              type=\"number\"\n              step=\"0.001\"\n              min=\"0\"\n              max=\"1\"\n              value={String(project.maxDiffRatio)}\n              hint=\"Allowed diff ratio 0–1\"\n            />\n          </div>\n          <SelectField\n            label=\"Capture browser\"\n            name=\"browser\"\n            value={browser}\n            disabled={!isAdmin}\n            options={[\n              { value: \"chromium\", label: \"Chromium (default)\" },\n              { value: \"firefox\", label: \"Firefox\" },\n              { value: \"webkit\", label: \"WebKit (Safari engine)\" },\n              { value: \"chrome\", label: \"Chrome (Chromium engine)\" },\n            ]}\n            hint=\"Rendering engine for captures. Baselines track the browser, so switching starts a fresh baseline. Firefox and WebKit need Playwright system dependencies installed on the server.\"\n          />\n          <Field\n            label=\"Public branch regex\"\n            name=\"publicBranchRegex\"\n            value={project.publicBranchRegex ?? \"\"}\n            placeholder=\"^main$\"\n            hint=\"Branches matching this regex are publicly viewable.\"\n          />\n          {isAdmin ? (\n            <FormActions>\n              <Button variant=\"primary\" type=\"submit\" icon=\"check\">\n                Save changes\n              </Button>\n            </FormActions>\n          ) : (\n            <Meta>You need admin access to edit settings.</Meta>\n          )}\n        </form>\n      </Card>\n\n      {isAdmin ? (\n        <Card tone=\"danger\">\n          <SectionTitle level={3} tone=\"danger\">\n            Danger zone\n          </SectionTitle>\n          <Meta>\n            Deleting a project removes all builds, snapshots, baselines and tokens. This cannot be\n            undone.\n          </Meta>\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/delete`}\n            hx-post={`/projects/${project.slug}/delete`}\n            hx-target=\"body\"\n            hx-confirm=\"Delete this project? This cannot be undone.\"\n          >\n            <Button variant=\"danger\" type=\"submit\">\n              Delete project\n            </Button>\n          </form>\n        </Card>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,sBACd,SACA,WACA,SACS;CACT,MAAM,SAAS,WAAW,UAAU,CAAC;CACrC,MAAM,UAAU,QAAQ,WAAW;CACnC,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,CACE,oBAAC,cAAD,EAAA,UAAc,UAAqB,CAAA,GACnC,qBAAC,QAAD;IACE,QAAO;IACP,QAAQ,aAAa,QAAQ,KAAK;IAClC,WAAS,aAAa,QAAQ,KAAK;IACnC,aAAU;IACV,WAAQ;IALV,UAAA;KAOG,UAAU;KACX,oBAAC,OAAD;MAAO,OAAM;MAAO,MAAK;MAAO,OAAO,QAAQ;MAAM,OAAO,OAAO;KAAU,CAAA;KAC7E,oBAAC,OAAD;MACE,OAAM;MACN,MAAK;MACL,OAAO,QAAQ,iBAAiB;MAChC,aAAY;KACb,CAAA;KACD,oBAAC,OAAD;MAAO,OAAM;MAAiB,MAAK;MAAmB,OAAO,QAAQ;KAAmB,CAAA;KACxF,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,MAAK;OACL,MAAK;OACL,KAAI;OACJ,KAAI;OACJ,OAAO,OAAO,QAAQ,cAAc;OACpC,MAAK;MACN,CAAA,GACD,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,MAAK;OACL,MAAK;OACL,KAAI;OACJ,KAAI;OACJ,OAAO,OAAO,QAAQ,YAAY;OAClC,MAAK;MACN,CAAA,CACE;;KACL,oBAAC,aAAD;MACE,OAAM;MACN,MAAK;MACL,OAAO;MACP,UAAU,CAAC;MACX,SAAS;OACP;QAAE,OAAO;QAAY,OAAO;OAAqB;OACjD;QAAE,OAAO;QAAW,OAAO;OAAU;OACrC;QAAE,OAAO;QAAU,OAAO;OAAyB;OACnD;QAAE,OAAO;QAAU,OAAO;OAA2B;MACvD;MACA,MAAK;KACN,CAAA;KACD,oBAAC,OAAD;MACE,OAAM;MACN,MAAK;MACL,OAAO,QAAQ,qBAAqB;MACpC,aAAY;MACZ,MAAK;KACN,CAAA;KACA,UACC,oBAAC,aAAD,EAAA,UACE,oBAAC,QAAD;MAAQ,SAAQ;MAAU,MAAK;MAAS,MAAK;MAAQ,UAAA;KAE7C,CAAA,EACG,CAAA,IAEb,oBAAC,MAAD,EAAA,UAAM,0CAA6C,CAAA;IAEjD;GACF,CAAA,CAAA,EAAA,CAAA;GAEL,UACC,qBAAC,MAAD;IAAM,MAAK;IAAX,UAAA;KACE,oBAAC,cAAD;MAAc,OAAO;MAAG,MAAK;MAAS,UAAA;KAExB,CAAA;KACd,oBAAC,MAAD,EAAA,UAAM,iGAGA,CAAA;KACN,oBAAC,QAAD;MACE,QAAO;MACP,QAAQ,aAAa,QAAQ,KAAK;MAClC,WAAS,aAAa,QAAQ,KAAK;MACnC,aAAU;MACV,cAAW;MAEX,UAAA,oBAAC,QAAD;OAAQ,SAAQ;OAAS,MAAK;OAAS,UAAA;MAE/B,CAAA;KACJ,CAAA;IACF;GACJ,CAAA,IAAA;EACD;;AAET"}
+{"version":3,"file":"settings-general.mjs","names":[],"sources":["../../src/pages/settings-general.tsx"],"sourcesContent":["import { isCaptureTarget, type RunnerTarget } from \"@storyshelf/core/adapter/capture-runner\";\nimport type { Project } from \"@storyshelf/core/schema\";\nimport {\n  Alert,\n  Button,\n  Card,\n  CheckField,\n  Field,\n  FormActions,\n  Meta,\n  SectionTitle,\n  SelectField,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\nimport { targetChoices } from \"./target-choices.ts\";\n\n/** Form state for the settings tabs (field errors and global error). */\nexport interface SettingsFormState {\n  errors?: Record<string, string>;\n  globalError?: string;\n}\n\n/** General settings tab: project metadata, diff thresholds, and danger zone. */\nexport function renderSettingsGeneral(\n  project: Project,\n  formState: SettingsFormState | undefined,\n  isAdmin: boolean,\n  /** What the runner offers; omitted when it publishes no list. */\n  offered?: readonly RunnerTarget[],\n): unknown {\n  const errors = formState?.errors ?? {};\n  const browser = project.browser ?? \"chromium\";\n  const targets = targetChoices(offered, isCaptureTarget(browser) ? [browser] : []);\n  return (\n    <div class=\"grid max-w-form\">\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n      <Card>\n        <SectionTitle>General</SectionTitle>\n        <form\n          method=\"post\"\n          action={`/projects/${project.slug}/settings`}\n          hx-post={`/projects/${project.slug}/settings`}\n          hx-target=\"body\"\n          hx-swap=\"outerHTML\"\n        >\n          {csrfField()}\n          <Field label=\"Name\" name=\"name\" value={project.name} error={errors[\"name\"]} />\n          <Field\n            label=\"Git repository\"\n            name=\"gitRepository\"\n            value={project.gitRepository ?? \"\"}\n            placeholder=\"owner/repo\"\n          />\n          <Field label=\"Default branch\" name=\"gitDefaultBranch\" value={project.gitDefaultBranch} />\n          <div class=\"grid grid--2\">\n            <Field\n              label=\"Pixel threshold\"\n              name=\"pixelThreshold\"\n              type=\"number\"\n              step=\"0.01\"\n              min=\"0\"\n              max=\"1\"\n              value={String(project.pixelThreshold)}\n              hint=\"Per-pixel color distance 0–1\"\n            />\n            <Field\n              label=\"Max diff ratio\"\n              name=\"maxDiffRatio\"\n              type=\"number\"\n              step=\"0.001\"\n              min=\"0\"\n              max=\"1\"\n              value={String(project.maxDiffRatio)}\n              hint=\"Allowed diff ratio 0–1\"\n            />\n          </div>\n          <SelectField\n            label=\"Capture browser\"\n            name=\"browser\"\n            value={browser}\n            disabled={!isAdmin}\n            options={targets.choices}\n            hint={`Where captures render. Baselines are kept per target, so switching starts a fresh baseline for the new one.${\n              targets.unavailable.length > 0\n                ? ` Not selectable on this server: ${targets.unavailable.join(\"; \")}.`\n                : \"\"\n            }`}\n          />\n          <Field\n            label=\"Public branch regex\"\n            name=\"publicBranchRegex\"\n            value={project.publicBranchRegex ?? \"\"}\n            placeholder=\"^main$\"\n            hint=\"Branches matching this regex are publicly viewable.\"\n          />\n          {isAdmin ? (\n            <FormActions>\n              <Button variant=\"primary\" type=\"submit\" icon=\"check\">\n                Save changes\n              </Button>\n            </FormActions>\n          ) : (\n            <Meta>You need admin access to edit settings.</Meta>\n          )}\n        </form>\n      </Card>\n\n      <Card>\n        <SectionTitle>Review</SectionTitle>\n        <Meta>\n          Comments on builds and stories, and a build-level verdict from approvers and admins. The\n          default branch is never held for review.\n        </Meta>\n        <form\n          method=\"post\"\n          action={`/projects/${project.slug}/settings/review`}\n          hx-post={`/projects/${project.slug}/settings/review`}\n          hx-target=\"body\"\n          hx-swap=\"outerHTML\"\n        >\n          {csrfField()}\n          <CheckField\n            label=\"Review builds before they are accepted\"\n            name=\"reviewEnabled\"\n            value=\"true\"\n            checked={project.reviewEnabled !== false}\n            disabled={!isAdmin}\n            hint=\"With review off, comments and verdicts are hidden, not deleted, and the project's builds waiting for a verdict are accepted when you save.\"\n          />\n          <Field\n            label=\"Approvals required\"\n            name=\"reviewApprovals\"\n            type=\"number\"\n            step=\"1\"\n            min=\"1\"\n            max=\"20\"\n            value={String(project.reviewApprovals ?? 1)}\n            error={errors[\"reviewApprovals\"]}\n            hint=\"Approvals a build needs when screenshots are not captured. A rejection always rejects the build.\"\n          />\n          {isAdmin ? (\n            <FormActions>\n              <Button variant=\"primary\" type=\"submit\" icon=\"check\">\n                Save review settings\n              </Button>\n            </FormActions>\n          ) : null}\n        </form>\n      </Card>\n\n      {isAdmin ? (\n        <Card tone=\"danger\">\n          <SectionTitle level={3} tone=\"danger\">\n            Danger zone\n          </SectionTitle>\n          <Meta>\n            Deleting a project removes all builds, snapshots, baselines and tokens. This cannot be\n            undone.\n          </Meta>\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/delete`}\n            hx-post={`/projects/${project.slug}/delete`}\n            hx-target=\"body\"\n            hx-confirm=\"Delete this project? This cannot be undone.\"\n          >\n            <Button variant=\"danger\" type=\"submit\">\n              Delete project\n            </Button>\n          </form>\n        </Card>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/settings-labels.mjs

@@ -11,6 +11,7 @@ import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 //#region src/pages/settings-labels.tsx
 /** Labels settings tab: label-type table plus the create-type form. */
 function renderSettingsLabels(project, labelTypes, isAdmin, formState) {
+	const editing = isAdmin ? labelTypes.find((item) => item.key === formState?.editKey) : void 0;
 	return /* @__PURE__ */ jsxs("div", {
 		class: "grid max-w-form",
 		children: [
@@ -39,7 +40,13 @@ function renderSettingsLabels(project, labelTypes, isAdmin, formState) {
 						class: "truncate max-w-cell",
 						children: labelType.linkTemplate ?? "—"
 					}),
-					/* @__PURE__ */ jsx("td", { children: isAdmin && labelType.key !== "persistent" && labelType.key !== "branch" ? /* @__PURE__ */ jsxs("form", {
+					/* @__PURE__ */ jsxs("td", { children: [isAdmin && labelType.key !== "persistent" ? /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						href: `/projects/${project.slug}/settings/labels?edit=${labelType.key}`,
+						"aria-label": `Edit ${labelType.key}`,
+						children: "Edit"
+					}) : null, isAdmin && labelType.key !== "persistent" && labelType.key !== "branch" ? /* @__PURE__ */ jsxs("form", {
 						method: "post",
 						action: `/projects/${project.slug}/settings/labels/${labelType.key}/delete`,
 						"hx-post": `/projects/${project.slug}/settings/labels/${labelType.key}/delete`,
@@ -54,10 +61,44 @@ function renderSettingsLabels(project, labelTypes, isAdmin, formState) {
 					}) : /* @__PURE__ */ jsx(Meta, {
 						as: "span",
 						children: "built-in"
-					}) })
+					})] })
 				] }, labelType.id)) })] }) }),
 				labelTypes.length === 0 ? /* @__PURE__ */ jsx(Meta, { children: "No label types configured." }) : null
 			] }),
+			editing ? /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(SectionTitle, {
+				level: 3,
+				children: ["Edit label type: ", editing.key]
+			}), /* @__PURE__ */ jsxs("form", {
+				method: "post",
+				action: `/projects/${project.slug}/settings/labels/${editing.key}`,
+				"hx-post": `/projects/${project.slug}/settings/labels/${editing.key}`,
+				"hx-target": "body",
+				children: [
+					csrfField(),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Name",
+						name: "labelName",
+						required: true,
+						value: editing.name
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Link template",
+						name: "linkTemplate",
+						value: editing.linkTemplate ?? "",
+						placeholder: "https://jira.example.com/browse/{value}",
+						hint: "Placeholders: {value}, {repo}, {branch}. Leave empty for no link."
+					}),
+					/* @__PURE__ */ jsxs(FormActions, { children: [/* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						type: "submit",
+						children: "Save label type"
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						href: `/projects/${project.slug}/settings/labels`,
+						children: "Cancel"
+					})] })
+				]
+			})] }) : null,
 			isAdmin ? /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
 				level: 3,
 				children: "Create label type"

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

@@ -1 +1 @@
-{"version":3,"file":"settings-labels.mjs","names":[],"sources":["../../src/pages/settings-labels.tsx"],"sourcesContent":["import type { LabelType } from \"@storyshelf/core/schema\";\nimport 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  Table,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/** Labels settings tab: label-type table plus the create-type form. */\nexport function renderSettingsLabels(\n  project: Project,\n  labelTypes: LabelType[],\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>Label types</SectionTitle>\n        <Meta>\n          Labels attach typed values to builds (e.g. pr=123, jira=ABC-123). Values link out via the\n          template.\n        </Meta>\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Key</th>\n                <th>Name</th>\n                <th>Template</th>\n                <th>\n                  <span class=\"visually-hidden\">Actions</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {labelTypes.map((labelType): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={labelType.id}>\n                  <td>\n                    <Badge tone=\"neutral\">{labelType.key}</Badge>\n                  </td>\n                  <td>{labelType.name}</td>\n                  <td class=\"truncate max-w-cell\">{labelType.linkTemplate ?? \"—\"}</td>\n                  <td>\n                    {isAdmin && labelType.key !== \"persistent\" && labelType.key !== \"branch\" ? (\n                      <form\n                        method=\"post\"\n                        action={`/projects/${project.slug}/settings/labels/${labelType.key}/delete`}\n                        hx-post={`/projects/${project.slug}/settings/labels/${labelType.key}/delete`}\n                        hx-target=\"body\"\n                        hx-confirm=\"Delete this label type?\"\n                      >\n                        {csrfField()}\n                        <Button\n                          variant=\"ghost\"\n                          type=\"submit\"\n                          aria-label={`Delete ${labelType.key}`}\n                        >\n                          Delete\n                        </Button>\n                      </form>\n                    ) : (\n                      <Meta as=\"span\">built-in</Meta>\n                    )}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </Table>\n        {labelTypes.length === 0 ? <Meta>No label types configured.</Meta> : null}\n      </Card>\n\n      {isAdmin ? (\n        <Card>\n          <SectionTitle level={3}>Create label type</SectionTitle>\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/settings/labels`}\n            hx-post={`/projects/${project.slug}/settings/labels`}\n            hx-target=\"body\"\n          >\n            {csrfField()}\n            <div class=\"grid grid--2\">\n              <Field\n                label=\"Key\"\n                name=\"key\"\n                required\n                placeholder=\"jira\"\n                pattern=\"^[a-z0-9_-]+$\"\n                hint=\"Lowercase, no spaces.\"\n              />\n              <Field label=\"Name\" name=\"labelName\" required placeholder=\"Jira issue\" />\n            </div>\n            <Field\n              label=\"Link template\"\n              name=\"linkTemplate\"\n              placeholder=\"https://jira.example.com/browse/{value}\"\n              hint=\"Use {value} placeholder. Optional.\"\n            />\n            <FormActions>\n              <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n                Add label type\n              </Button>\n            </FormActions>\n          </form>\n        </Card>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,SAAgB,qBACd,SACA,YACA,SACA,WACS;CACT,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA;GACG,WAAW,cAAc,oBAAC,OAAD;IAAO,MAAK;IAAU,UAAA,UAAU;GAAmB,CAAA,IAAI;GACjF,qBAAC,MAAD,EAAA,UAAA;IACE,oBAAC,cAAD,EAAA,UAAc,cAAyB,CAAA;IACvC,oBAAC,MAAD,EAAA,UAAM,sGAGA,CAAA;IACN,oBAAC,OAAD,EAAA,UACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UACE,qBAAC,MAAD,EAAA,UAAA;KACE,oBAAC,MAAD,EAAA,UAAI,MAAO,CAAA;KACX,oBAAC,MAAD,EAAA,UAAI,OAAQ,CAAA;KACZ,oBAAC,MAAD,EAAA,UAAI,WAAY,CAAA;KAChB,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD;MAAM,OAAM;MAAkB,UAAA;KAAa,CAAA,EACzC,CAAA;IACF,EAAA,CAAA,EACC,CAAA,GACP,oBAAC,SAAD,EAAA,UACG,WAAW,KAAK,cACf,qBAAC,MAAD,EAAA,UAAA;KACE,oBAAC,MAAD,EAAA,UACE,oBAAC,OAAD;MAAO,MAAK;MAAW,UAAA,UAAU;KAAW,CAAA,EAC1C,CAAA;KACJ,oBAAC,MAAD,EAAA,UAAK,UAAU,KAAS,CAAA;KACxB,oBAAC,MAAD;MAAI,OAAM;MAAuB,UAAA,UAAU,gBAAgB;KAAQ,CAAA;KACnE,oBAAC,MAAD,EAAA,UACG,WAAW,UAAU,QAAQ,gBAAgB,UAAU,QAAQ,WAC9D,qBAAC,QAAD;MACE,QAAO;MACP,QAAQ,aAAa,QAAQ,KAAK,mBAAmB,UAAU,IAAI;MACnE,WAAS,aAAa,QAAQ,KAAK,mBAAmB,UAAU,IAAI;MACpE,aAAU;MACV,cAAW;MALb,UAAA,CAOG,UAAU,GACX,oBAAC,QAAD;OACE,SAAQ;OACR,MAAK;OACL,cAAY,UAAU,UAAU;OACjC,UAAA;MAEO,CAAA,CACJ;KAEN,CAAA,IAAA,oBAAC,MAAD;MAAM,IAAG;MAAO,UAAA;KAAc,CAAA,EAE9B,CAAA;IACF,EAAA,GA5BK,UAAU,EA4Bf,CACL,EACI,CAAA,CACF,EAAA,CAAA,EACF,CAAA;IACN,WAAW,WAAW,IAAI,oBAAC,MAAD,EAAA,UAAM,6BAAgC,CAAA,IAAI;GACjE,EAAA,CAAA;GAEL,UACC,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,cAAD;IAAc,OAAO;IAAG,UAAA;GAA+B,CAAA,GACvD,qBAAC,QAAD;IACE,QAAO;IACP,QAAQ,aAAa,QAAQ,KAAK;IAClC,WAAS,aAAa,QAAQ,KAAK;IACnC,aAAU;IAJZ,UAAA;KAMG,UAAU;KACX,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,UAAA;OACA,aAAY;OACZ,SAAQ;OACR,MAAK;MACN,CAAA,GACD,oBAAC,OAAD;OAAO,OAAM;OAAO,MAAK;OAAY,UAAA;OAAS,aAAY;MAAc,CAAA,CACrE;;KACL,oBAAC,OAAD;MACE,OAAM;MACN,MAAK;MACL,aAAY;MACZ,MAAK;KACN,CAAA;KACD,oBAAC,aAAD,EAAA,UACE,oBAAC,QAAD;MAAQ,SAAQ;MAAU,MAAK;MAAS,MAAK;MAAO,UAAA;KAE5C,CAAA,EACG,CAAA;IACT;GACF,CAAA,CAAA,EAAA,CAAA,IACJ;EACD;;AAET"}
+{"version":3,"file":"settings-labels.mjs","names":[],"sources":["../../src/pages/settings-labels.tsx"],"sourcesContent":["import type { LabelType } from \"@storyshelf/core/schema\";\nimport 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  Table,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\n\n/** Labels settings tab: label-type table plus the create-type form. */\nexport function renderSettingsLabels(\n  project: Project,\n  labelTypes: LabelType[],\n  isAdmin: boolean,\n  formState?: { globalError?: string; editKey?: string },\n): unknown {\n  const editing = isAdmin ? labelTypes.find((item) => item.key === formState?.editKey) : undefined;\n  return (\n    <div class=\"grid max-w-form\">\n      {formState?.globalError ? <Alert tone=\"danger\">{formState.globalError}</Alert> : null}\n      <Card>\n        <SectionTitle>Label types</SectionTitle>\n        <Meta>\n          Labels attach typed values to builds (e.g. pr=123, jira=ABC-123). Values link out via the\n          template.\n        </Meta>\n        <Table>\n          <table>\n            <thead>\n              <tr>\n                <th>Key</th>\n                <th>Name</th>\n                <th>Template</th>\n                <th>\n                  <span class=\"visually-hidden\">Actions</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {labelTypes.map((labelType): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                <tr key={labelType.id}>\n                  <td>\n                    <Badge tone=\"neutral\">{labelType.key}</Badge>\n                  </td>\n                  <td>{labelType.name}</td>\n                  <td class=\"truncate max-w-cell\">{labelType.linkTemplate ?? \"—\"}</td>\n                  <td>\n                    {isAdmin && labelType.key !== \"persistent\" ? (\n                      <Button\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        href={`/projects/${project.slug}/settings/labels?edit=${labelType.key}`}\n                        aria-label={`Edit ${labelType.key}`}\n                      >\n                        Edit\n                      </Button>\n                    ) : null}\n                    {isAdmin && labelType.key !== \"persistent\" && labelType.key !== \"branch\" ? (\n                      <form\n                        method=\"post\"\n                        action={`/projects/${project.slug}/settings/labels/${labelType.key}/delete`}\n                        hx-post={`/projects/${project.slug}/settings/labels/${labelType.key}/delete`}\n                        hx-target=\"body\"\n                        hx-confirm=\"Delete this label type?\"\n                      >\n                        {csrfField()}\n                        <Button\n                          variant=\"ghost\"\n                          type=\"submit\"\n                          aria-label={`Delete ${labelType.key}`}\n                        >\n                          Delete\n                        </Button>\n                      </form>\n                    ) : (\n                      <Meta as=\"span\">built-in</Meta>\n                    )}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </Table>\n        {labelTypes.length === 0 ? <Meta>No label types configured.</Meta> : null}\n      </Card>\n\n      {editing ? (\n        <Card>\n          <SectionTitle level={3}>Edit label type: {editing.key}</SectionTitle>\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/settings/labels/${editing.key}`}\n            hx-post={`/projects/${project.slug}/settings/labels/${editing.key}`}\n            hx-target=\"body\"\n          >\n            {csrfField()}\n            <Field label=\"Name\" name=\"labelName\" required value={editing.name} />\n            <Field\n              label=\"Link template\"\n              name=\"linkTemplate\"\n              value={editing.linkTemplate ?? \"\"}\n              placeholder=\"https://jira.example.com/browse/{value}\"\n              hint=\"Placeholders: {value}, {repo}, {branch}. Leave empty for no link.\"\n            />\n            <FormActions>\n              <Button variant=\"primary\" type=\"submit\">\n                Save label type\n              </Button>\n              <Button variant=\"ghost\" href={`/projects/${project.slug}/settings/labels`}>\n                Cancel\n              </Button>\n            </FormActions>\n          </form>\n        </Card>\n      ) : null}\n\n      {isAdmin ? (\n        <Card>\n          <SectionTitle level={3}>Create label type</SectionTitle>\n          <form\n            method=\"post\"\n            action={`/projects/${project.slug}/settings/labels`}\n            hx-post={`/projects/${project.slug}/settings/labels`}\n            hx-target=\"body\"\n          >\n            {csrfField()}\n            <div class=\"grid grid--2\">\n              <Field\n                label=\"Key\"\n                name=\"key\"\n                required\n                placeholder=\"jira\"\n                pattern=\"^[a-z0-9_-]+$\"\n                hint=\"Lowercase, no spaces.\"\n              />\n              <Field label=\"Name\" name=\"labelName\" required placeholder=\"Jira issue\" />\n            </div>\n            <Field\n              label=\"Link template\"\n              name=\"linkTemplate\"\n              placeholder=\"https://jira.example.com/browse/{value}\"\n              hint=\"Use {value} placeholder. Optional.\"\n            />\n            <FormActions>\n              <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n                Add label type\n              </Button>\n            </FormActions>\n          </form>\n        </Card>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}