@storyshelf/app 0.5.3

package/dist/pages/projects.mjs

@@ -0,0 +1,129 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { getStore } from "../store.mjs";
+import { css } from "../ui/css.mjs";
+import { Button } from "../ui/buttons.mjs";
+import { EmptyState, Meta } from "../ui/feedback.mjs";
+import { Card, PageHeader } from "../ui/layout.mjs";
+import { HStack, VStack } from "../ui/stacks.mjs";
+import { CodeBlock } from "../ui/code-block.mjs";
+import { FilterInput } from "../ui/filter-input.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { ProjectCard } from "./projects-card.mjs";
+import { BuildModel, ProjectModel, SnapshotModel } from "@storyshelf/core/models";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+import { createUrlBuilder } from "@storyshelf/core/urls";
+//#region src/pages/projects.tsx
+const projectGrid = css`
+  /* project-grid */
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
+  gap: var(--space-4);
+`;
+const setupSummary = css`
+  /* setup-summary */
+  cursor: pointer;
+  font-weight: 650;
+  font-size: var(--text-lg);
+  letter-spacing: -0.01em;
+`;
+/** Latest build, a few previews, and the review backlog for one project. */
+async function summarize(project) {
+	const { db } = getStore();
+	const [latest] = await new BuildModel(db).list(project.id);
+	if (!latest) return {
+		project,
+		latest: null,
+		previews: [],
+		pending: 0
+	};
+	const snapshots = await new SnapshotModel(db).listByBuild(latest.id);
+	const pending = snapshots.filter((snap) => snap.status === "new" || snap.status === "changed");
+	return {
+		project,
+		latest,
+		previews: (pending.length > 0 ? pending : snapshots).slice(0, 3),
+		pending: pending.length
+	};
+}
+/** Copy-ready steps to get a first build uploaded. */
+function SetupGuide({ open }) {
+	return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs("details", {
+		open,
+		children: [/* @__PURE__ */ jsx("summary", {
+			class: setupSummary,
+			children: "Set up your first upload"
+		}), /* @__PURE__ */ jsxs(VStack, { children: [
+			/* @__PURE__ */ jsx(Meta, { children: "1. Create a project (writes .storybook/storyshelf.json for later runs)." }),
+			/* @__PURE__ */ jsx(CodeBlock, { code: "npx storyshelf create --url http://localhost:3000 --name \"My Storybook\" --token $STORYSHELF_ADMIN_TOKEN" }),
+			/* @__PURE__ */ jsxs(Meta, { children: [
+				"2. Generate a token in ",
+				/* @__PURE__ */ jsx("strong", { children: "Settings → Tokens" }),
+				" and set it in CI."
+			] }),
+			/* @__PURE__ */ jsx(CodeBlock, { code: "export STORYSHELF_TOKEN=<your token>" }),
+			/* @__PURE__ */ jsx(Meta, { children: "3. Upload your built Storybook." }),
+			/* @__PURE__ */ jsx(CodeBlock, { code: "npx storyshelf upload" })
+		] })]
+	}) });
+}
+/** Projects overview: searchable project cards with review state, plus setup help. */
+async function renderProjectsPage() {
+	const { db, user, config } = getStore();
+	const urls = createUrlBuilder("/", config.publishedBaseDomain);
+	const projects = await new ProjectModel(db).list();
+	const summaries = await Promise.all(projects.map((project) => summarize(project)));
+	const newProject = !user || user.role === "admin" || user.role === "member" ? /* @__PURE__ */ jsx(Button, {
+		variant: "primary",
+		icon: "plus",
+		href: urls.projectsNew(),
+		children: "New project"
+	}) : null;
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: "Projects",
+		nav: { active: "projects" },
+		children: [/* @__PURE__ */ jsx(PageHeader, {
+			title: "Projects",
+			description: "Each project is one Storybook. Create a project, then upload builds from CI.",
+			actions: newProject
+		}), /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			children: [
+				projects.length > 1 ? /* @__PURE__ */ jsx(HStack, { children: /* @__PURE__ */ jsx(FilterInput, {
+					label: "Filter projects",
+					placeholder: "Filter projects…"
+				}) }) : null,
+				projects.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+					title: "No projects yet",
+					description: "Create your first project to start visual testing. Projects are free and unlimited.",
+					action: newProject
+				}) : /* @__PURE__ */ jsxs("div", {
+					class: projectGrid,
+					"data-filter-scope": true,
+					children: [summaries.map((summary) => /* @__PURE__ */ jsx(ProjectCard, {
+						summary,
+						urls: {
+							library: urls.library(summary.project.slug),
+							settings: urls.settings(summary.project.slug),
+							storybook: urls.short(summary.project.slug),
+							review: summary.latest ? urls.buildDiff(summary.project.slug, summary.latest.id) : urls.library(summary.project.slug)
+						}
+					}, summary.project.id)), /* @__PURE__ */ jsx("div", {
+						"data-filter-empty": true,
+						hidden: true,
+						children: /* @__PURE__ */ jsx(Meta, {
+							center: true,
+							children: "No projects match your filter."
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsx(SetupGuide, { open: projects.length === 0 })
+			]
+		})]
+	});
+}
+//#endregion
+export { renderProjectsPage };
+
+//# sourceMappingURL=projects.mjs.map

package/dist/pages/projects.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects.mjs","names":[],"sources":["../../src/pages/projects.tsx"],"sourcesContent":["import { BuildModel, ProjectModel, SnapshotModel } from \"@storyshelf/core/models\";\nimport type { Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\nimport { getStore } from \"../store.ts\";\nimport {\n  Button,\n  Card,\n  CodeBlock,\n  EmptyState,\n  FilterInput,\n  HStack,\n  Meta,\n  PageHeader,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { css } from \"../ui/css.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { ProjectCard, type ProjectSummary } from \"./projects-card.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\nconst projectGrid = css`\n  /* project-grid */\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));\n  gap: var(--space-4);\n`;\n\nconst setupSummary = css`\n  /* setup-summary */\n  cursor: pointer;\n  font-weight: 650;\n  font-size: var(--text-lg);\n  letter-spacing: -0.01em;\n`;\n\n/** Latest build, a few previews, and the review backlog for one project. */\nasync function summarize(project: Project): Promise<ProjectSummary> {\n  const { db } = getStore();\n  const [latest] = await new BuildModel(db).list(project.id);\n  if (!latest) {\n    return { project, latest: null, previews: [], pending: 0 };\n  }\n  const snapshots = await new SnapshotModel(db).listByBuild(latest.id);\n  const pending = snapshots.filter((snap) => snap.status === \"new\" || snap.status === \"changed\");\n  const preferred = pending.length > 0 ? pending : snapshots;\n  return { project, latest, previews: preferred.slice(0, 3), pending: pending.length };\n}\n\n/** Copy-ready steps to get a first build uploaded. */\nfunction SetupGuide({ open }: { open: boolean }): ReturnType<typeof Card> {\n  return (\n    <Card>\n      <details open={open}>\n        <summary class={setupSummary}>Set up your first upload</summary>\n        <VStack>\n          <Meta>1. Create a project (writes .storybook/storyshelf.json for later runs).</Meta>\n          <CodeBlock code='npx storyshelf create --url http://localhost:3000 --name \"My Storybook\" --token $STORYSHELF_ADMIN_TOKEN' />\n          <Meta>\n            2. Generate a token in <strong>Settings → Tokens</strong> and set it in CI.\n          </Meta>\n          <CodeBlock code=\"export STORYSHELF_TOKEN=<your token>\" />\n          <Meta>3. Upload your built Storybook.</Meta>\n          <CodeBlock code=\"npx storyshelf upload\" />\n        </VStack>\n      </details>\n    </Card>\n  );\n}\n\n/** Projects overview: searchable project cards with review state, plus setup help. */\nexport async function renderProjectsPage(): Promise<RenderedContent> {\n  const { db, user, config } = getStore();\n  const urls = createUrlBuilder(\"/\", config.publishedBaseDomain);\n  const projects = await new ProjectModel(db).list();\n  const summaries = await Promise.all(projects.map((project) => summarize(project)));\n  const canCreate = !user || user.role === \"admin\" || user.role === \"member\";\n  const newProject = canCreate ? (\n    <Button variant=\"primary\" icon=\"plus\" href={urls.projectsNew()}>\n      New project\n    </Button>\n  ) : null;\n\n  return (\n    <DocumentLayout title=\"Projects\" nav={{ active: \"projects\" }}>\n      <PageHeader\n        title=\"Projects\"\n        description=\"Each project is one Storybook. Create a project, then upload builds from CI.\"\n        actions={newProject}\n      />\n      <VStack gap=\"lg\">\n        {projects.length > 1 ? (\n          <HStack>\n            <FilterInput label=\"Filter projects\" placeholder=\"Filter projects…\" />\n          </HStack>\n        ) : null}\n        {projects.length === 0 ? (\n          <EmptyState\n            title=\"No projects yet\"\n            description=\"Create your first project to start visual testing. Projects are free and unlimited.\"\n            action={newProject}\n          />\n        ) : (\n          <div class={projectGrid} data-filter-scope>\n            {summaries.map((summary) => (\n              <ProjectCard\n                key={summary.project.id}\n                summary={summary}\n                urls={{\n                  library: urls.library(summary.project.slug),\n                  settings: urls.settings(summary.project.slug),\n                  storybook: urls.short(summary.project.slug),\n                  review: summary.latest\n                    ? urls.buildDiff(summary.project.slug, summary.latest.id)\n                    : urls.library(summary.project.slug),\n                }}\n              />\n            ))}\n            <div data-filter-empty hidden>\n              <Meta center>No projects match your filter.</Meta>\n            </div>\n          </div>\n        )}\n        <SetupGuide open={projects.length === 0} />\n      </VStack>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/root.mjs

@@ -0,0 +1,98 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { css } from "../ui/css.mjs";
+import { Button } from "../ui/buttons.mjs";
+import { Meta } from "../ui/feedback.mjs";
+import { Card, SectionTitle } from "../ui/layout.mjs";
+import { HStack, VStack } from "../ui/stacks.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/root.tsx
+/** Landing hero card: card surface with centered marketing padding. */
+const heroCard = css`
+  /* hero-card */
+  background: var(--surface-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+  padding: 2rem 1.5rem;
+  text-align: center;
+`;
+/** Landing hero title. Centering comes from the card. */
+const heroTitle = css`
+  /* hero-title */
+  margin: 0 0 0.4rem;
+  font-size: 1.9rem;
+  letter-spacing: -0.02em;
+`;
+/** Landing hero description. Centering comes from the card. */
+const heroDesc = css`
+  /* hero-desc */
+  color: var(--text-secondary);
+  max-width: 60ch;
+  margin: 0 auto 1rem;
+`;
+/** Landing page introducing capture, diff, and review. */
+function renderRootPage() {
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: "Welcome",
+		nav: { active: "projects" },
+		children: [/* @__PURE__ */ jsxs("div", {
+			class: heroCard,
+			children: [
+				/* @__PURE__ */ jsx("h1", {
+					class: heroTitle,
+					children: "Welcome to StoryShelf"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					class: heroDesc,
+					children: "Self-hosted visual testing for Storybook. Capture every story, diff against baselines, and review changes before they ship."
+				}),
+				/* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsxs(HStack, {
+					justify: "center",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						href: "/projects",
+						children: "View projects"
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						href: "/projects/new",
+						children: "Create project"
+					})]
+				}), /* @__PURE__ */ jsxs(Meta, { children: [
+					"Tip: use",
+					" ",
+					/* @__PURE__ */ jsx("code", { children: "npx storyshelf create --url <url> --name <name> --token $STORYSHELF_ADMIN_TOKEN" }),
+					" ",
+					"to create a project and token for CI, or ",
+					/* @__PURE__ */ jsx("code", { children: "npx storyshelf init" }),
+					" to write",
+					" ",
+					/* @__PURE__ */ jsx("code", { children: ".storybook/storyshelf.json" }),
+					"."
+				] })] })
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			class: "grid grid--3 mt-1",
+			children: [
+				/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
+					level: 3,
+					children: "Capture"
+				}), /* @__PURE__ */ jsx(Meta, { children: "Upload your Storybook build. Server renders stories with Playwright — deterministic, no repo cloning." })] }),
+				/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
+					level: 3,
+					children: "Diff"
+				}), /* @__PURE__ */ jsx(Meta, { children: "Pixel-perfect diff with pixelmatch. Configurable thresholds, overlay images stored on disk." })] }),
+				/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
+					level: 3,
+					children: "Review"
+				}), /* @__PURE__ */ jsx(Meta, { children: "Per-branch baselines with fallback to default. Approve changes per-story or bulk." })] })
+			]
+		})]
+	});
+}
+//#endregion
+export { renderRootPage };
+
+//# sourceMappingURL=root.mjs.map

