@storyshelf/core 0.1.0 → 0.1.3

package/dist/pages/root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"root.mjs","names":[],"sources":["../../src/pages/root.tsx"],"sourcesContent":["import { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\nexport function renderRootPage(): RenderedContent {\n  return (\n    <DocumentLayout title=\"Welcome\" nav={{ active: \"projects\" }}>\n      <div class=\"card card--padded\" style=\"text-align:center; padding:2rem 1.5rem;\">\n        <h1 style=\"margin:0 0 .4rem; font-size:1.9rem; letter-spacing:-0.02em;\">Welcome to StoryShelf</h1>\n        <p style=\"color:var(--text-secondary); max-width:60ch; margin:0 auto 1rem;\">\n          Self-hosted visual testing for Storybook. Capture every story, diff against baselines, and review changes before they ship.\n        </p>\n        <div style=\"display:flex; gap:.5rem; justify-content:center; flex-wrap:wrap;\">\n          <a class=\"btn btn--primary\" href=\"/projects\">\n            View projects\n          </a>\n          <a class=\"btn btn--secondary\" href=\"/projects/new\">\n            Create project\n          </a>\n        </div>\n        <p class=\"field__hint\" style=\"margin-top:1rem;\">\n          Tip: use <code>npx @storyshelf/cli create --url &lt;url&gt; --name &lt;name&gt; --token $STORYSHELF_ADMIN_TOKEN</code> to create a project and token for CI, or <code>npx @storyshelf/cli init</code> to write <code>.storybook/storyshelf.json</code>.\n        </p>\n      </div>\n\n      <div class=\"grid grid--3\" style=\"margin-top:1rem;\">\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .3rem;\">Capture</h3>\n          <p class=\"field__hint\">Upload your Storybook build. Server renders stories with Playwright — deterministic, no repo cloning.</p>\n        </div>\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .3rem;\">Diff</h3>\n          <p class=\"field__hint\">Pixel-perfect diff with pixelmatch. Configurable thresholds, overlay images stored on disk.</p>\n        </div>\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .3rem;\">Review</h3>\n          <p class=\"field__hint\">Per-branch baselines with fallback to default. Approve changes per-story or bulk.</p>\n        </div>\n      </div>\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;AAEA,SAAgB,iBAAkC;CAChD,OACE,qBAAC,gBAAD;EAAgB,OAAM;EAAU,KAAK,EAAE,QAAQ,WAAW;EAA1D,UAAA,CACE,qBAAC,OAAD;GAAK,OAAM;GAAoB,OAAM;GAArC,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAA8D,UAAA;IAAyB,CAAA;IACjG,oBAAC,KAAD;KAAG,OAAM;KAAmE,UAAA;IAEzE,CAAA;IACH,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,KAAD;MAAG,OAAM;MAAmB,MAAK;MAAY,UAAA;KAE1C,CAAA,GACH,oBAAC,KAAD;MAAG,OAAM;MAAqB,MAAK;MAAgB,UAAA;KAEhD,CAAA,CACA;;IACL,qBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAA7B,UAAA;MAAgD;MACrC,oBAAC,QAAD,EAAA,UAAM,uFAAsG,CAAA;MAAC;MAA0C,oBAAC,QAAD,EAAA,UAAM,2BAA8B,CAAA;MAAC;MAAU,oBAAC,QAAD,EAAA,UAAM,6BAAgC,CAAA;MAAC;KACrP;;GACA;EAEL,CAAA,GAAA,qBAAC,OAAD;GAAK,OAAM;GAAe,OAAM;GAAhC,UAAA;IACE,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAW,CAAA,GACzC,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAAwG,CAAA,CAC5H;;IACL,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAQ,CAAA,GACtC,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAA8F,CAAA,CAClH;;IACL,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAU,CAAA,GACxC,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAAoF,CAAA,CACxG;;GACF;EACS,CAAA,CAAA;;AAEpB"}
+{"version":3,"file":"root.mjs","names":[],"sources":["../../src/pages/root.tsx"],"sourcesContent":["import { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\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=\"card card--padded\" style=\"text-align:center; padding:2rem 1.5rem;\">\n        <h1 style=\"margin:0 0 .4rem; font-size:1.9rem; letter-spacing:-0.02em;\">Welcome to StoryShelf</h1>\n        <p style=\"color:var(--text-secondary); max-width:60ch; margin:0 auto 1rem;\">\n          Self-hosted visual testing for Storybook. Capture every story, diff against baselines, and review changes before they ship.\n        </p>\n        <div style=\"display:flex; gap:.5rem; justify-content:center; flex-wrap:wrap;\">\n          <a class=\"btn btn--primary\" href=\"/projects\">\n            View projects\n          </a>\n          <a class=\"btn btn--secondary\" href=\"/projects/new\">\n            Create project\n          </a>\n        </div>\n        <p class=\"field__hint\" style=\"margin-top:1rem;\">\n          Tip: use <code>npx @storyshelf/cli create --url &lt;url&gt; --name &lt;name&gt; --token $STORYSHELF_ADMIN_TOKEN</code> to create a project and token for CI, or <code>npx @storyshelf/cli init</code> to write <code>.storybook/storyshelf.json</code>.\n        </p>\n      </div>\n\n      <div class=\"grid grid--3\" style=\"margin-top:1rem;\">\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .3rem;\">Capture</h3>\n          <p class=\"field__hint\">Upload your Storybook build. Server renders stories with Playwright — deterministic, no repo cloning.</p>\n        </div>\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .3rem;\">Diff</h3>\n          <p class=\"field__hint\">Pixel-perfect diff with pixelmatch. Configurable thresholds, overlay images stored on disk.</p>\n        </div>\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .3rem;\">Review</h3>\n          <p class=\"field__hint\">Per-branch baselines with fallback to default. Approve changes per-story or bulk.</p>\n        </div>\n      </div>\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,iBAAkC;CAChD,OACE,qBAAC,gBAAD;EAAgB,OAAM;EAAU,KAAK,EAAE,QAAQ,WAAW;EAA1D,UAAA,CACE,qBAAC,OAAD;GAAK,OAAM;GAAoB,OAAM;GAArC,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAA8D,UAAA;IAAyB,CAAA;IACjG,oBAAC,KAAD;KAAG,OAAM;KAAmE,UAAA;IAEzE,CAAA;IACH,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,KAAD;MAAG,OAAM;MAAmB,MAAK;MAAY,UAAA;KAE1C,CAAA,GACH,oBAAC,KAAD;MAAG,OAAM;MAAqB,MAAK;MAAgB,UAAA;KAEhD,CAAA,CACA;;IACL,qBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAA7B,UAAA;MAAgD;MACrC,oBAAC,QAAD,EAAA,UAAM,uFAAsG,CAAA;MAAC;MAA0C,oBAAC,QAAD,EAAA,UAAM,2BAA8B,CAAA;MAAC;MAAU,oBAAC,QAAD,EAAA,UAAM,6BAAgC,CAAA;MAAC;KACrP;;GACA;EAEL,CAAA,GAAA,qBAAC,OAAD;GAAK,OAAM;GAAe,OAAM;GAAhC,UAAA;IACE,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAW,CAAA,GACzC,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAAwG,CAAA,CAC5H;;IACL,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAQ,CAAA,GACtC,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAA8F,CAAA,CAClH;;IACL,qBAAC,OAAD;KAAK,OAAM;KAAX,UAAA,CACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAU,CAAA,GACxC,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAAoF,CAAA,CACxG;;GACF;EACS,CAAA,CAAA;;AAEpB"}

package/dist/pages/settings-general.mjs

@@ -3,6 +3,7 @@ import "node:url";
 import.meta.url;
 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 ?? {};
 	return /* @__PURE__ */ jsxs("div", {

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 \"../schema.ts\";\n\nexport interface SettingsFormState {\n  errors?: Record<string, string>;\n  globalError?: string;\n}\n\nexport function renderSettingsGeneral(project: Project, formState: SettingsFormState | undefined, isAdmin: boolean): unknown {\n  const errors = formState?.errors ?? {};\n  return (\n    <div class=\"grid\" style=\"max-width: 720px;\">\n      {formState?.globalError ? (\n        <div class=\"alert alert--danger\" role=\"alert\">\n          {formState.globalError}\n        </div>\n      ) : null}\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .5rem;\">General</h2>\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          <div class=\"field\">\n            <label class=\"field__label\" for=\"name\">\n              Name\n            </label>\n            <input class={`field__input ${errors[\"name\"] ? \"field__input--error\" : \"\"}`} id=\"name\" name=\"name\" value={project.name} />\n            {errors[\"name\"] ? (\n              <p class=\"field__error\" role=\"alert\">\n                {errors[\"name\"]}\n              </p>\n            ) : null}\n          </div>\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"gitRepository\">\n              Git repository\n            </label>\n            <input class=\"field__input\" id=\"gitRepository\" name=\"gitRepository\" value={project.gitRepository ?? \"\"} placeholder=\"owner/repo\" />\n          </div>\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"gitDefaultBranch\">\n              Default branch\n            </label>\n            <input class=\"field__input\" id=\"gitDefaultBranch\" name=\"gitDefaultBranch\" value={project.gitDefaultBranch} />\n          </div>\n          <div class=\"grid grid--2\">\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"pixelThreshold\">\n                Pixel threshold\n              </label>\n              <input class=\"field__input\" id=\"pixelThreshold\" name=\"pixelThreshold\" type=\"number\" step=\"0.01\" min=\"0\" max=\"1\" value={String(project.pixelThreshold)} />\n              <p class=\"field__hint\">Per-pixel color distance 0–1</p>\n            </div>\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"maxDiffRatio\">\n                Max diff ratio\n              </label>\n              <input class=\"field__input\" id=\"maxDiffRatio\" name=\"maxDiffRatio\" type=\"number\" step=\"0.001\" min=\"0\" max=\"1\" value={String(project.maxDiffRatio)} />\n              <p class=\"field__hint\">Allowed diff ratio 0–1</p>\n            </div>\n          </div>\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"publicBranchRegex\">\n              Public branch regex\n            </label>\n            <input class=\"field__input\" id=\"publicBranchRegex\" name=\"publicBranchRegex\" value={project.publicBranchRegex ?? \"\"} placeholder=\"^main$\" />\n            <p class=\"field__hint\">Branches matching this regex are publicly viewable.</p>\n          </div>\n          {isAdmin ? (\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Save changes\n            </button>\n          ) : (\n            <p class=\"field__hint\">You need admin access to edit settings.</p>\n          )}\n        </form>\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\" style=\"border-color: var(--status-rejected);\">\n          <h3 style=\"margin:0 0 .4rem; color: var(--status-rejected);\">Danger zone</h3>\n          <p class=\"field__hint\">Deleting a project removes all builds, snapshots, baselines and tokens. This cannot be undone.</p>\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 class=\"btn btn--danger\" type=\"submit\">\n              Delete project\n            </button>\n          </form>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":";;;;;AAOA,SAAgB,sBAAsB,SAAkB,WAA0C,SAA2B;CAC3H,MAAM,SAAS,WAAW,UAAU,CAAC;CACrC,OACE,qBAAC,OAAD;EAAK,OAAM;EAAO,OAAM;EAAxB,UAAA;GACG,WAAW,cACV,oBAAC,OAAD;IAAK,OAAM;IAAsB,MAAK;IACnC,UAAA,UAAU;GACR,CAAA,IACH;GACJ,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA,CACE,oBAAC,MAAD;KAAI,OAAM;KAAoB,UAAA;IAAW,CAAA,GACzC,qBAAC,QAAD;KACE,QAAO;KACP,QAAQ,aAAa,QAAQ,KAAK;KAClC,WAAS,aAAa,QAAQ,KAAK;KACnC,aAAU;KACV,WAAQ;KALV,UAAA;MAOE,qBAAC,OAAD;OAAK,OAAM;OAAX,UAAA;QACE,oBAAC,SAAD;SAAO,OAAM;SAAe,KAAI;SAAO,UAAA;QAEhC,CAAA;QACP,oBAAC,SAAD;SAAO,OAAO,gBAAgB,OAAO,UAAU,wBAAwB;SAAM,IAAG;SAAO,MAAK;SAAO,OAAO,QAAQ;QAAO,CAAA;QACxH,OAAO,UACN,oBAAC,KAAD;SAAG,OAAM;SAAe,MAAK;SAC1B,UAAA,OAAO;QACP,CAAA,IACD;OACD;;MACL,qBAAC,OAAD;OAAK,OAAM;OAAX,UAAA,CACE,oBAAC,SAAD;QAAO,OAAM;QAAe,KAAI;QAAgB,UAAA;OAEzC,CAAA,GACP,oBAAC,SAAD;QAAO,OAAM;QAAe,IAAG;QAAgB,MAAK;QAAgB,OAAO,QAAQ,iBAAiB;QAAI,aAAY;OAAc,CAAA,CAC/H;;MACL,qBAAC,OAAD;OAAK,OAAM;OAAX,UAAA,CACE,oBAAC,SAAD;QAAO,OAAM;QAAe,KAAI;QAAmB,UAAA;OAE5C,CAAA,GACP,oBAAC,SAAD;QAAO,OAAM;QAAe,IAAG;QAAmB,MAAK;QAAmB,OAAO,QAAQ;OAAmB,CAAA,CACzG;;MACL,qBAAC,OAAD;OAAK,OAAM;OAAX,UAAA,CACE,qBAAC,OAAD;QAAK,OAAM;QAAX,UAAA;SACE,oBAAC,SAAD;UAAO,OAAM;UAAe,KAAI;UAAiB,UAAA;SAE1C,CAAA;SACP,oBAAC,SAAD;UAAO,OAAM;UAAe,IAAG;UAAiB,MAAK;UAAiB,MAAK;UAAS,MAAK;UAAO,KAAI;UAAI,KAAI;UAAI,OAAO,OAAO,QAAQ,cAAc;SAAI,CAAA;SACxJ,oBAAC,KAAD;UAAG,OAAM;UAAc,UAAA;SAA+B,CAAA;QACnD;OACL,CAAA,GAAA,qBAAC,OAAD;QAAK,OAAM;QAAX,UAAA;SACE,oBAAC,SAAD;UAAO,OAAM;UAAe,KAAI;UAAe,UAAA;SAExC,CAAA;SACP,oBAAC,SAAD;UAAO,OAAM;UAAe,IAAG;UAAe,MAAK;UAAe,MAAK;UAAS,MAAK;UAAQ,KAAI;UAAI,KAAI;UAAI,OAAO,OAAO,QAAQ,YAAY;SAAI,CAAA;SACnJ,oBAAC,KAAD;UAAG,OAAM;UAAc,UAAA;SAAyB,CAAA;QAC7C;OACF,CAAA,CAAA;;MACL,qBAAC,OAAD;OAAK,OAAM;OAAX,UAAA;QACE,oBAAC,SAAD;SAAO,OAAM;SAAe,KAAI;SAAoB,UAAA;QAE7C,CAAA;QACP,oBAAC,SAAD;SAAO,OAAM;SAAe,IAAG;SAAoB,MAAK;SAAoB,OAAO,QAAQ,qBAAqB;SAAI,aAAY;QAAU,CAAA;QAC1I,oBAAC,KAAD;SAAG,OAAM;SAAc,UAAA;QAAsD,CAAA;OAC1E;;MACJ,UACC,oBAAC,UAAD;OAAQ,OAAM;OAAmB,MAAK;OAAS,UAAA;MAEvC,CAAA,IAER,oBAAC,KAAD;OAAG,OAAM;OAAc,UAAA;MAA0C,CAAA;KAE/D;IACH,CAAA,CAAA;;GAEJ,UACC,qBAAC,OAAD;IAAK,OAAM;IAAoB,OAAM;IAArC,UAAA;KACE,oBAAC,MAAD;MAAI,OAAM;MAAmD,UAAA;KAAe,CAAA;KAC5E,oBAAC,KAAD;MAAG,OAAM;MAAc,UAAA;KAAiG,CAAA;KACxH,oBAAC,QAAD;MACE,QAAO;MACP,QAAQ,aAAa,QAAQ,KAAK;MAClC,WAAS,aAAa,QAAQ,KAAK;MACnC,aAAU;MACV,cAAW;MAEX,UAAA,oBAAC,UAAD;OAAQ,OAAM;OAAkB,MAAK;OAAS,UAAA;MAEtC,CAAA;KACJ,CAAA;IACH;GACH,CAAA,IAAA;EACD;;AAET"}
+{"version":3,"file":"settings-general.mjs","names":[],"sources":["../../src/pages/settings-general.tsx"],"sourcesContent":["import type { Project } from \"../schema.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(project: Project, formState: SettingsFormState | undefined, isAdmin: boolean): unknown {\n  const errors = formState?.errors ?? {};\n  return (\n    <div class=\"grid\" style=\"max-width: 720px;\">\n      {formState?.globalError ? (\n        <div class=\"alert alert--danger\" role=\"alert\">\n          {formState.globalError}\n        </div>\n      ) : null}\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .5rem;\">General</h2>\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          <div class=\"field\">\n            <label class=\"field__label\" for=\"name\">\n              Name\n            </label>\n            <input class={`field__input ${errors[\"name\"] ? \"field__input--error\" : \"\"}`} id=\"name\" name=\"name\" value={project.name} />\n            {errors[\"name\"] ? (\n              <p class=\"field__error\" role=\"alert\">\n                {errors[\"name\"]}\n              </p>\n            ) : null}\n          </div>\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"gitRepository\">\n              Git repository\n            </label>\n            <input class=\"field__input\" id=\"gitRepository\" name=\"gitRepository\" value={project.gitRepository ?? \"\"} placeholder=\"owner/repo\" />\n          </div>\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"gitDefaultBranch\">\n              Default branch\n            </label>\n            <input class=\"field__input\" id=\"gitDefaultBranch\" name=\"gitDefaultBranch\" value={project.gitDefaultBranch} />\n          </div>\n          <div class=\"grid grid--2\">\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"pixelThreshold\">\n                Pixel threshold\n              </label>\n              <input class=\"field__input\" id=\"pixelThreshold\" name=\"pixelThreshold\" type=\"number\" step=\"0.01\" min=\"0\" max=\"1\" value={String(project.pixelThreshold)} />\n              <p class=\"field__hint\">Per-pixel color distance 0–1</p>\n            </div>\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"maxDiffRatio\">\n                Max diff ratio\n              </label>\n              <input class=\"field__input\" id=\"maxDiffRatio\" name=\"maxDiffRatio\" type=\"number\" step=\"0.001\" min=\"0\" max=\"1\" value={String(project.maxDiffRatio)} />\n              <p class=\"field__hint\">Allowed diff ratio 0–1</p>\n            </div>\n          </div>\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"publicBranchRegex\">\n              Public branch regex\n            </label>\n            <input class=\"field__input\" id=\"publicBranchRegex\" name=\"publicBranchRegex\" value={project.publicBranchRegex ?? \"\"} placeholder=\"^main$\" />\n            <p class=\"field__hint\">Branches matching this regex are publicly viewable.</p>\n          </div>\n          {isAdmin ? (\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Save changes\n            </button>\n          ) : (\n            <p class=\"field__hint\">You need admin access to edit settings.</p>\n          )}\n        </form>\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\" style=\"border-color: var(--status-rejected);\">\n          <h3 style=\"margin:0 0 .4rem; color: var(--status-rejected);\">Danger zone</h3>\n          <p class=\"field__hint\">Deleting a project removes all builds, snapshots, baselines and tokens. This cannot be undone.</p>\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 class=\"btn btn--danger\" type=\"submit\">\n              Delete project\n            </button>\n          </form>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":"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"}

package/dist/pages/settings-labels.mjs

@@ -4,6 +4,7 @@ import.meta.url;
 import { Badge } from "../ui/components.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) {
 	return /* @__PURE__ */ jsxs("div", {
 		class: "grid",

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, Project } from \"../schema.ts\";\nimport { Badge } from \"../ui/components.tsx\";\n\nexport function renderSettingsLabels(project: Project, labelTypes: LabelType[], isAdmin: boolean): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Label types</h2>\n        <p class=\"field__hint\">Labels attach typed values to builds (e.g. pr=123, jira=ABC-123). Values link out via the template.</p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>Key</th>\n                <th>Name</th>\n                <th>Template</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {labelTypes.map(\n                // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                (labelType) => (\n                  <tr key={labelType.id}>\n                    <td>\n                      <Badge tone=\"neutral\">{labelType.key}</Badge>\n                    </td>\n                    <td>{labelType.name}</td>\n                    <td style=\"max-width:32ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;\">{labelType.linkTemplate ?? \"—\"}</td>\n                    <td>\n                      {isAdmin && labelType.key !== \"persistent\" && labelType.key !== \"branch\" ? (\n                        <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\">\n                          <button class=\"btn btn--ghost\" type=\"submit\" aria-label={`Delete ${labelType.key}`}>\n                            Delete\n                          </button>\n                        </form>\n                      ) : (\n                        <span class=\"field__hint\">built-in</span>\n                      )}\n                    </td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {labelTypes.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No label types configured.</p> : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Create label type</h3>\n          <form method=\"post\" action={`/projects/${project.slug}/settings/labels`} hx-post={`/projects/${project.slug}/settings/labels`} hx-target=\"body\">\n            <div class=\"grid grid--2\">\n              <div class=\"field\">\n                <label class=\"field__label\" for=\"key\">\n                  Key\n                </label>\n                <input class=\"field__input\" id=\"key\" name=\"key\" required placeholder=\"jira\" pattern=\"^[a-z0-9_-]+$\" />\n                <p class=\"field__hint\">Lowercase, no spaces.</p>\n              </div>\n              <div class=\"field\">\n                <label class=\"field__label\" for=\"labelName\">\n                  Name\n                </label>\n                <input class=\"field__input\" id=\"labelName\" name=\"labelName\" required placeholder=\"Jira issue\" />\n              </div>\n            </div>\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"linkTemplate\">\n                Link template\n              </label>\n              <input class=\"field__input\" id=\"linkTemplate\" name=\"linkTemplate\" placeholder=\"https://jira.example.com/browse/{value}\" />\n              <p class=\"field__hint\">\n                Use {\"{value}\"} placeholder. Optional.\n              </p>\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Add label type\n            </button>\n          </form>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":"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"}
+{"version":3,"file":"settings-labels.mjs","names":[],"sources":["../../src/pages/settings-labels.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { LabelType, Project } from \"../schema.ts\";\nimport { Badge } from \"../ui/components.tsx\";\n\n/** Labels settings tab: label-type table plus the create-type form. */\nexport function renderSettingsLabels(project: Project, labelTypes: LabelType[], isAdmin: boolean): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Label types</h2>\n        <p class=\"field__hint\">Labels attach typed values to builds (e.g. pr=123, jira=ABC-123). Values link out via the template.</p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>Key</th>\n                <th>Name</th>\n                <th>Template</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {labelTypes.map(\n                (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 style=\"max-width:32ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;\">{labelType.linkTemplate ?? \"—\"}</td>\n                  <td>\n                    {isAdmin && labelType.key !== \"persistent\" && labelType.key !== \"branch\" ? (\n                      <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\">\n                        <button class=\"btn btn--ghost\" type=\"submit\" aria-label={`Delete ${labelType.key}`}>\n                          Delete\n                        </button>\n                      </form>\n                    ) : (\n                      <span class=\"field__hint\">built-in</span>\n                    )}\n                  </td>\n                </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {labelTypes.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No label types configured.</p> : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Create label type</h3>\n          <form method=\"post\" action={`/projects/${project.slug}/settings/labels`} hx-post={`/projects/${project.slug}/settings/labels`} hx-target=\"body\">\n            <div class=\"grid grid--2\">\n              <div class=\"field\">\n                <label class=\"field__label\" for=\"key\">\n                  Key\n                </label>\n                <input class=\"field__input\" id=\"key\" name=\"key\" required placeholder=\"jira\" pattern=\"^[a-z0-9_-]+$\" />\n                <p class=\"field__hint\">Lowercase, no spaces.</p>\n              </div>\n              <div class=\"field\">\n                <label class=\"field__label\" for=\"labelName\">\n                  Name\n                </label>\n                <input class=\"field__input\" id=\"labelName\" name=\"labelName\" required placeholder=\"Jira issue\" />\n              </div>\n            </div>\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"linkTemplate\">\n                Link template\n              </label>\n              <input class=\"field__input\" id=\"linkTemplate\" name=\"linkTemplate\" placeholder=\"https://jira.example.com/browse/{value}\" />\n              <p class=\"field__hint\">\n                Use {\"{value}\"} placeholder. Optional.\n              </p>\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Add label type\n            </button>\n          </form>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":";;;;;;;AAKA,SAAgB,qBAAqB,SAAkB,YAAyB,SAA2B;CACzG,OACE,qBAAC,OAAD;EAAK,OAAM;EAAO,OAAM;EAAxB,UAAA,CACE,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAAoB,UAAA;IAAe,CAAA;IAC7C,oBAAC,KAAD;KAAG,OAAM;KAAc,UAAA;IAAsG,CAAA;IAC7H,oBAAC,OAAD;KAAK,OAAM;KAAa,OAAM;KAC5B,UAAA,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UACE,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UAAI,MAAO,CAAA;MACX,oBAAC,MAAD,EAAA,UAAI,OAAQ,CAAA;MACZ,oBAAC,MAAD,EAAA,UAAI,WAAY,CAAA;MAChB,oBAAC,MAAD,CAAQ,CAAA;KACN,EAAA,CAAA,EACC,CAAA,GACP,oBAAC,SAAD,EAAA,UACG,WAAW,KACT,cACD,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UACE,oBAAC,OAAD;OAAO,MAAK;OAAW,UAAA,UAAU;MAAW,CAAA,EAC1C,CAAA;MACJ,oBAAC,MAAD,EAAA,UAAK,UAAU,KAAS,CAAA;MACxB,oBAAC,MAAD;OAAI,OAAM;OAAgF,UAAA,UAAU,gBAAgB;MAAQ,CAAA;MAC5H,oBAAC,MAAD,EAAA,UACG,WAAW,UAAU,QAAQ,gBAAgB,UAAU,QAAQ,WAC9D,oBAAC,QAAD;OAAM,QAAO;OAAO,QAAQ,aAAa,QAAQ,KAAK,mBAAmB,UAAU,IAAI;OAAU,WAAS,aAAa,QAAQ,KAAK,mBAAmB,UAAU,IAAI;OAAU,aAAU;OACvL,UAAA,oBAAC,UAAD;QAAQ,OAAM;QAAiB,MAAK;QAAS,cAAY,UAAU,UAAU;QAAO,UAAA;OAE5E,CAAA;MACJ,CAAA,IAEN,oBAAC,QAAD;OAAM,OAAM;OAAc,UAAA;MAAc,CAAA,EAExC,CAAA;KACF,EAAA,GAjBK,UAAU,EAiBf,CAEN,EACK,CAAA,CACF,EAAA,CAAA;IACJ,CAAA;IACJ,WAAW,WAAW,IAAI,oBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAAoB,UAAA;IAA6B,CAAA,IAAI;GAC1G;EAEJ,CAAA,GAAA,UACC,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA,CACE,oBAAC,MAAD;IAAI,OAAM;IAAoB,UAAA;GAAqB,CAAA,GACnD,qBAAC,QAAD;IAAM,QAAO;IAAO,QAAQ,aAAa,QAAQ,KAAK;IAAmB,WAAS,aAAa,QAAQ,KAAK;IAAmB,aAAU;IAAzI,UAAA;KACE,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,qBAAC,OAAD;OAAK,OAAM;OAAX,UAAA;QACE,oBAAC,SAAD;SAAO,OAAM;SAAe,KAAI;SAAM,UAAA;QAE/B,CAAA;QACP,oBAAC,SAAD;SAAO,OAAM;SAAe,IAAG;SAAM,MAAK;SAAM,UAAA;SAAS,aAAY;SAAO,SAAQ;QAAiB,CAAA;QACrG,oBAAC,KAAD;SAAG,OAAM;SAAc,UAAA;QAAwB,CAAA;OAC5C;MACL,CAAA,GAAA,qBAAC,OAAD;OAAK,OAAM;OAAX,UAAA,CACE,oBAAC,SAAD;QAAO,OAAM;QAAe,KAAI;QAAY,UAAA;OAErC,CAAA,GACP,oBAAC,SAAD;QAAO,OAAM;QAAe,IAAG;QAAY,MAAK;QAAY,UAAA;QAAS,aAAY;OAAc,CAAA,CAC5F;MACF,CAAA,CAAA;;KACL,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA;OACE,oBAAC,SAAD;QAAO,OAAM;QAAe,KAAI;QAAe,UAAA;OAExC,CAAA;OACP,oBAAC,SAAD;QAAO,OAAM;QAAe,IAAG;QAAe,MAAK;QAAe,aAAY;OAA2C,CAAA;OACzH,qBAAC,KAAD;QAAG,OAAM;QAAT,UAAA;SAAuB;SAChB;SAAU;QACd;;MACA;;KACL,oBAAC,UAAD;MAAQ,OAAM;MAAmB,MAAK;MAAS,UAAA;KAEvC,CAAA;IACJ;GACH,CAAA,CAAA;EACH,CAAA,IAAA,IACD;;AAET"}

package/dist/pages/settings-members.mjs

@@ -4,6 +4,7 @@ import.meta.url;
 import { Badge } from "../ui/components.mjs";
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 //#region src/pages/settings-members.tsx
+/** Members settings tab: member roster plus the add-member form. */
 function renderSettingsMembers(project, members, isAdmin) {
 	return /* @__PURE__ */ jsxs("div", {
 		class: "grid",

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

@@ -1 +1 @@
-{"version":3,"file":"settings-members.mjs","names":[],"sources":["../../src/pages/settings-members.tsx"],"sourcesContent":["import type { Project } from \"../schema.ts\";\nimport { Badge } from \"../ui/components.tsx\";\n\nexport interface SettingsMember {\n  id: string;\n  projectId: string;\n  userId: string;\n  role: string;\n  createdAt: string;\n}\n\nexport function renderSettingsMembers(project: Project, members: SettingsMember[], isAdmin: boolean): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Members</h2>\n        <p class=\"field__hint\">Project members and their roles. Site admins have implicit admin access.</p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>User</th>\n                <th>Role</th>\n                <th>Since</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {members.map(\n                // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                (member) => (\n                  <tr key={member.id}>\n                    <td>\n                      <code>{member.userId}</code>\n                    </td>\n                    <td>\n                      <Badge tone={member.role === \"admin\" ? \"danger\" : member.role === \"viewer\" ? \"neutral\" : \"info\"}>{member.role}</Badge>\n                    </td>\n                    <td>{new Date(member.createdAt).toLocaleDateString()}</td>\n                    <td>\n                      {isAdmin ? (\n                        <form method=\"post\" action={`/projects/${project.slug}/settings/members/${member.userId}/remove`} hx-post={`/projects/${project.slug}/settings/members/${member.userId}/remove`} hx-target=\"body\">\n                          <button class=\"btn btn--ghost\" type=\"submit\">\n                            Remove\n                          </button>\n                        </form>\n                      ) : null}\n                    </td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {members.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No members yet.</p> : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Add member</h3>\n          <form method=\"post\" action={`/projects/${project.slug}/settings/members`} hx-post={`/projects/${project.slug}/settings/members`} hx-target=\"body\">\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"userId\">\n                User ID\n              </label>\n              <input class=\"field__input\" id=\"userId\" name=\"userId\" required placeholder=\"user_...\" />\n            </div>\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"role\">\n                Role\n              </label>\n              <select class=\"field__input\" id=\"role\" name=\"role\">\n                <option value=\"viewer\">viewer</option>\n                <option value=\"developer\">developer</option>\n                <option value=\"approver\">approver</option>\n                <option value=\"admin\">admin</option>\n              </select>\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Add member\n            </button>\n          </form>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":"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"}
+{"version":3,"file":"settings-members.mjs","names":[],"sources":["../../src/pages/settings-members.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Project } from \"../schema.ts\";\nimport { Badge } from \"../ui/components.tsx\";\n\n/** Project member row as rendered in the members settings tab. */\nexport interface SettingsMember {\n  id: string;\n  projectId: string;\n  userId: string;\n  role: string;\n  createdAt: string;\n}\n\n/** Members settings tab: member roster plus the add-member form. */\nexport function renderSettingsMembers(project: Project, members: SettingsMember[], isAdmin: boolean): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Members</h2>\n        <p class=\"field__hint\">Project members and their roles. Site admins have implicit admin access.</p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>User</th>\n                <th>Role</th>\n                <th>Since</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {members.map(\n                (member): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                  <tr key={member.id}>\n                    <td>\n                      <code>{member.userId}</code>\n                    </td>\n                    <td>\n                      <Badge tone={member.role === \"admin\" ? \"danger\" : (member.role === \"viewer\" ? \"neutral\" : \"info\")}>{member.role}</Badge>\n                    </td>\n                    <td>{new Date(member.createdAt).toLocaleDateString()}</td>\n                    <td>\n                      {isAdmin ? (\n                        <form method=\"post\" action={`/projects/${project.slug}/settings/members/${member.userId}/remove`} hx-post={`/projects/${project.slug}/settings/members/${member.userId}/remove`} hx-target=\"body\">\n                          <button class=\"btn btn--ghost\" type=\"submit\">\n                            Remove\n                          </button>\n                        </form>\n                      ) : null}\n                    </td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {members.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No members yet.</p> : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Add member</h3>\n          <form method=\"post\" action={`/projects/${project.slug}/settings/members`} hx-post={`/projects/${project.slug}/settings/members`} hx-target=\"body\">\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"userId\">\n                User ID\n              </label>\n              <input class=\"field__input\" id=\"userId\" name=\"userId\" required placeholder=\"user_...\" />\n            </div>\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"role\">\n                Role\n              </label>\n              <select class=\"field__input\" id=\"role\" name=\"role\">\n                <option value=\"viewer\">viewer</option>\n                <option value=\"developer\">developer</option>\n                <option value=\"approver\">approver</option>\n                <option value=\"admin\">admin</option>\n              </select>\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Add member\n            </button>\n          </form>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":"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"}

package/dist/pages/settings-status.mjs

@@ -95,6 +95,7 @@ function renderCreateSection(project, providers, formState) {
 		formState
 	});
 }
+/** Git status settings tab: configured providers plus the add-provider form. */
 function renderSettingsStatus(project, statusConfigs, providers, isAdmin, formState) {
 	const byProvider = new Map(providers.map((provider) => [provider.metadata.kind, provider]));
 	return /* @__PURE__ */ jsxs("div", {

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

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

package/dist/pages/settings-tests.mjs

@@ -0,0 +1,149 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/settings-tests.tsx
+/** Interaction-tests settings tab: play execution toggle and timeout. */
+function renderSettingsTests(project, isAdmin, formState) {
+	return /* @__PURE__ */ jsxs("div", {
+		class: "grid",
+		style: "max-width: 720px;",
+		children: [
+			formState?.globalError ? /* @__PURE__ */ jsx("div", {
+				class: "alert alert--danger",
+				role: "alert",
+				children: formState.globalError
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				class: "card card--padded",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						style: "margin:0 0 .5rem;",
+						children: "Interaction tests"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						class: "field__hint",
+						style: "margin-bottom:1rem;",
+						children: [
+							"When enabled, Storybook ",
+							/* @__PURE__ */ jsx("code", { children: "play" }),
+							" functions run before each screenshot. Failures block the build unless the story is marked",
+							/* @__PURE__ */ jsx("code", { children: "flaky-test" }),
+							" via ",
+							/* @__PURE__ */ jsx("code", { children: "tags: ['flaky-test']" }),
+							" or",
+							/* @__PURE__ */ jsx("code", { children: "parameters: { flakyTest: true }" }),
+							" (supports both ",
+							/* @__PURE__ */ jsx("code", { children: "chromatic" }),
+							" and ",
+							/* @__PURE__ */ jsx("code", { children: "storyshelf" }),
+							" keys, story-level, case-insensitive). Use",
+							" ",
+							/* @__PURE__ */ jsx("code", { children: "disableSnapshot" }),
+							" to skip a story entirely."
+						]
+					}),
+					/* @__PURE__ */ jsxs("form", {
+						method: "post",
+						action: `/projects/${project.slug}/settings/tests`,
+						"hx-post": `/projects/${project.slug}/settings/tests`,
+						"hx-target": "body",
+						"hx-swap": "outerHTML",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								class: "field",
+								children: [/* @__PURE__ */ jsxs("label", {
+									class: "field__label",
+									style: "display:flex; gap:.5rem; align-items:center;",
+									children: [/* @__PURE__ */ jsx("input", {
+										type: "checkbox",
+										name: "executePlay",
+										value: "true",
+										checked: project.executePlay ? true : void 0,
+										disabled: !isAdmin
+									}), "Enable interaction tests (play)"]
+								}), /* @__PURE__ */ jsx("p", {
+									class: "field__hint",
+									children: "When enabled, failing play blocks the build (failed). Flaky stories show warnings but status stays successful."
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								class: "field",
+								children: [
+									/* @__PURE__ */ jsx("label", {
+										class: "field__label",
+										for: "playTimeoutMs",
+										children: "Play timeout (ms)"
+									}),
+									/* @__PURE__ */ jsx("input", {
+										class: "field__input",
+										id: "playTimeoutMs",
+										name: "playTimeoutMs",
+										type: "number",
+										min: "1000",
+										max: "30000",
+										step: "1000",
+										value: String(project.playTimeoutMs),
+										disabled: !isAdmin
+									}),
+									/* @__PURE__ */ jsx("p", {
+										class: "field__hint",
+										children: "Timeout for each play function (1000–30000 ms, default 10000)."
+									})
+								]
+							}),
+							isAdmin ? /* @__PURE__ */ jsx("button", {
+								class: "btn btn--primary",
+								type: "submit",
+								children: "Save changes"
+							}) : /* @__PURE__ */ jsx("p", {
+								class: "field__hint",
+								children: "You need admin access to edit settings."
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				class: "card card--padded",
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						style: "margin:0 0 .4rem;",
+						children: "How to mark stories"
+					}),
+					/* @__PURE__ */ jsx("pre", {
+						class: "field__hint",
+						style: "white-space:pre-wrap; background: var(--surface); padding:.75rem; border-radius:.5rem;",
+						children: `// Disable snapshot entirely (skip capture + play)
+export const Hidden: Story = {
+  parameters: { storyshelf: { disableSnapshot: true } }
+};
+// Mark as flaky (non-blocking, shows warning)
+export const Flaky: Story = {
+  tags: ['flaky-test'],
+  play: async ({canvasElement}) => { /* ... */ }
+};
+// or via parameters (both keys work, storyshelf wins)
+export const Flaky2: Story = {
+  parameters: { chromatic: { flakyTest: true } }
+};`
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						class: "field__hint",
+						children: [
+							"Tags are story-level and case-insensitive (",
+							/* @__PURE__ */ jsx("code", { children: "flaky-test" }),
+							"). Whole story is non-blocking when flaky. GitHub status stays",
+							/* @__PURE__ */ jsx("code", { children: "success" }),
+							" with a warning comment."
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { renderSettingsTests };
+
+//# sourceMappingURL=settings-tests.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-tests.mjs","names":[],"sources":["../../src/pages/settings-tests.tsx"],"sourcesContent":["import type { Project } from \"../schema.ts\";\n\n/** Interaction-tests settings tab: play execution toggle and timeout. */\nexport function renderSettingsTests(project: Project, isAdmin: boolean, formState?: { globalError?: string }): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 720px;\">\n      {formState?.globalError ? (\n        <div class=\"alert alert--danger\" role=\"alert\">\n          {formState.globalError}\n        </div>\n      ) : null}\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .5rem;\">Interaction tests</h2>\n        <p class=\"field__hint\" style=\"margin-bottom:1rem;\">\n          When enabled, Storybook <code>play</code> functions run before each screenshot. Failures block the build unless the story is marked\n          <code>flaky-test</code> via <code>tags: ['flaky-test']</code> or\n          <code>parameters: &#123; flakyTest: true &#125;</code> (supports both <code>chromatic</code> and <code>storyshelf</code> keys, story-level, case-insensitive). Use{\" \"}\n          <code>disableSnapshot</code> to skip a story entirely.\n        </p>\n        <form\n          method=\"post\"\n          action={`/projects/${project.slug}/settings/tests`}\n          hx-post={`/projects/${project.slug}/settings/tests`}\n          hx-target=\"body\"\n          hx-swap=\"outerHTML\"\n        >\n          <div class=\"field\">\n            <label class=\"field__label\" style=\"display:flex; gap:.5rem; align-items:center;\">\n              <input type=\"checkbox\" name=\"executePlay\" value=\"true\" checked={project.executePlay ? true : undefined} disabled={!isAdmin} />\n              Enable interaction tests (play)\n            </label>\n            <p class=\"field__hint\">When enabled, failing play blocks the build (failed). Flaky stories show warnings but status stays successful.</p>\n          </div>\n          <div class=\"field\">\n            <label class=\"field__label\" for=\"playTimeoutMs\">\n              Play timeout (ms)\n            </label>\n            <input\n              class=\"field__input\"\n              id=\"playTimeoutMs\"\n              name=\"playTimeoutMs\"\n              type=\"number\"\n              min=\"1000\"\n              max=\"30000\"\n              step=\"1000\"\n              value={String(project.playTimeoutMs)}\n              disabled={!isAdmin}\n            />\n            <p class=\"field__hint\">Timeout for each play function (1000–30000 ms, default 10000).</p>\n          </div>\n          {isAdmin ? (\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Save changes\n            </button>\n          ) : (\n            <p class=\"field__hint\">You need admin access to edit settings.</p>\n          )}\n        </form>\n      </div>\n      <div class=\"card card--padded\">\n        <h3 style=\"margin:0 0 .4rem;\">How to mark stories</h3>\n        <pre class=\"field__hint\" style=\"white-space:pre-wrap; background: var(--surface); padding:.75rem; border-radius:.5rem;\">\n          {`// Disable snapshot entirely (skip capture + play)\nexport const Hidden: Story = {\n  parameters: { storyshelf: { disableSnapshot: true } }\n};\n// Mark as flaky (non-blocking, shows warning)\nexport const Flaky: Story = {\n  tags: ['flaky-test'],\n  play: async ({canvasElement}) => { /* ... */ }\n};\n// or via parameters (both keys work, storyshelf wins)\nexport const Flaky2: Story = {\n  parameters: { chromatic: { flakyTest: true } }\n};`}\n        </pre>\n        <p class=\"field__hint\">\n          Tags are story-level and case-insensitive (<code>flaky-test</code>). Whole story is non-blocking when flaky. GitHub status stays\n          <code>success</code> with a warning comment.\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAGA,SAAgB,oBAAoB,SAAkB,SAAkB,WAA+C;CACrH,OACE,qBAAC,OAAD;EAAK,OAAM;EAAO,OAAM;EAAxB,UAAA;GACG,WAAW,cACV,oBAAC,OAAD;IAAK,OAAM;IAAsB,MAAK;IACnC,UAAA,UAAU;GACR,CAAA,IACH;GACJ,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA;KACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAqB,CAAA;KACnD,qBAAC,KAAD;MAAG,OAAM;MAAc,OAAM;MAA7B,UAAA;OAAmD;OACzB,oBAAC,QAAD,EAAA,UAAM,OAAU,CAAA;OAAC;OACzC,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;OAAC;OAAK,oBAAC,QAAD,EAAA,UAAM,uBAA0B,CAAA;OAAC;OAC7D,oBAAC,QAAD,EAAA,UAAM,kCAA+C,CAAA;OAAC;OAAgB,oBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;OAAC;OAAK,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;OAAC;OAA2C;OACnK,oBAAC,QAAD,EAAA,UAAM,kBAAqB,CAAA;OAAC;MAC3B;;KACH,qBAAC,QAAD;MACE,QAAO;MACP,QAAQ,aAAa,QAAQ,KAAK;MAClC,WAAS,aAAa,QAAQ,KAAK;MACnC,aAAU;MACV,WAAQ;MALV,UAAA;OAOE,qBAAC,OAAD;QAAK,OAAM;QAAX,UAAA,CACE,qBAAC,SAAD;SAAO,OAAM;SAAe,OAAM;SAAlC,UAAA,CACE,oBAAC,SAAD;UAAO,MAAK;UAAW,MAAK;UAAc,OAAM;UAAO,SAAS,QAAQ,cAAc,OAAO,KAAA;UAAW,UAAU,CAAC;SAAU,CAAA,GAAC,iCAEzH;QACP,CAAA,GAAA,oBAAC,KAAD;SAAG,OAAM;SAAc,UAAA;QAAiH,CAAA,CACrI;;OACL,qBAAC,OAAD;QAAK,OAAM;QAAX,UAAA;SACE,oBAAC,SAAD;UAAO,OAAM;UAAe,KAAI;UAAgB,UAAA;SAEzC,CAAA;SACP,oBAAC,SAAD;UACE,OAAM;UACN,IAAG;UACH,MAAK;UACL,MAAK;UACL,KAAI;UACJ,KAAI;UACJ,MAAK;UACL,OAAO,OAAO,QAAQ,aAAa;UACnC,UAAU,CAAC;SACZ,CAAA;SACD,oBAAC,KAAD;UAAG,OAAM;UAAc,UAAA;SAAiE,CAAA;QACrF;;OACJ,UACC,oBAAC,UAAD;QAAQ,OAAM;QAAmB,MAAK;QAAS,UAAA;OAEvC,CAAA,IAER,oBAAC,KAAD;QAAG,OAAM;QAAc,UAAA;OAA0C,CAAA;MAE/D;;IACH;;GACL,qBAAC,OAAD;IAAK,OAAM;IAAX,UAAA;KACE,oBAAC,MAAD;MAAI,OAAM;MAAoB,UAAA;KAAuB,CAAA;KACrD,oBAAC,OAAD;MAAK,OAAM;MAAc,OAAM;MAC5B,UAAA;;;;;;;;;;;;;KAaE,CAAA;KACL,qBAAC,KAAD;MAAG,OAAM;MAAT,UAAA;OAAuB;OACsB,oBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;OAAC;OAClE,oBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;OAAC;MACnB;;IACA;;EACF;;AAET"}

package/dist/pages/settings-tokens.mjs

@@ -3,6 +3,7 @@ import "node:url";
 import.meta.url;
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 //#region src/pages/settings-tokens.tsx
+/** Tokens settings tab: project CLI tokens plus the create-token form. */
 function renderSettingsTokens(project, tokens, isAdmin) {
 	return /* @__PURE__ */ jsxs("div", {
 		class: "grid",

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

@@ -1 +1 @@
-{"version":3,"file":"settings-tokens.mjs","names":[],"sources":["../../src/pages/settings-tokens.tsx"],"sourcesContent":["import type { Project, Token } from \"../schema.ts\";\n\nexport function renderSettingsTokens(project: Project, tokens: Array<Omit<Token, \"hash\">>, isAdmin: boolean): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">API tokens</h2>\n        <p class=\"field__hint\">Tokens are used by the CLI to upload builds. They are scoped to this project.</p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>Name</th>\n                <th>Created</th>\n                <th>Last used</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {tokens.map(\n                // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                (token) => (\n                  <tr key={token.id}>\n                    <td>{token.name}</td>\n                    <td>{new Date(token.createdAt).toLocaleDateString()}</td>\n                    <td>{token.lastUsedAt ? new Date(token.lastUsedAt).toLocaleDateString() : \"—\"}</td>\n                    <td>\n                      {isAdmin ? (\n                        <form method=\"post\" action={`/projects/${project.slug}/settings/tokens/${token.id}/delete`} hx-post={`/projects/${project.slug}/settings/tokens/${token.id}/delete`} hx-target=\"body\">\n                          <button class=\"btn btn--ghost\" type=\"submit\">\n                            Revoke\n                          </button>\n                        </form>\n                      ) : null}\n                    </td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {tokens.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No tokens yet. Create one for CI.</p> : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Create token</h3>\n          <form method=\"post\" action={`/projects/${project.slug}/settings/tokens`} hx-post={`/projects/${project.slug}/settings/tokens`} hx-target=\"body\">\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"tokenName\">\n                Name\n              </label>\n              <input class=\"field__input\" id=\"tokenName\" name=\"tokenName\" required placeholder=\"ci\" />\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Create token\n            </button>\n          </form>\n          <p class=\"field__hint\" style=\"margin-top:.5rem;\">Token value is shown once after creation. Store it securely.</p>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":";;;;;AAEA,SAAgB,qBAAqB,SAAkB,QAAoC,SAA2B;CACpH,OACE,qBAAC,OAAD;EAAK,OAAM;EAAO,OAAM;EAAxB,UAAA,CACE,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAAoB,UAAA;IAAc,CAAA;IAC5C,oBAAC,KAAD;KAAG,OAAM;KAAc,UAAA;IAAgF,CAAA;IACvG,oBAAC,OAAD;KAAK,OAAM;KAAa,OAAM;KAC5B,UAAA,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UACE,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UAAI,OAAQ,CAAA;MACZ,oBAAC,MAAD,EAAA,UAAI,UAAW,CAAA;MACf,oBAAC,MAAD,EAAA,UAAI,YAAa,CAAA;MACjB,oBAAC,MAAD,CAAQ,CAAA;KACN,EAAA,CAAA,EACC,CAAA,GACP,oBAAC,SAAD,EAAA,UACG,OAAO,KAEL,UACC,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UAAK,MAAM,KAAS,CAAA;MACpB,oBAAC,MAAD,EAAA,UAAK,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC,mBAAmB,EAAM,CAAA;MACxD,oBAAC,MAAD,EAAA,UAAK,MAAM,aAAa,IAAI,KAAK,MAAM,UAAU,CAAC,CAAC,mBAAmB,IAAI,IAAQ,CAAA;MAClF,oBAAC,MAAD,EAAA,UACG,UACC,oBAAC,QAAD;OAAM,QAAO;OAAO,QAAQ,aAAa,QAAQ,KAAK,mBAAmB,MAAM,GAAG;OAAU,WAAS,aAAa,QAAQ,KAAK,mBAAmB,MAAM,GAAG;OAAU,aAAU;OAC7K,UAAA,oBAAC,UAAD;QAAQ,OAAM;QAAiB,MAAK;QAAS,UAAA;OAErC,CAAA;MACJ,CAAA,IACJ,KACF,CAAA;KACF,EAAA,GAbK,MAAM,EAaX,CAER,EACK,CAAA,CACF,EAAA,CAAA;IACJ,CAAA;IACJ,OAAO,WAAW,IAAI,oBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAAoB,UAAA;IAAoC,CAAA,IAAI;GAC7G;EAEJ,CAAA,GAAA,UACC,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAAoB,UAAA;IAAgB,CAAA;IAC9C,qBAAC,QAAD;KAAM,QAAO;KAAO,QAAQ,aAAa,QAAQ,KAAK;KAAmB,WAAS,aAAa,QAAQ,KAAK;KAAmB,aAAU;KAAzI,UAAA,CACE,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,SAAD;OAAO,OAAM;OAAe,KAAI;OAAY,UAAA;MAErC,CAAA,GACP,oBAAC,SAAD;OAAO,OAAM;OAAe,IAAG;OAAY,MAAK;OAAY,UAAA;OAAS,aAAY;MAAM,CAAA,CACpF;KACL,CAAA,GAAA,oBAAC,UAAD;MAAQ,OAAM;MAAmB,MAAK;MAAS,UAAA;KAEvC,CAAA,CACJ;;IACN,oBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAAoB,UAAA;IAA+D,CAAA;GAC7G;EACH,CAAA,IAAA,IACD;;AAET"}
+{"version":3,"file":"settings-tokens.mjs","names":[],"sources":["../../src/pages/settings-tokens.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Project, Token } from \"../schema.ts\";\n\n/** Tokens settings tab: project CLI tokens plus the create-token form. */\nexport function renderSettingsTokens(project: Project, tokens: Omit<Token, \"hash\">[], isAdmin: boolean): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">API tokens</h2>\n        <p class=\"field__hint\">Tokens are used by the CLI to upload builds. They are scoped to this project.</p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>Name</th>\n                <th>Created</th>\n                <th>Last used</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {tokens.map(\n                (token): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                  <tr key={token.id}>\n                    <td>{token.name}</td>\n                    <td>{new Date(token.createdAt).toLocaleDateString()}</td>\n                    <td>{token.lastUsedAt ? new Date(token.lastUsedAt).toLocaleDateString() : \"—\"}</td>\n                    <td>\n                      {isAdmin ? (\n                        <form method=\"post\" action={`/projects/${project.slug}/settings/tokens/${token.id}/delete`} hx-post={`/projects/${project.slug}/settings/tokens/${token.id}/delete`} hx-target=\"body\">\n                          <button class=\"btn btn--ghost\" type=\"submit\">\n                            Revoke\n                          </button>\n                        </form>\n                      ) : null}\n                    </td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {tokens.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No tokens yet. Create one for CI.</p> : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Create token</h3>\n          <form method=\"post\" action={`/projects/${project.slug}/settings/tokens`} hx-post={`/projects/${project.slug}/settings/tokens`} hx-target=\"body\">\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"tokenName\">\n                Name\n              </label>\n              <input class=\"field__input\" id=\"tokenName\" name=\"tokenName\" required placeholder=\"ci\" />\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Create token\n            </button>\n          </form>\n          <p class=\"field__hint\" style=\"margin-top:.5rem;\">Token value is shown once after creation. Store it securely.</p>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":";;;;;;AAIA,SAAgB,qBAAqB,SAAkB,QAA+B,SAA2B;CAC/G,OACE,qBAAC,OAAD;EAAK,OAAM;EAAO,OAAM;EAAxB,UAAA,CACE,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAAoB,UAAA;IAAc,CAAA;IAC5C,oBAAC,KAAD;KAAG,OAAM;KAAc,UAAA;IAAgF,CAAA;IACvG,oBAAC,OAAD;KAAK,OAAM;KAAa,OAAM;KAC5B,UAAA,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UACE,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UAAI,OAAQ,CAAA;MACZ,oBAAC,MAAD,EAAA,UAAI,UAAW,CAAA;MACf,oBAAC,MAAD,EAAA,UAAI,YAAa,CAAA;MACjB,oBAAC,MAAD,CAAQ,CAAA;KACN,EAAA,CAAA,EACC,CAAA,GACP,oBAAC,SAAD,EAAA,UACG,OAAO,KACL,UACC,qBAAC,MAAD,EAAA,UAAA;MACE,oBAAC,MAAD,EAAA,UAAK,MAAM,KAAS,CAAA;MACpB,oBAAC,MAAD,EAAA,UAAK,IAAI,KAAK,MAAM,SAAS,CAAC,CAAC,mBAAmB,EAAM,CAAA;MACxD,oBAAC,MAAD,EAAA,UAAK,MAAM,aAAa,IAAI,KAAK,MAAM,UAAU,CAAC,CAAC,mBAAmB,IAAI,IAAQ,CAAA;MAClF,oBAAC,MAAD,EAAA,UACG,UACC,oBAAC,QAAD;OAAM,QAAO;OAAO,QAAQ,aAAa,QAAQ,KAAK,mBAAmB,MAAM,GAAG;OAAU,WAAS,aAAa,QAAQ,KAAK,mBAAmB,MAAM,GAAG;OAAU,aAAU;OAC7K,UAAA,oBAAC,UAAD;QAAQ,OAAM;QAAiB,MAAK;QAAS,UAAA;OAErC,CAAA;MACJ,CAAA,IACJ,KACF,CAAA;KACF,EAAA,GAbK,MAAM,EAaX,CAER,EACK,CAAA,CACF,EAAA,CAAA;IACJ,CAAA;IACJ,OAAO,WAAW,IAAI,oBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAAoB,UAAA;IAAoC,CAAA,IAAI;GAC7G;EAEJ,CAAA,GAAA,UACC,qBAAC,OAAD;GAAK,OAAM;GAAX,UAAA;IACE,oBAAC,MAAD;KAAI,OAAM;KAAoB,UAAA;IAAgB,CAAA;IAC9C,qBAAC,QAAD;KAAM,QAAO;KAAO,QAAQ,aAAa,QAAQ,KAAK;KAAmB,WAAS,aAAa,QAAQ,KAAK;KAAmB,aAAU;KAAzI,UAAA,CACE,qBAAC,OAAD;MAAK,OAAM;MAAX,UAAA,CACE,oBAAC,SAAD;OAAO,OAAM;OAAe,KAAI;OAAY,UAAA;MAErC,CAAA,GACP,oBAAC,SAAD;OAAO,OAAM;OAAe,IAAG;OAAY,MAAK;OAAY,UAAA;OAAS,aAAY;MAAM,CAAA,CACpF;KACL,CAAA,GAAA,oBAAC,UAAD;MAAQ,OAAM;MAAmB,MAAK;MAAS,UAAA;KAEvC,CAAA,CACJ;;IACN,oBAAC,KAAD;KAAG,OAAM;KAAc,OAAM;KAAoB,UAAA;IAA+D,CAAA;GAC7G;EACH,CAAA,IAAA,IACD;;AAET"}

package/dist/pages/settings-webhooks.mjs

@@ -3,6 +3,7 @@ import "node:url";
 import.meta.url;
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
 //#region src/pages/settings-webhooks.tsx
+/** Webhooks settings tab: webhook list plus the create-webhook form. */
 function renderSettingsWebhooks(project, webhooks, isAdmin, formState) {
 	return /* @__PURE__ */ jsxs("div", {
 		class: "grid",

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

@@ -1 +1 @@
-{"version":3,"file":"settings-webhooks.mjs","names":[],"sources":["../../src/pages/settings-webhooks.tsx"],"sourcesContent":["import type { Project } from \"../schema.ts\";\n\nexport interface SettingsWebhook {\n  id: string;\n  url: string;\n  events: string[];\n}\n\nexport function renderSettingsWebhooks(project: Project, webhooks: SettingsWebhook[], isAdmin: boolean, formState?: { errors?: Record<string, string>; globalError?: string; secret?: string }): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      {formState?.secret ? (\n        <div class=\"alert alert--success\" role=\"alert\">\n          <strong class=\"alert__title\">Webhook created</strong>\n          <div class=\"alert__body\">\n            Copy the signing secret now — shown once: <code>{formState.secret}</code>\n          </div>\n        </div>\n      ) : null}\n      {formState?.globalError ? (\n        <div class=\"alert alert--danger\" role=\"alert\">\n          {formState.globalError}\n        </div>\n      ) : null}\n\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Webhooks</h2>\n        <p class=\"field__hint\">\n          Notify external services when builds are created, updated, approved or rejected. Payloads are POSTed as JSON and signed with the webhook secret.\n        </p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>URL</th>\n                <th>Events</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {webhooks.map(\n                // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                (webhook) => (\n                  <tr key={webhook.id}>\n                    <td style=\"max-width:36ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;\" title={webhook.url}>\n                      {webhook.url}\n                    </td>\n                    <td>\n                      {webhook.events.length === 0 ? (\n                        <span class=\"field__hint\">all events</span>\n                      ) : (\n                        <div style=\"display:flex; gap:.25rem; flex-wrap:wrap;\">\n                          {webhook.events.map(\n                            // eslint-disable-next-line promise-function-async -- JSX.Element includes Promise<HtmlEscapedString>\n                            (event) => (\n                              <span key={event} class=\"badge badge--neutral\">\n                                {event}\n                              </span>\n                            ),\n                          )}\n                        </div>\n                      )}\n                    </td>\n                    <td>\n                      {isAdmin ? (\n                        <form method=\"post\" action={`/projects/${project.slug}/settings/webhooks/${webhook.id}/delete`} hx-post={`/projects/${project.slug}/settings/webhooks/${webhook.id}/delete`} hx-target=\"body\">\n                          <button class=\"btn btn--ghost\" type=\"submit\">\n                            Delete\n                          </button>\n                        </form>\n                      ) : null}\n                    </td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {webhooks.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No webhooks configured.</p> : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Create webhook</h3>\n          <form method=\"post\" action={`/projects/${project.slug}/settings/webhooks`} hx-post={`/projects/${project.slug}/settings/webhooks`} hx-target=\"body\">\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"url\">\n                URL\n              </label>\n              <input class={`field__input ${formState?.errors?.[\"url\"] ? \"field__input--error\" : \"\"}`} id=\"url\" name=\"url\" type=\"url\" required placeholder=\"https://example.com/hooks/storyshelf\" />\n              {formState?.errors?.[\"url\"] ? (\n                <p class=\"field__error\" role=\"alert\">\n                  {formState.errors[\"url\"]}\n                </p>\n              ) : null}\n            </div>\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"events\">\n                Events\n              </label>\n              <input class=\"field__input\" id=\"events\" name=\"events\" placeholder=\"build.created, build.approved, snapshot.reviewed\" />\n              <p class=\"field__hint\">Comma-separated. Leave blank to receive all events.</p>\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Add webhook\n            </button>\n          </form>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":"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"}
+{"version":3,"file":"settings-webhooks.mjs","names":[],"sources":["../../src/pages/settings-webhooks.tsx"],"sourcesContent":["import type { HtmlEscapedString } from \"hono/utils/html\";\nimport type { Project } from \"../schema.ts\";\n\n/** Webhook row as rendered in the webhooks settings tab. */\nexport interface SettingsWebhook {\n  id: string;\n  url: string;\n  events: string[];\n}\n\n/** Webhooks settings tab: webhook list plus the create-webhook form. */\nexport function renderSettingsWebhooks(project: Project, webhooks: SettingsWebhook[], isAdmin: boolean, formState?: { errors?: Record<string, string>; globalError?: string; secret?: string }): unknown {\n  return (\n    <div class=\"grid\" style=\"max-width: 880px;\">\n      {formState?.secret ? (\n        <div class=\"alert alert--success\" role=\"alert\">\n          <strong class=\"alert__title\">Webhook created</strong>\n          <div class=\"alert__body\">\n            Copy the signing secret now — shown once: <code>{formState.secret}</code>\n          </div>\n        </div>\n      ) : null}\n      {formState?.globalError ? (\n        <div class=\"alert alert--danger\" role=\"alert\">\n          {formState.globalError}\n        </div>\n      ) : null}\n\n      <div class=\"card card--padded\">\n        <h2 style=\"margin:0 0 .3rem;\">Webhooks</h2>\n        <p class=\"field__hint\">\n          Notify external services when builds are created, updated, approved or rejected. Payloads are POSTed as JSON and signed with the webhook secret.\n        </p>\n        <div class=\"table-wrap\" style=\"margin-top:.75rem;\">\n          <table>\n            <thead>\n              <tr>\n                <th>URL</th>\n                <th>Events</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              {webhooks.map(\n                (webhook): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                  <tr key={webhook.id}>\n                    <td style=\"max-width:36ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;\" title={webhook.url}>\n                      {webhook.url}\n                    </td>\n                    <td>\n                      {webhook.events.length === 0 ? (\n                        <span class=\"field__hint\">all events</span>\n                      ) : (\n                        <div style=\"display:flex; gap:.25rem; flex-wrap:wrap;\">\n                          {webhook.events.map(\n                            (event): HtmlEscapedString | Promise<HtmlEscapedString> => (\n                              <span key={event} class=\"badge badge--neutral\">\n                                {event}\n                              </span>\n                            ),\n                          )}\n                        </div>\n                      )}\n                    </td>\n                    <td>\n                      {isAdmin ? (\n                        <form method=\"post\" action={`/projects/${project.slug}/settings/webhooks/${webhook.id}/delete`} hx-post={`/projects/${project.slug}/settings/webhooks/${webhook.id}/delete`} hx-target=\"body\">\n                          <button class=\"btn btn--ghost\" type=\"submit\">\n                            Delete\n                          </button>\n                        </form>\n                      ) : null}\n                    </td>\n                  </tr>\n                ),\n              )}\n            </tbody>\n          </table>\n        </div>\n        {webhooks.length === 0 ? <p class=\"field__hint\" style=\"margin-top:.5rem;\">No webhooks configured.</p> : null}\n      </div>\n\n      {isAdmin ? (\n        <div class=\"card card--padded\">\n          <h3 style=\"margin:0 0 .5rem;\">Create webhook</h3>\n          <form method=\"post\" action={`/projects/${project.slug}/settings/webhooks`} hx-post={`/projects/${project.slug}/settings/webhooks`} hx-target=\"body\">\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"url\">\n                URL\n              </label>\n              <input class={`field__input ${formState?.errors?.[\"url\"] ? \"field__input--error\" : \"\"}`} id=\"url\" name=\"url\" type=\"url\" required placeholder=\"https://example.com/hooks/storyshelf\" />\n              {formState?.errors?.[\"url\"] ? (\n                <p class=\"field__error\" role=\"alert\">\n                  {formState.errors[\"url\"]}\n                </p>\n              ) : null}\n            </div>\n            <div class=\"field\">\n              <label class=\"field__label\" for=\"events\">\n                Events\n              </label>\n              <input class=\"field__input\" id=\"events\" name=\"events\" placeholder=\"build.created, build.approved, snapshot.reviewed\" />\n              <p class=\"field__hint\">Comma-separated. Leave blank to receive all events.</p>\n            </div>\n            <button class=\"btn btn--primary\" type=\"submit\">\n              Add webhook\n            </button>\n          </form>\n        </div>\n      ) : null}\n    </div>\n  );\n}"],"mappings":"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"}

package/dist/pages/storybook.mjs

@@ -0,0 +1,59 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { getStore } from "../store.mjs";
+//#region src/pages/storybook.tsx
+/**
+* Landing page for a published Storybook build. Presents the live Storybook
+* (via an iframe against the same build's statics) with the project chrome, so
+* the URL is shareable with designers/managers (ADR 0011).
+*/
+function renderStorybookPage(project, build, slug) {
+	const { ui } = getStore();
+	const name = ui.name ?? "StoryShelf";
+	return `<!doctype html>
+<html lang="en" data-theme="system">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>${escapeHtml(project.name)} Storybook · ${name}</title>
+    <style>
+      html, body { margin: 0; height: 100%; display: flex; flex-direction: column; font-family: system-ui, sans-serif; }
+      header { display: flex; align-items: center; gap: .75rem; padding: .5rem 1rem; border-bottom: 1px solid var(--border, #ddd); }
+      header a { color: inherit; text-decoration: none; }
+      header .crumb { opacity: .7; }
+      header .branch { font-weight: 600; }
+      iframe { flex: 1; border: 0; width: 100%; }
+    </style>
+  </head>
+  <body>
+    <header>
+      <a href="/">${name}</a>
+      <span class="crumb">/</span>
+      <a href="/projects/${escapeAttr(slug)}/builds">${escapeHtml(project.name)}</a>
+      <span class="crumb">/</span>
+      <span class="branch">${escapeHtml(build.gitBranch)}</span>
+      <span class="crumb">· ${build.gitSha.slice(0, 7)}</span>
+    </header>
+    <iframe src="${escapeAttr(`./iframe.html`)}" title="${escapeAttr(project.name)} Storybook"></iframe>
+  </body>
+</html>`;
+}
+function escapeHtml(value) {
+	return value.replaceAll(/[&<>"']/gu, (ch) => {
+		switch (ch) {
+			case "&": return "&amp;";
+			case "<": return "&lt;";
+			case ">": return "&gt;";
+			case "\"": return "&quot;";
+			default: return "&#39;";
+		}
+	});
+}
+function escapeAttr(value) {
+	return escapeHtml(value);
+}
+//#endregion
+export { renderStorybookPage };
+
+//# sourceMappingURL=storybook.mjs.map

package/dist/pages/storybook.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook.mjs","names":[],"sources":["../../src/pages/storybook.tsx"],"sourcesContent":["import { getStore } from \"../store.ts\";\nimport type { Build, Project } from \"../schema.ts\";\n\n/**\n * Landing page for a published Storybook build. Presents the live Storybook\n * (via an iframe against the same build's statics) with the project chrome, so\n * the URL is shareable with designers/managers (ADR 0011).\n */\nexport function renderStorybookPage(project: Project, build: Build, slug: string): string {\n  const { ui } = getStore();\n  const name = ui.name ?? \"StoryShelf\";\n  const iframeSrc = `./iframe.html`;\n  return `<!doctype html>\n<html lang=\"en\" data-theme=\"system\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n    <title>${escapeHtml(project.name)} Storybook · ${name}</title>\n    <style>\n      html, body { margin: 0; height: 100%; display: flex; flex-direction: column; font-family: system-ui, sans-serif; }\n      header { display: flex; align-items: center; gap: .75rem; padding: .5rem 1rem; border-bottom: 1px solid var(--border, #ddd); }\n      header a { color: inherit; text-decoration: none; }\n      header .crumb { opacity: .7; }\n      header .branch { font-weight: 600; }\n      iframe { flex: 1; border: 0; width: 100%; }\n    </style>\n  </head>\n  <body>\n    <header>\n      <a href=\"/\">${name}</a>\n      <span class=\"crumb\">/</span>\n      <a href=\"/projects/${escapeAttr(slug)}/builds\">${escapeHtml(project.name)}</a>\n      <span class=\"crumb\">/</span>\n      <span class=\"branch\">${escapeHtml(build.gitBranch)}</span>\n      <span class=\"crumb\">· ${build.gitSha.slice(0, 7)}</span>\n    </header>\n    <iframe src=\"${escapeAttr(iframeSrc)}\" title=\"${escapeAttr(project.name)} Storybook\"></iframe>\n  </body>\n</html>`;\n}\n\nfunction escapeHtml(value: string): string {\n  return value.replaceAll(/[&<>\"']/gu, (ch) => {\n    switch (ch) {\n      case \"&\": {\n        return \"&amp;\";\n      }\n      case \"<\": {\n        return \"&lt;\";\n      }\n      case \">\": {\n        return \"&gt;\";\n      }\n      case '\"': {\n        return \"&quot;\";\n      }\n      default: {\n        return \"&#39;\";\n      }\n    }\n  });\n}\n\nfunction escapeAttr(value: string): string {\n  return escapeHtml(value);\n}\n"],"mappings":";;;;;;;;;;AAQA,SAAgB,oBAAoB,SAAkB,OAAc,MAAsB;CACxF,MAAM,EAAE,OAAO,SAAS;CACxB,MAAM,OAAO,GAAG,QAAQ;CAExB,OAAO;;;;;aAKI,WAAW,QAAQ,IAAI,EAAE,eAAe,KAAK;;;;;;;;;;;;oBAYtC,KAAK;;2BAEE,WAAW,IAAI,EAAE,WAAW,WAAW,QAAQ,IAAI,EAAE;;6BAEnD,WAAW,MAAM,SAAS,EAAE;8BAC3B,MAAM,OAAO,MAAM,GAAG,CAAC,EAAE;;mBAEpC,WAAW,eAAS,EAAE,WAAW,WAAW,QAAQ,IAAI,EAAE;;;AAG7E;AAEA,SAAS,WAAW,OAAuB;CACzC,OAAO,MAAM,WAAW,cAAc,OAAO;EAC3C,QAAQ,IAAR;GACE,KAAK,KACH,OAAO;GAET,KAAK,KACH,OAAO;GAET,KAAK,KACH,OAAO;GAET,KAAK,MACH,OAAO;GAET,SACE,OAAO;EAEX;CACF,CAAC;AACH;AAEA,SAAS,WAAW,OAAuB;CACzC,OAAO,WAAW,KAAK;AACzB"}

package/dist/retention/purge.d.mts

@@ -5,14 +5,17 @@ import { StorageAdapter } from "../adapter/storage.mjs";
 import { Project } from "../schema.mjs";
 import { Logger } from "pino";
 //#region src/retention/purge.d.ts
+/** Options controlling which builds a retention purge removes. */
 interface PurgeOptions {
   ttlDays: number;
   keepLatestPerBranch: boolean;
 }
+/** Counts of builds and files removed by a retention purge. */
 interface PurgeResult {
   removedBuilds: number;
   removedFiles: number;
 }
+/** Removes expired transient builds while keeping baselines and persistent builds. */
 declare class Retention {
   private readonly db;
   private readonly storage;

package/dist/retention/purge.mjs

@@ -1,12 +1,13 @@
 import "node:path";
 import "node:url";
 import.meta.url;
-import { builds } from "../schema.mjs";
+import { builds } from "../schema-tables.mjs";
 import { BuildModel } from "../models/build.mjs";
 import { TERMINAL_BUILD_STATUSES } from "../types.mjs";
 import { LabelModel } from "../models/label.mjs";
 import { and, eq, inArray, lt, sql } from "drizzle-orm";
 //#region src/retention/purge.ts
+/** Removes expired transient builds while keeping baselines and persistent builds. */
 var Retention = class {
 	db;
 	storage;