package/dist/pages/root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.mjs","names":[],"sources":["../../src/pages/root.tsx"],"sourcesContent":["import { Button, Card, HStack, Meta, SectionTitle, VStack } from \"../ui/components.tsx\";\nimport { css } from \"../ui/css.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\n/** Landing hero card: card surface with centered marketing padding. */\nconst heroCard = css`\n  /* hero-card */\n  background: var(--surface-card);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow);\n  padding: 2rem 1.5rem;\n  text-align: center;\n`;\n\n/** Landing hero title. Centering comes from the card. */\nconst heroTitle = css`\n  /* hero-title */\n  margin: 0 0 0.4rem;\n  font-size: 1.9rem;\n  letter-spacing: -0.02em;\n`;\n\n/** Landing hero description. Centering comes from the card. */\nconst heroDesc = css`\n  /* hero-desc */\n  color: var(--text-secondary);\n  max-width: 60ch;\n  margin: 0 auto 1rem;\n`;\n\n/** Landing page introducing capture, diff, and review. */\nexport function renderRootPage(): RenderedContent {\n  return (\n    <DocumentLayout title=\"Welcome\" nav={{ active: \"projects\" }}>\n      <div class={heroCard}>\n        <h1 class={heroTitle}>Welcome to StoryShelf</h1>\n        <p class={heroDesc}>\n          Self-hosted visual testing for Storybook. Capture every story, diff against baselines, and\n          review changes before they ship.\n        </p>\n        <VStack>\n          <HStack justify=\"center\">\n            <Button variant=\"primary\" href=\"/projects\">\n              View projects\n            </Button>\n            <Button variant=\"secondary\" href=\"/projects/new\">\n              Create project\n            </Button>\n          </HStack>\n          <Meta>\n            Tip: use{\" \"}\n            <code>\n              npx storyshelf create --url &lt;url&gt; --name &lt;name&gt; --token\n              $STORYSHELF_ADMIN_TOKEN\n            </code>{\" \"}\n            to create a project and token for CI, or <code>npx storyshelf init</code> to write{\" \"}\n            <code>.storybook/storyshelf.json</code>.\n          </Meta>\n        </VStack>\n      </div>\n\n      <div class=\"grid grid--3 mt-1\">\n        <Card>\n          <SectionTitle level={3}>Capture</SectionTitle>\n          <Meta>\n            Upload your Storybook build. Server renders stories with Playwright — deterministic, no\n            repo cloning.\n          </Meta>\n        </Card>\n        <Card>\n          <SectionTitle level={3}>Diff</SectionTitle>\n          <Meta>\n            Pixel-perfect diff with pixelmatch. Configurable thresholds, overlay images stored on\n            disk.\n          </Meta>\n        </Card>\n        <Card>\n          <SectionTitle level={3}>Review</SectionTitle>\n          <Meta>\n            Per-branch baselines with fallback to default. Approve changes per-story or bulk.\n          </Meta>\n        </Card>\n      </div>\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAKA,MAAM,WAAW,GAAG;;;;;;;;;;AAWpB,MAAM,YAAY,GAAG;;;;;;;AAQrB,MAAM,WAAW,GAAG;;;;;;;AAQpB,SAAgB,iBAAkC;CAChD,OACE,qBAAC,gBAAD;EAAgB,OAAM;EAAU,KAAK,EAAE,QAAQ,WAAW;EAA1D,UAAA,CACE,qBAAC,OAAD;GAAK,OAAO;GAAZ,UAAA;IACE,oBAAC,MAAD;KAAI,OAAO;KAAW,UAAA;IAAyB,CAAA;IAC/C,oBAAC,KAAD;KAAG,OAAO;KAAU,UAAA;IAGjB,CAAA;IACH,qBAAC,QAAD,EAAA,UAAA,CACE,qBAAC,QAAD;KAAQ,SAAQ;KAAhB,UAAA,CACE,oBAAC,QAAD;MAAQ,SAAQ;MAAU,MAAK;MAAY,UAAA;KAEnC,CAAA,GACR,oBAAC,QAAD;MAAQ,SAAQ;MAAY,MAAK;MAAgB,UAAA;KAEzC,CAAA,CACF;IACR,CAAA,GAAA,qBAAC,MAAD,EAAA,UAAA;KAAM;KACK;KACT,oBAAC,QAAD,EAAA,UAAM,kFAGA,CAAA;KAAE;KAAI;KAC6B,oBAAC,QAAD,EAAA,UAAM,sBAAyB,CAAA;KAAC;KAAU;KACnF,oBAAC,QAAD,EAAA,UAAM,6BAAgC,CAAA;KAAC;IACnC,EAAA,CAAA,CACA,EAAA,CAAA;GACL;EAEL,CAAA,GAAA,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA;IACE,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,cAAD;KAAc,OAAO;KAAG,UAAA;IAAqB,CAAA,GAC7C,oBAAC,MAAD,EAAA,UAAM,wGAGA,CAAA,CACF,EAAA,CAAA;IACN,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,cAAD;KAAc,OAAO;KAAG,UAAA;IAAkB,CAAA,GAC1C,oBAAC,MAAD,EAAA,UAAM,8FAGA,CAAA,CACF,EAAA,CAAA;IACN,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,cAAD;KAAc,OAAO;KAAG,UAAA;IAAoB,CAAA,GAC5C,oBAAC,MAAD,EAAA,UAAM,oFAEA,CAAA,CACF,EAAA,CAAA;GACH;EACS,CAAA,CAAA;;AAEpB"}

package/dist/pages/settings-general.mjs

@@ -0,0 +1,138 @@
+import "node:path";
+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 { Card, SectionTitle } from "../ui/layout.mjs";
+import { csrfField } from "../ui/csrf-field.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/settings-general.tsx
+/** General settings tab: project metadata, diff thresholds, and danger zone. */
+function renderSettingsGeneral(project, formState, isAdmin) {
+	const errors = formState?.errors ?? {};
+	const browser = project.browser ?? "chromium";
+	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: "General" }), /* @__PURE__ */ jsxs("form", {
+				method: "post",
+				action: `/projects/${project.slug}/settings`,
+				"hx-post": `/projects/${project.slug}/settings`,
+				"hx-target": "body",
+				"hx-swap": "outerHTML",
+				children: [
+					csrfField(),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Name",
+						name: "name",
+						value: project.name,
+						error: errors["name"]
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Git repository",
+						name: "gitRepository",
+						value: project.gitRepository ?? "",
+						placeholder: "owner/repo"
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Default branch",
+						name: "gitDefaultBranch",
+						value: project.gitDefaultBranch
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						class: "grid grid--2",
+						children: [/* @__PURE__ */ jsx(Field, {
+							label: "Pixel threshold",
+							name: "pixelThreshold",
+							type: "number",
+							step: "0.01",
+							min: "0",
+							max: "1",
+							value: String(project.pixelThreshold),
+							hint: "Per-pixel color distance 0–1"
+						}), /* @__PURE__ */ jsx(Field, {
+							label: "Max diff ratio",
+							name: "maxDiffRatio",
+							type: "number",
+							step: "0.001",
+							min: "0",
+							max: "1",
+							value: String(project.maxDiffRatio),
+							hint: "Allowed diff ratio 0–1"
+						})]
+					}),
+					/* @__PURE__ */ jsx(SelectField, {
+						label: "Capture browser",
+						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."
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Public branch regex",
+						name: "publicBranchRegex",
+						value: project.publicBranchRegex ?? "",
+						placeholder: "^main$",
+						hint: "Branches matching this regex are publicly viewable."
+					}),
+					isAdmin ? /* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						type: "submit",
+						icon: "check",
+						children: "Save changes"
+					}) }) : /* @__PURE__ */ jsx(Meta, { children: "You need admin access to edit settings." })
+				]
+			})] }),
+			isAdmin ? /* @__PURE__ */ jsxs(Card, {
+				tone: "danger",
+				children: [
+					/* @__PURE__ */ jsx(SectionTitle, {
+						level: 3,
+						tone: "danger",
+						children: "Danger zone"
+					}),
+					/* @__PURE__ */ jsx(Meta, { children: "Deleting a project removes all builds, snapshots, baselines and tokens. This cannot be undone." }),
+					/* @__PURE__ */ jsx("form", {
+						method: "post",
+						action: `/projects/${project.slug}/delete`,
+						"hx-post": `/projects/${project.slug}/delete`,
+						"hx-target": "body",
+						"hx-confirm": "Delete this project? This cannot be undone.",
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "danger",
+							type: "submit",
+							children: "Delete project"
+						})
+					})
+				]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { renderSettingsGeneral };
+
+//# sourceMappingURL=settings-general.mjs.map

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

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

package/dist/pages/settings-labels.mjs

@@ -0,0 +1,107 @@
+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 } 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-labels.tsx
+/** Labels settings tab: label-type table plus the create-type form. */
+function renderSettingsLabels(project, labelTypes, 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: "Label types" }),
+				/* @__PURE__ */ jsx(Meta, { children: "Labels attach typed values to builds (e.g. pr=123, jira=ABC-123). Values link out via the template." }),
+				/* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx("th", { children: "Key" }),
+					/* @__PURE__ */ jsx("th", { children: "Name" }),
+					/* @__PURE__ */ jsx("th", { children: "Template" }),
+					/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+						class: "visually-hidden",
+						children: "Actions"
+					}) })
+				] }) }), /* @__PURE__ */ jsx("tbody", { children: labelTypes.map((labelType) => /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
+						tone: "neutral",
+						children: labelType.key
+					}) }),
+					/* @__PURE__ */ jsx("td", { children: labelType.name }),
+					/* @__PURE__ */ jsx("td", {
+						class: "truncate max-w-cell",
+						children: labelType.linkTemplate ?? "—"
+					}),
+					/* @__PURE__ */ jsx("td", { children: 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`,
+						"hx-target": "body",
+						"hx-confirm": "Delete this label type?",
+						children: [csrfField(), /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							type: "submit",
+							"aria-label": `Delete ${labelType.key}`,
+							children: "Delete"
+						})]
+					}) : /* @__PURE__ */ jsx(Meta, {
+						as: "span",
+						children: "built-in"
+					}) })
+				] }, labelType.id)) })] }) }),
+				labelTypes.length === 0 ? /* @__PURE__ */ jsx(Meta, { children: "No label types configured." }) : null
+			] }),
+			isAdmin ? /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(SectionTitle, {
+				level: 3,
+				children: "Create label type"
+			}), /* @__PURE__ */ jsxs("form", {
+				method: "post",
+				action: `/projects/${project.slug}/settings/labels`,
+				"hx-post": `/projects/${project.slug}/settings/labels`,
+				"hx-target": "body",
+				children: [
+					csrfField(),
+					/* @__PURE__ */ jsxs("div", {
+						class: "grid grid--2",
+						children: [/* @__PURE__ */ jsx(Field, {
+							label: "Key",
+							name: "key",
+							required: true,
+							placeholder: "jira",
+							pattern: "^[a-z0-9_-]+$",
+							hint: "Lowercase, no spaces."
+						}), /* @__PURE__ */ jsx(Field, {
+							label: "Name",
+							name: "labelName",
+							required: true,
+							placeholder: "Jira issue"
+						})]
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Link template",
+						name: "linkTemplate",
+						placeholder: "https://jira.example.com/browse/{value}",
+						hint: "Use {value} placeholder. Optional."
+					}),
+					/* @__PURE__ */ jsx(FormActions, { children: /* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						type: "submit",
+						icon: "plus",
+						children: "Add label type"
+					}) })
+				]
+			})] }) : null
+		]
+	});
+}
+//#endregion
+export { renderSettingsLabels };
+
+//# sourceMappingURL=settings-labels.mjs.map

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

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