@storyshelf/core 0.1.3 → 0.3.2

package/dist/schema.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"schema.mjs","names":["projectsTable","projectStatusConfigsTable","buildsTable","snapshotsTable","baselinesTable","commentsTable","labelTypesTable","buildLabelsTable","tokensTable","webhooksTable","usersTable","projectMembersTable"],"sources":["../src/schema.ts"],"sourcesContent":["import type { AnySQLiteTable } from \"drizzle-orm/sqlite-core\";\n\nimport {\n  baselines as baselinesTable,\n  buildLabels as buildLabelsTable,\n  builds as buildsTable,\n  comments as commentsTable,\n  labelTypes as labelTypesTable,\n  projectMembers as projectMembersTable,\n  projects as projectsTable,\n  projectStatusConfigs as projectStatusConfigsTable,\n  snapshots as snapshotsTable,\n  tokens as tokensTable,\n  users as usersTable,\n  webhooks as webhooksTable,\n} from \"./schema-tables.ts\";\nimport type { BuildStatus, ProjectRole, SiteRole, SnapshotStatus } from \"./types.ts\";\n\n/**\n * Database schema: table handles, row types, and the schema object passed to\n * the Drizzle client.\n */\n\n/** Storybook metadata synced from a project's published Storybook. */\nexport interface StorybookMeta {\n  framework?: { name?: string; options?: unknown };\n  addons?: string[];\n  storiesGlobs?: string[];\n  staticDirs?: string[];\n  packagePath?: string;\n  previewParameters?: Record<string, unknown>;\n}\n\n/** Projects table (one row per Storybook project). */\nexport const projects: AnySQLiteTable = projectsTable;\n/** Project status-configs table (merge-gate configurations). */\nexport const projectStatusConfigs: AnySQLiteTable = projectStatusConfigsTable;\n/** Builds table (one row per uploaded Storybook build). */\nexport const builds: AnySQLiteTable = buildsTable;\n/** Snapshots table (one row per captured story screenshot). */\nexport const snapshots: AnySQLiteTable = snapshotsTable;\n/** Baselines table (accepted reference snapshots per branch). */\nexport const baselines: AnySQLiteTable = baselinesTable;\n/** Comments table (review comments on snapshots). */\nexport const comments: AnySQLiteTable = commentsTable;\n/** Label-types table (project-defined build label vocabularies). */\nexport const labelTypes: AnySQLiteTable = labelTypesTable;\n/** Build-labels table (labels attached to builds). */\nexport const buildLabels: AnySQLiteTable = buildLabelsTable;\n/** Tokens table (CI token hashes per project). */\nexport const tokens: AnySQLiteTable = tokensTable;\n/** Webhooks table (outgoing build-event subscriptions). */\nexport const webhooks: AnySQLiteTable = webhooksTable;\n/** Users table (dashboard members). */\nexport const users: AnySQLiteTable = usersTable;\n/** Project-members table (per-project memberships and roles). */\nexport const projectMembers: AnySQLiteTable = projectMembersTable;\n\n/** Full Drizzle schema object passed to the database client. */\nexport const schema = {\n  projects,\n  projectStatusConfigs,\n  builds,\n  snapshots,\n  baselines,\n  comments,\n  labelTypes,\n  buildLabels,\n  tokens,\n  webhooks,\n  users,\n  projectMembers,\n};\n\n/** The full database schema type. */\nexport type Schema = typeof schema;\n\n/** A project row. */\nexport interface Project {\n  id: string;\n  name: string;\n  slug: string;\n  gitRepository: string | null;\n  gitDefaultBranch: string;\n  pixelThreshold: number;\n  maxDiffRatio: number;\n  publicBranchRegex: string | null;\n  storybookMeta: string | null | undefined;\n  executePlay: boolean;\n  playTimeoutMs: number;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/** A project status-config row. */\nexport interface ProjectStatusConfig {\n  id: string;\n  projectId: string;\n  provider: string;\n  config: string;\n  tokenEncrypted: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/** A build row. */\nexport interface Build {\n  id: string;\n  projectId: string;\n  gitSha: string;\n  gitBranch: string;\n  isDefault: boolean;\n  authorEmail: string | null;\n  authorName: string | null;\n  message: string | null;\n  public: boolean;\n  status: BuildStatus;\n  snapshotCount: number;\n  changedCount: number;\n  approvedCount: number;\n  rejectedCount: number;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/** A snapshot row. */\nexport interface Snapshot {\n  id: string;\n  projectId: string;\n  buildId: string;\n  storyId: string;\n  storyName: string;\n  storyTitle: string;\n  storyImportPath: string | null;\n  viewportName: string;\n  viewportWidth: number;\n  viewportHeight: number;\n  screenshotPath: string;\n  diffPath: string | null;\n  diffPixels: number | null;\n  diffRatio: number | null;\n  diffPassed: boolean | null;\n  status: SnapshotStatus;\n  reviewedBy: string | null;\n  reviewedAt: string | null;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/** A baseline row. */\nexport interface Baseline {\n  id: string;\n  projectId: string;\n  storyId: string;\n  viewportName: string;\n  branch: string;\n  snapshotId: string | null;\n  screenshotPath: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/** A comment row. */\nexport interface Comment {\n  id: string;\n  projectId: string;\n  buildId: string;\n  snapshotId: string | null;\n  userId: string;\n  body: string;\n  parentId: string | null;\n  resolved: boolean;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/** A label-type row. */\nexport interface LabelType {\n  id: string;\n  projectId: string;\n  key: string;\n  name: string;\n  linkTemplate: string | null;\n  color: string | null;\n  createdAt: string;\n}\n\n/** A build-label row. */\nexport interface BuildLabel {\n  id: string;\n  projectId: string;\n  buildId: string;\n  typeKey: string;\n  value: string;\n  createdAt: string;\n}\n\n/** A CI token row (hash only; the secret itself is never stored). */\nexport interface Token {\n  id: string;\n  projectId: string;\n  name: string;\n  hash: string;\n  lastUsedAt: string | null;\n  createdAt: string;\n}\n\n/** A webhook subscription row. */\nexport interface Webhook {\n  id: string;\n  projectId: string;\n  url: string;\n  secret: string;\n  events: string | null;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/** A user row. */\nexport interface User {\n  id: string;\n  email: string;\n  name: string;\n  avatarUrl: string | null;\n  role: SiteRole;\n  lastLoginAt: string | null;\n  createdAt: string;\n}\n\n/** A project-membership row. */\nexport interface ProjectMember {\n  id: string;\n  projectId: string;\n  userId: string;\n  role: ProjectRole;\n  createdAt: string;\n}\n"],"mappings":";;;;;;AAkCA,MAAa,WAA2BA;;AAExC,MAAa,uBAAuCC;;AAEpD,MAAa,SAAyBC;;AAEtC,MAAa,YAA4BC;;AAEzC,MAAa,YAA4BC;;AAEzC,MAAa,WAA2BC;;AAExC,MAAa,aAA6BC;;AAE1C,MAAa,cAA8BC;;AAE3C,MAAa,SAAyBC;;AAEtC,MAAa,WAA2BC;;AAExC,MAAa,QAAwBC;;AAErC,MAAa,iBAAiCC;;AAG9C,MAAa,SAAS;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"schema.mjs","names":["projectsTable","projectStatusConfigsTable","buildsTable","snapshotsTable","baselinesTable","commentsTable","labelTypesTable","buildLabelsTable","tokensTable","webhooksTable","usersTable","projectMembersTable"],"sources":["../src/schema/index.ts"],"sourcesContent":["/**\n * Database schema: table handles, row types, and the schema object passed\n * to the database client.\n */\nimport type { AnySQLiteTable } from \"drizzle-orm/sqlite-core\";\n\nimport { baselines as baselinesTable } from \"./baseline.ts\";\nimport { buildLabels as buildLabelsTable, labelTypes as labelTypesTable } from \"./label.ts\";\nimport { builds as buildsTable } from \"./build.ts\";\nimport { comments as commentsTable } from \"./comment.ts\";\nimport { projectMembers as projectMembersTable } from \"./member.ts\";\nimport { projects as projectsTable } from \"./project.ts\";\nimport { projectStatusConfigs as projectStatusConfigsTable } from \"./status-config.ts\";\nimport { snapshots as snapshotsTable } from \"./snapshot.ts\";\nimport { tokens as tokensTable } from \"./token.ts\";\nimport { users as usersTable } from \"./user.ts\";\nimport { webhooks as webhooksTable } from \"./webhook.ts\";\n\n/**\n * Database schema: table handles, row types, and the schema object passed\n * to the database client.\n *\n * Table handles are explicitly typed (JSR fast-check); exact column types\n * live on the narrow per-entity definitions, and the row interfaces are\n * pinned to them by `schema-types.test.ts`.\n */\nexport type { Baseline } from \"./baseline.ts\";\nexport type { Build } from \"./build.ts\";\nexport type { Comment } from \"./comment.ts\";\nexport type { BuildLabel, LabelType } from \"./label.ts\";\nexport type { ProjectMember } from \"./member.ts\";\nexport type { Project, StorybookMeta } from \"./project.ts\";\nexport type { ProjectStatusConfig } from \"./status-config.ts\";\nexport type { Snapshot } from \"./snapshot.ts\";\nexport type { Token } from \"./token.ts\";\nexport type { User } from \"./user.ts\";\nexport type { Webhook } from \"./webhook.ts\";\n\n/** Projects table (one row per Storybook project). */\nexport const projects: AnySQLiteTable = projectsTable;\n/** Project status-configs table (merge-gate configurations). */\nexport const projectStatusConfigs: AnySQLiteTable = projectStatusConfigsTable;\n/** Builds table (one row per uploaded Storybook build). */\nexport const builds: AnySQLiteTable = buildsTable;\n/** Snapshots table (one row per captured story screenshot). */\nexport const snapshots: AnySQLiteTable = snapshotsTable;\n/** Baselines table (accepted reference snapshots per branch). */\nexport const baselines: AnySQLiteTable = baselinesTable;\n/** Comments table (review comments on snapshots). */\nexport const comments: AnySQLiteTable = commentsTable;\n/** Label-types table (project-defined build label vocabularies). */\nexport const labelTypes: AnySQLiteTable = labelTypesTable;\n/** Build-labels table (labels attached to builds). */\nexport const buildLabels: AnySQLiteTable = buildLabelsTable;\n/** Tokens table (CI token hashes per project). */\nexport const tokens: AnySQLiteTable = tokensTable;\n/** Webhooks table (outgoing build-event subscriptions). */\nexport const webhooks: AnySQLiteTable = webhooksTable;\n/** Users table (dashboard members). */\nexport const users: AnySQLiteTable = usersTable;\n/** Project-members table (per-project memberships and roles). */\nexport const projectMembers: AnySQLiteTable = projectMembersTable;\n\n/** Full Drizzle schema object passed to the database client. */\nexport const schema = {\n  projects,\n  projectStatusConfigs,\n  builds,\n  snapshots,\n  baselines,\n  comments,\n  labelTypes,\n  buildLabels,\n  tokens,\n  webhooks,\n  users,\n  projectMembers,\n};\n\n/** The full database schema type. */\nexport type Schema = typeof schema;\n"],"mappings":";;;;;;;;;;;;;;;;AAuCA,MAAa,WAA2BA;;AAExC,MAAa,uBAAuCC;;AAEpD,MAAa,SAAyBC;;AAEtC,MAAa,YAA4BC;;AAEzC,MAAa,YAA4BC;;AAEzC,MAAa,WAA2BC;;AAExC,MAAa,aAA6BC;;AAE1C,MAAa,cAA8BC;;AAE3C,MAAa,SAAyBC;;AAEtC,MAAa,WAA2BC;;AAExC,MAAa,QAAwBC;;AAErC,MAAa,iBAAiCC;;AAG9C,MAAa,SAAS;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/store.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"store.mjs","names":[],"sources":["../src/store.ts"],"sourcesContent":["import { AsyncLocalStorage } from \"node:async_hooks\";\n\nimport type { Logger } from \"pino\";\n\nimport type { AuthUser } from \"./adapters/auth.ts\";\nimport type { CaptureQueue } from \"./adapters/capture-queue.ts\";\nimport type { DatabaseAdapter } from \"./adapters/database.ts\";\nimport type { GitHostProvider } from \"./adapters/git-host/index.ts\";\nimport type { StorageAdapter } from \"./adapters/storage.ts\";\nimport type { ShelfConfig, UIConfig } from \"./config.ts\";\n\n/** Request-scoped dependencies and session state. */\nexport interface Store {\n  db: DatabaseAdapter;\n  storage: StorageAdapter;\n  config: ShelfConfig;\n  ui: UIConfig;\n  logger: Logger;\n  user: AuthUser | null;\n  authEnabled: boolean;\n  enqueueCapture?: (buildId: string, reqId?: string) => Promise<void>;\n  captureQueue?: CaptureQueue | null;\n  gitHosts: GitHostProvider[];\n}\n\nconst storage = new AsyncLocalStorage<Store>();\n\n/** Run a function with the given request store in scope. */\nexport function runWithStore<T>(store: Store, fn: () => T): T {\n  return storage.run(store, fn);\n}\n\n/** Return the current request store, throwing outside a request scope. */\nexport function getStore(): Store {\n  const store = storage.getStore();\n  if (!store) {\n    throw new Error(\"Store not available. Use runWithStore().\");\n  }\n  return store;\n}\n"],"mappings":";;;;;AAyBA,MAAM,UAAU,IAAI,kBAAyB;;AAG7C,SAAgB,aAAgB,OAAc,IAAgB;CAC5D,OAAO,QAAQ,IAAI,OAAO,EAAE;AAC9B;;AAGA,SAAgB,WAAkB;CAChC,MAAM,QAAQ,QAAQ,SAAS;CAC/B,IAAI,CAAC,OACH,MAAM,IAAI,MAAM,0CAA0C;CAE5D,OAAO;AACT"}
+{"version":3,"file":"store.mjs","names":[],"sources":["../src/store.ts"],"sourcesContent":["import { AsyncLocalStorage } from \"node:async_hooks\";\nimport type { Logger } from \"pino\";\nimport type { AuthUser } from \"./adapters/auth.ts\";\nimport type { CaptureQueue } from \"./adapters/capture-queue.ts\";\nimport type { DatabaseAdapter } from \"./adapters/database.ts\";\nimport type { GitHostProvider } from \"./adapters/git-host/index.ts\";\nimport type { StorageAdapter } from \"./adapters/storage.ts\";\nimport type { ShelfConfig, UIConfig } from \"./config.ts\";\n\n/** Request-scoped dependencies and session state. */\nexport interface Store {\n  db: DatabaseAdapter;\n  storage: StorageAdapter;\n  config: ShelfConfig;\n  ui: UIConfig;\n  logger: Logger;\n  user: AuthUser | null;\n  authEnabled: boolean;\n  enqueueCapture?: (buildId: string, reqId?: string) => Promise<void>;\n  captureQueue?: CaptureQueue | null;\n  gitHosts: GitHostProvider[];\n}\n\nconst storage = new AsyncLocalStorage<Store>();\n\n/** Run a function with the given request store in scope. */\nexport function runWithStore<T>(store: Store, fn: () => T): T {\n  return storage.run(store, fn);\n}\n\n/** Return the current request store, throwing outside a request scope. */\nexport function getStore(): Store {\n  const store = storage.getStore();\n  if (!store) {\n    throw new Error(\"Store not available. Use runWithStore().\");\n  }\n  return store;\n}\n"],"mappings":";;;;;AAuBA,MAAM,UAAU,IAAI,kBAAyB;;AAG7C,SAAgB,aAAgB,OAAc,IAAgB;CAC5D,OAAO,QAAQ,IAAI,OAAO,EAAE;AAC9B;;AAGA,SAAgB,WAAkB;CAChC,MAAM,QAAQ,QAAQ,SAAS;CAC/B,IAAI,CAAC,OACH,MAAM,IAAI,MAAM,0CAA0C;CAE5D,OAAO;AACT"}

package/dist/types.d.mts

@@ -1,6 +1,5 @@
 import __tsdown_shims_path from 'node:path';
 import __tsdown_shims_url from 'node:url';
-import { Logger } from "./logger.mjs";
 //#region src/types.d.ts
 /** All lifecycle statuses a build can carry. */
 declare const BUILD_STATUSES: readonly ["pending", "capturing", "comparing", "reviewing", "approved", "rejected", "failed"];
@@ -27,5 +26,5 @@ declare const RESERVED_LABEL_KEYS: readonly ["build"];
 /** Label key marking a build as exempt from retention purging. */
 declare const PERSISTENT_LABEL_KEY = "persistent";
 //#endregion
-export { BUILD_STATUSES, BuildStatus, type Logger, PERSISTENT_LABEL_KEY, PROJECT_ROLES, ProjectRole, RESERVED_LABEL_KEYS, SEEDED_LABEL_KEYS, SITE_ROLES, SNAPSHOT_STATUSES, SiteRole, SnapshotStatus, TERMINAL_BUILD_STATUSES };
+export { BUILD_STATUSES, BuildStatus, PERSISTENT_LABEL_KEY, PROJECT_ROLES, ProjectRole, RESERVED_LABEL_KEYS, SEEDED_LABEL_KEYS, SITE_ROLES, SNAPSHOT_STATUSES, SiteRole, SnapshotStatus, TERMINAL_BUILD_STATUSES };
 //# sourceMappingURL=types.d.mts.map

package/dist/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../src/types.ts"],"sourcesContent":["/** All lifecycle statuses a build can carry. */\nexport const BUILD_STATUSES = [\n  \"pending\",\n  \"capturing\",\n  \"comparing\",\n  \"reviewing\",\n  \"approved\",\n  \"rejected\",\n  \"failed\",\n] as const;\n\n/** Lifecycle status of a build. */\nexport type BuildStatus = (typeof BUILD_STATUSES)[number];\n\n/** All review statuses a snapshot can carry. */\nexport const SNAPSHOT_STATUSES = [\"pending\", \"new\", \"unchanged\", \"changed\", \"approved\", \"rejected\"] as const;\n\n/** Review status of a snapshot. */\nexport type SnapshotStatus = (typeof SNAPSHOT_STATUSES)[number];\n\n/** Build statuses eligible for retention purging. */\nexport const TERMINAL_BUILD_STATUSES: readonly BuildStatus[] = [\"approved\", \"rejected\", \"failed\"];\n\n/** All site-wide user roles. */\nexport const SITE_ROLES = [\"admin\", \"member\"] as const;\n\n/** Site-wide role of a user. */\nexport type SiteRole = (typeof SITE_ROLES)[number];\n\n/** All per-project membership roles. */\nexport const PROJECT_ROLES = [\"admin\", \"approver\", \"developer\", \"viewer\"] as const;\n\n/** Per-project role of a member. */\nexport type ProjectRole = (typeof PROJECT_ROLES)[number];\n\n/** Label type keys seeded for every new project. */\nexport const SEEDED_LABEL_KEYS = [\"branch\", \"persistent\", \"pr\", \"mr\", \"jira\", \"linear\", \"figma\", \"custom\"] as const;\n\n/** Label type keys reserved for internal use. */\nexport const RESERVED_LABEL_KEYS = [\"build\"] as const;\n\n/** Label key marking a build as exempt from retention purging. */\nexport const PERSISTENT_LABEL_KEY = \"persistent\";\n\nexport type { Logger } from \"./logger.ts\";\n"],"mappings":";;;;;AACA,MAAa,iBAAiB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAMA,MAAa,oBAAoB;CAAC;CAAW;CAAO;CAAa;CAAW;CAAY;AAAU;;AAMlG,MAAa,0BAAkD;CAAC;CAAY;CAAY;AAAQ;;AAGhG,MAAa,aAAa,CAAC,SAAS,QAAQ;;AAM5C,MAAa,gBAAgB;CAAC;CAAS;CAAY;CAAa;AAAQ;;AAMxE,MAAa,oBAAoB;CAAC;CAAU;CAAc;CAAM;CAAM;CAAQ;CAAU;CAAS;AAAQ;;AAGzG,MAAa,sBAAsB,CAAC,OAAO;;AAG3C,MAAa,uBAAuB"}
+{"version":3,"file":"types.mjs","names":[],"sources":["../src/types.ts"],"sourcesContent":["/** All lifecycle statuses a build can carry. */\nexport const BUILD_STATUSES = [\n  \"pending\",\n  \"capturing\",\n  \"comparing\",\n  \"reviewing\",\n  \"approved\",\n  \"rejected\",\n  \"failed\",\n] as const;\n\n/** Lifecycle status of a build. */\nexport type BuildStatus = (typeof BUILD_STATUSES)[number];\n\n/** All review statuses a snapshot can carry. */\nexport const SNAPSHOT_STATUSES = [\n  \"pending\",\n  \"new\",\n  \"unchanged\",\n  \"changed\",\n  \"approved\",\n  \"rejected\",\n] as const;\n\n/** Review status of a snapshot. */\nexport type SnapshotStatus = (typeof SNAPSHOT_STATUSES)[number];\n\n/** Build statuses eligible for retention purging. */\nexport const TERMINAL_BUILD_STATUSES: readonly BuildStatus[] = [\"approved\", \"rejected\", \"failed\"];\n\n/** All site-wide user roles. */\nexport const SITE_ROLES = [\"admin\", \"member\"] as const;\n\n/** Site-wide role of a user. */\nexport type SiteRole = (typeof SITE_ROLES)[number];\n\n/** All per-project membership roles. */\nexport const PROJECT_ROLES = [\"admin\", \"approver\", \"developer\", \"viewer\"] as const;\n\n/** Per-project role of a member. */\nexport type ProjectRole = (typeof PROJECT_ROLES)[number];\n\n/** Label type keys seeded for every new project. */\nexport const SEEDED_LABEL_KEYS = [\n  \"branch\",\n  \"persistent\",\n  \"pr\",\n  \"mr\",\n  \"jira\",\n  \"linear\",\n  \"figma\",\n  \"custom\",\n] as const;\n\n/** Label type keys reserved for internal use. */\nexport const RESERVED_LABEL_KEYS = [\"build\"] as const;\n\n/** Label key marking a build as exempt from retention purging. */\nexport const PERSISTENT_LABEL_KEY = \"persistent\";\n"],"mappings":";;;;;AACA,MAAa,iBAAiB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAMA,MAAa,oBAAoB;CAC/B;CACA;CACA;CACA;CACA;CACA;AACF;;AAMA,MAAa,0BAAkD;CAAC;CAAY;CAAY;AAAQ;;AAGhG,MAAa,aAAa,CAAC,SAAS,QAAQ;;AAM5C,MAAa,gBAAgB;CAAC;CAAS;CAAY;CAAa;AAAQ;;AAMxE,MAAa,oBAAoB;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAGA,MAAa,sBAAsB,CAAC,OAAO;;AAG3C,MAAa,uBAAuB"}

package/dist/ui/document.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"document.mjs","names":[],"sources":["../../src/ui/document.tsx"],"sourcesContent":["import type { FC } from \"hono/jsx\";\n\nimport { getStore } from \"../store.ts\";\nimport { baseStyle } from \"./styles.ts\";\nimport { DARK_THEME, LIGHT_THEME } from \"./theme.ts\";\n\n/** Rendered HTML content returned by page components. */\nexport type RenderedContent = string | Promise<string>;\n\ninterface NavConfig {\n  active?: string;\n  projectSlug?: string;\n  projectName?: string;\n}\n\n// Hono's JSX.Element is typed as `HtmlEscapedString | Promise<...>`, so JSX-returning\n// Functions can legitimately return a promise; the rule is a false positive here.\n/** Full HTML document shell with top bar, sidebar, theme, and HTMX. */\n// eslint-disable-next-line promise-function-async -- JSX component return type\nexport const DocumentLayout: FC<{ title: string; nav?: NavConfig; children?: unknown }> = ({ title, nav, children }) => {\n  const { ui } = getStore();\n  const name = ui.name ?? \"StoryShelf\";\n  const light = ui.lightTheme ?? LIGHT_THEME;\n  const dark = ui.darkTheme ?? DARK_THEME;\n\n  return (\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        <meta name=\"color-scheme\" content=\"light dark\" />\n        {ui.favicon ? <link rel=\"icon\" href={ui.favicon} /> : null}\n        <title>\n          {title} · {name}\n        </title>\n        <style>{baseStyle(light, dark)}</style>\n        <script dangerouslySetInnerHTML={{ __html: themeScript() }} />\n      </head>\n      <body>\n        <a class=\"skip-link\" href=\"#main-content\">\n          Skip to content\n        </a>\n        <TopBar name={name} logo={ui.logo} nav={nav} />\n        <div class=\"shell\">\n          <Sidebar nav={nav} />\n          <main id=\"main-content\" class=\"content\" tabindex={-1}>\n            {children}\n          </main>\n        </div>\n        <script src=\"/assets/htmx.js\" />\n        <script dangerouslySetInnerHTML={{ __html: clientScript() }} />\n      </body>\n    </html>\n  );\n};\n\n// eslint-disable-next-line promise-function-async -- JSX component return type\nconst TopBar: FC<{ name: string; logo?: string; nav?: NavConfig }> = ({ name, logo, nav }) => {\n  return (\n    <header class=\"topbar\" role=\"banner\">\n      <div class=\"topbar__inner\">\n        <div class=\"topbar__left\">\n          <button class=\"topbar__menu\" type=\"button\" aria-label=\"Toggle navigation\" aria-expanded=\"false\" aria-controls=\"sidebar\" data-sidebar-toggle>\n            <span aria-hidden=\"true\">☰</span>\n          </button>\n          <a class=\"brand\" href=\"/\">\n            {logo ? <img class=\"logo\" src={logo} alt={name} width=\"28\" height=\"28\" /> : <span class=\"brand__mark\" aria-hidden=\"true\">◆</span>}\n            <span class=\"brand__name\">{name}</span>\n          </a>\n          {nav?.projectSlug ? (\n            <nav class=\"project-crumb\" aria-label=\"Project\">\n              <span class=\"project-crumb__sep\" aria-hidden=\"true\">\n                /\n              </span>\n              <a href={`/projects/${nav.projectSlug}/builds`}>{nav.projectName ?? nav.projectSlug}</a>\n            </nav>\n          ) : null}\n        </div>\n        <div class=\"topbar__right\">\n          <ThemeToggle />\n          <AuthMenu />\n        </div>\n      </div>\n    </header>\n  );\n};\n\n// eslint-disable-next-line promise-function-async -- JSX component return type\nconst ThemeToggle: FC = () => {\n  return (\n    <button class=\"topbar__theme\" type=\"button\" aria-label=\"Toggle theme\" data-theme-toggle>\n      <span data-theme-icon=\"light\" aria-hidden=\"true\">\n        ☀\n      </span>\n      <span data-theme-icon=\"dark\" aria-hidden=\"true\">\n        ☾\n      </span>\n      <span data-theme-icon=\"system\" aria-hidden=\"true\">\n        ◐\n      </span>\n    </button>\n  );\n};\n\n// eslint-disable-next-line promise-function-async -- JSX component return type\nconst AuthMenu: FC = () => {\n  const { user, authEnabled } = getStore();\n  if (!authEnabled) {\n    return null;\n  }\n  if (!user) {\n    return (\n      <a class=\"topbar__login\" href=\"/auth/login\">\n        Sign in\n      </a>\n    );\n  }\n  return (\n    <div class=\"user-menu\">\n      {user.avatarUrl ? (\n        <img class=\"user-menu__avatar\" src={user.avatarUrl} alt=\"\" width=\"28\" height=\"28\" />\n      ) : (\n        <span class=\"user-menu__avatar user-menu__avatar--fallback\" aria-hidden=\"true\">\n          {user.name.slice(0, 1).toUpperCase()}\n        </span>\n      )}\n      <span class=\"user-menu__name\">{user.name}</span>\n      <span class={`user-menu__role user-menu__role--${user.role}`}>{user.role}</span>\n      <form method=\"post\" action=\"/auth/logout\">\n        <button class=\"user-menu__logout\" type=\"submit\">\n          Sign out\n        </button>\n      </form>\n    </div>\n  );\n};\n\n// eslint-disable-next-line promise-function-async -- JSX component return type\nconst Sidebar: FC<{ nav?: NavConfig }> = ({ nav }) => {\n  return (\n    <aside id=\"sidebar\" class=\"sidebar\" aria-label=\"Primary\">\n      <nav class=\"sidebar__nav\">\n        <a class={`sidebar__link ${nav?.active === \"projects\" ? \"sidebar__link--active\" : \"\"}`} href=\"/projects\" aria-current={nav?.active === \"projects\" ? \"page\" : undefined}>\n          <span aria-hidden=\"true\">▦</span> Projects\n        </a>\n        {nav?.projectSlug ? (\n          <>\n            <div class=\"sidebar__section\">Project</div>\n            <a class={`sidebar__link ${nav.active === \"builds\" ? \"sidebar__link--active\" : \"\"}`} href={`/projects/${nav.projectSlug}/builds`} aria-current={nav.active === \"builds\" ? \"page\" : undefined}>\n              <span aria-hidden=\"true\">◧</span> Builds\n            </a>\n            <a class={`sidebar__link ${nav.active === \"jobs\" ? \"sidebar__link--active\" : \"\"}`} href={`/projects/${nav.projectSlug}/jobs`} aria-current={nav.active === \"jobs\" ? \"page\" : undefined}>\n              <span aria-hidden=\"true\">◫</span> Jobs\n            </a>\n            <a class={`sidebar__link ${nav.active === \"labels\" ? \"sidebar__link--active\" : \"\"}`} href={`/projects/${nav.projectSlug}/labels`} aria-current={nav.active === \"labels\" ? \"page\" : undefined}>\n              <span aria-hidden=\"true\">⌗</span> Labels\n            </a>\n            <a class={`sidebar__link ${nav.active === \"settings\" ? \"sidebar__link--active\" : \"\"}`} href={`/projects/${nav.projectSlug}/settings`} aria-current={nav.active === \"settings\" ? \"page\" : undefined}>\n              <span aria-hidden=\"true\">⚙</span> Settings\n            </a>\n          </>\n        ) : null}\n        <div class=\"sidebar__section\">Resources</div>\n        <a class=\"sidebar__link\" href=\"/api/v1/projects\" aria-label=\"API (JSON)\">\n          <span aria-hidden=\"true\">{\"{} \"}</span> API\n        </a>\n      </nav>\n    </aside>\n  );\n};\n\nfunction themeScript(): string {\n  return `\n  (function(){\n    var cookieName='storyshelf_theme';\n    function readCookie(n){\n      var m=document.cookie.match(new RegExp('(?:^|; )'+n.replace(/([.$?*|{}\\\\[\\\\]\\\\\\\\/\\\\+^])/gu,'\\\\\\\\$1')+'=([^;]*)'));\n      return m?decodeURIComponent(m[1]):null;\n    }\n    function writeCookie(n,v){\n      document.cookie=n+'='+encodeURIComponent(v)+'; Path=/; Max-Age=31536000; SameSite=Lax';\n    }\n    function applyTheme(v){\n      var html=document.documentElement;\n      if(v==='light'||v==='dark'||v==='system'){ html.setAttribute('data-theme',v); }\n      else { html.setAttribute('data-theme','system'); }\n    }\n    var initial=readCookie(cookieName);\n    if(initial){ applyTheme(initial); }\n    window.__storyshelfTheme={readCookie:readCookie,writeCookie:writeCookie,applyTheme:applyTheme,cookieName:cookieName};\n  })();\n  `.trim();\n}\n\nfunction clientScript(): string {\n  return `\n  (function(){\n    var theme=window.__storyshelfTheme;\n    var toggle=document.querySelector('[data-theme-toggle]');\n    if(toggle&&theme){\n      toggle.addEventListener('click',function(){\n        var cur=document.documentElement.getAttribute('data-theme')||'system';\n        var next=cur==='system'?'light':cur==='light'?'dark':'system';\n        theme.applyTheme(next);\n        theme.writeCookie(theme.cookieName,next);\n      });\n    }\n    var menuBtn=document.querySelector('[data-sidebar-toggle]');\n    var sidebar=document.getElementById('sidebar');\n    if(menuBtn&&sidebar){\n      menuBtn.addEventListener('click',function(){\n        var open=sidebar.classList.toggle('sidebar--open');\n        menuBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\n      });\n    }\n    document.addEventListener('keydown',function(e){\n      if(e.key==='Escape'&&sidebar&&sidebar.classList.contains('sidebar--open')){\n        sidebar.classList.remove('sidebar--open');\n        if(menuBtn) menuBtn.setAttribute('aria-expanded','false');\n        menuBtn && menuBtn.focus();\n      }\n    });\n    // HTMX after swap focus management\n    document.body.addEventListener('htmx:afterSwap',function(e){\n      var target=e.detail && e.detail.target;\n      if(target&&target.querySelector){\n        var focusable=target.querySelector('[autofocus], input, select, textarea, button');\n        if(focusable) try{ focusable.focus(); }catch(_){}\n      }\n    });\n    // Diff keyboard shortcuts\n    document.addEventListener('keydown',function(e){\n      if(e.target instanceof HTMLElement && (e.target.tagName==='INPUT'||e.target.tagName==='TEXTAREA'||e.target.isContentEditable)) return;\n      var diffRoot=document.querySelector('[data-diff-nav]');\n      if(!diffRoot) return;\n      if(e.key==='ArrowLeft' || e.key==='ArrowRight'){\n        var links=Array.from(diffRoot.querySelectorAll('[data-snapshot-link]'));\n        if(links.length===0) return;\n        var active=document.activeElement;\n        var idx=links.indexOf(active);\n        if(idx===-1){\n          var current=diffRoot.getAttribute('data-current');\n          idx=links.findIndex(function(a){ return a.getAttribute('data-snapshot-id')===current; });\n        }\n        var nextIdx=e.key==='ArrowRight' ? Math.min(links.length-1, idx+1) : Math.max(0, idx-1);\n        if(links[nextIdx]){ e.preventDefault(); links[nextIdx].focus(); links[nextIdx].click(); }\n      }\n    });\n  })();\n  `.trim();\n}\n"],"mappings":"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"}
+{"version":3,"file":"document.mjs","names":[],"sources":["../../src/ui/document.tsx"],"sourcesContent":["import type { FC } from \"hono/jsx\";\nimport { getStore } from \"../store.ts\";\nimport { baseStyle } from \"./styles.ts\";\nimport { DARK_THEME, LIGHT_THEME } from \"./theme.ts\";\n\n/** Rendered HTML content returned by page components. */\nexport type RenderedContent = string | Promise<string>;\n\ninterface NavConfig {\n  active?: string;\n  projectSlug?: string;\n  projectName?: string;\n}\n\n// Hono's JSX.Element is typed as `HtmlEscapedString | Promise<...>`, so JSX-returning\n// Functions can legitimately return a promise; the rule is a false positive here.\n/** Full HTML document shell with top bar, sidebar, theme, and HTMX. */\n// eslint-disable-next-line promise-function-async -- JSX component return type\nexport const DocumentLayout: FC<{ title: string; nav?: NavConfig; children?: unknown }> = ({\n  title,\n  nav,\n  children,\n}) => {\n  const { ui } = getStore();\n  const name = ui.name ?? \"StoryShelf\";\n  const light = ui.lightTheme ?? LIGHT_THEME;\n  const dark = ui.darkTheme ?? DARK_THEME;\n\n  return (\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        <meta name=\"color-scheme\" content=\"light dark\" />\n        {ui.favicon ? <link rel=\"icon\" href={ui.favicon} /> : null}\n        <title>\n          {title} · {name}\n        </title>\n        <style>{baseStyle(light, dark)}</style>\n        <script dangerouslySetInnerHTML={{ __html: themeScript() }} />\n      </head>\n      <body>\n        <a class=\"skip-link\" href=\"#main-content\">\n          Skip to content\n        </a>\n        <TopBar name={name} logo={ui.logo} nav={nav} />\n        <div class=\"shell\">\n          <Sidebar nav={nav} />\n          <main id=\"main-content\" class=\"content\" tabindex={-1}>\n            {children}\n          </main>\n        </div>\n        <script src=\"/assets/htmx.js\" />\n        <script dangerouslySetInnerHTML={{ __html: clientScript() }} />\n      </body>\n    </html>\n  );\n};\n\n// eslint-disable-next-line promise-function-async -- JSX component return type\nconst TopBar: FC<{ name: string; logo?: string; nav?: NavConfig }> = ({ name, logo, nav }) => {\n  return (\n    <header class=\"topbar\" role=\"banner\">\n      <div class=\"topbar__inner\">\n        <div class=\"topbar__left\">\n          <button\n            class=\"topbar__menu\"\n            type=\"button\"\n            aria-label=\"Toggle navigation\"\n            aria-expanded=\"false\"\n            aria-controls=\"sidebar\"\n            data-sidebar-toggle\n          >\n            <span aria-hidden=\"true\">☰</span>\n          </button>\n          <a class=\"brand\" href=\"/\">\n            {logo ? (\n              <img class=\"logo\" src={logo} alt={name} width=\"28\" height=\"28\" />\n            ) : (\n              <span class=\"brand__mark\" aria-hidden=\"true\">\n                ◆\n              </span>\n            )}\n            <span class=\"brand__name\">{name}</span>\n          </a>\n          {nav?.projectSlug ? (\n            <nav class=\"project-crumb\" aria-label=\"Project\">\n              <span class=\"project-crumb__sep\" aria-hidden=\"true\">\n                /\n              </span>\n              <a href={`/projects/${nav.projectSlug}/builds`}>\n                {nav.projectName ?? nav.projectSlug}\n              </a>\n            </nav>\n          ) : null}\n        </div>\n        <div class=\"topbar__right\">\n          <ThemeToggle />\n          <AuthMenu />\n        </div>\n      </div>\n    </header>\n  );\n};\n\n// eslint-disable-next-line promise-function-async -- JSX component return type\nconst ThemeToggle: FC = () => {\n  return (\n    <button class=\"topbar__theme\" type=\"button\" aria-label=\"Toggle theme\" data-theme-toggle>\n      <span data-theme-icon=\"light\" aria-hidden=\"true\">\n        ☀\n      </span>\n      <span data-theme-icon=\"dark\" aria-hidden=\"true\">\n        ☾\n      </span>\n      <span data-theme-icon=\"system\" aria-hidden=\"true\">\n        ◐\n      </span>\n    </button>\n  );\n};\n\n// eslint-disable-next-line promise-function-async -- JSX component return type\nconst AuthMenu: FC = () => {\n  const { user, authEnabled } = getStore();\n  if (!authEnabled) {\n    return null;\n  }\n  if (!user) {\n    return (\n      <a class=\"topbar__login\" href=\"/auth/login\">\n        Sign in\n      </a>\n    );\n  }\n  return (\n    <div class=\"user-menu\">\n      {user.avatarUrl ? (\n        <img class=\"user-menu__avatar\" src={user.avatarUrl} alt=\"\" width=\"28\" height=\"28\" />\n      ) : (\n        <span class=\"user-menu__avatar user-menu__avatar--fallback\" aria-hidden=\"true\">\n          {user.name.slice(0, 1).toUpperCase()}\n        </span>\n      )}\n      <span class=\"user-menu__name\">{user.name}</span>\n      <span class={`user-menu__role user-menu__role--${user.role}`}>{user.role}</span>\n      <form method=\"post\" action=\"/auth/logout\">\n        <button class=\"user-menu__logout\" type=\"submit\">\n          Sign out\n        </button>\n      </form>\n    </div>\n  );\n};\n\n// eslint-disable-next-line promise-function-async -- JSX component return type\nconst Sidebar: FC<{ nav?: NavConfig }> = ({ nav }) => {\n  return (\n    <aside id=\"sidebar\" class=\"sidebar\" aria-label=\"Primary\">\n      <nav class=\"sidebar__nav\">\n        <a\n          class={`sidebar__link ${nav?.active === \"projects\" ? \"sidebar__link--active\" : \"\"}`}\n          href=\"/projects\"\n          aria-current={nav?.active === \"projects\" ? \"page\" : undefined}\n        >\n          <span aria-hidden=\"true\">▦</span> Projects\n        </a>\n        {nav?.projectSlug ? (\n          <>\n            <div class=\"sidebar__section\">Project</div>\n            <a\n              class={`sidebar__link ${nav.active === \"builds\" ? \"sidebar__link--active\" : \"\"}`}\n              href={`/projects/${nav.projectSlug}/builds`}\n              aria-current={nav.active === \"builds\" ? \"page\" : undefined}\n            >\n              <span aria-hidden=\"true\">◧</span> Builds\n            </a>\n            <a\n              class={`sidebar__link ${nav.active === \"jobs\" ? \"sidebar__link--active\" : \"\"}`}\n              href={`/projects/${nav.projectSlug}/jobs`}\n              aria-current={nav.active === \"jobs\" ? \"page\" : undefined}\n            >\n              <span aria-hidden=\"true\">◫</span> Jobs\n            </a>\n            <a\n              class={`sidebar__link ${nav.active === \"labels\" ? \"sidebar__link--active\" : \"\"}`}\n              href={`/projects/${nav.projectSlug}/labels`}\n              aria-current={nav.active === \"labels\" ? \"page\" : undefined}\n            >\n              <span aria-hidden=\"true\">⌗</span> Labels\n            </a>\n            <a\n              class={`sidebar__link ${nav.active === \"settings\" ? \"sidebar__link--active\" : \"\"}`}\n              href={`/projects/${nav.projectSlug}/settings`}\n              aria-current={nav.active === \"settings\" ? \"page\" : undefined}\n            >\n              <span aria-hidden=\"true\">⚙</span> Settings\n            </a>\n          </>\n        ) : null}\n        <div class=\"sidebar__section\">Resources</div>\n        <a class=\"sidebar__link\" href=\"/api/v1/projects\" aria-label=\"API (JSON)\">\n          <span aria-hidden=\"true\">{\"{} \"}</span> API\n        </a>\n      </nav>\n    </aside>\n  );\n};\n\nfunction themeScript(): string {\n  return `\n  (function(){\n    var cookieName='storyshelf_theme';\n    function readCookie(n){\n      var m=document.cookie.match(new RegExp('(?:^|; )'+n.replace(/([.$?*|{}\\\\[\\\\]\\\\\\\\/\\\\+^])/gu,'\\\\\\\\$1')+'=([^;]*)'));\n      return m?decodeURIComponent(m[1]):null;\n    }\n    function writeCookie(n,v){\n      document.cookie=n+'='+encodeURIComponent(v)+'; Path=/; Max-Age=31536000; SameSite=Lax';\n    }\n    function applyTheme(v){\n      var html=document.documentElement;\n      if(v==='light'||v==='dark'||v==='system'){ html.setAttribute('data-theme',v); }\n      else { html.setAttribute('data-theme','system'); }\n    }\n    var initial=readCookie(cookieName);\n    if(initial){ applyTheme(initial); }\n    window.__storyshelfTheme={readCookie:readCookie,writeCookie:writeCookie,applyTheme:applyTheme,cookieName:cookieName};\n  })();\n  `.trim();\n}\n\nfunction clientScript(): string {\n  return `\n  (function(){\n    var theme=window.__storyshelfTheme;\n    var toggle=document.querySelector('[data-theme-toggle]');\n    if(toggle&&theme){\n      toggle.addEventListener('click',function(){\n        var cur=document.documentElement.getAttribute('data-theme')||'system';\n        var next=cur==='system'?'light':cur==='light'?'dark':'system';\n        theme.applyTheme(next);\n        theme.writeCookie(theme.cookieName,next);\n      });\n    }\n    var menuBtn=document.querySelector('[data-sidebar-toggle]');\n    var sidebar=document.getElementById('sidebar');\n    if(menuBtn&&sidebar){\n      menuBtn.addEventListener('click',function(){\n        var open=sidebar.classList.toggle('sidebar--open');\n        menuBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\n      });\n    }\n    document.addEventListener('keydown',function(e){\n      if(e.key==='Escape'&&sidebar&&sidebar.classList.contains('sidebar--open')){\n        sidebar.classList.remove('sidebar--open');\n        if(menuBtn) menuBtn.setAttribute('aria-expanded','false');\n        menuBtn && menuBtn.focus();\n      }\n    });\n    // HTMX after swap focus management\n    document.body.addEventListener('htmx:afterSwap',function(e){\n      var target=e.detail && e.detail.target;\n      if(target&&target.querySelector){\n        var focusable=target.querySelector('[autofocus], input, select, textarea, button');\n        if(focusable) try{ focusable.focus(); }catch(_){}\n      }\n    });\n    // Diff keyboard shortcuts\n    document.addEventListener('keydown',function(e){\n      if(e.target instanceof HTMLElement && (e.target.tagName==='INPUT'||e.target.tagName==='TEXTAREA'||e.target.isContentEditable)) return;\n      var diffRoot=document.querySelector('[data-diff-nav]');\n      if(!diffRoot) return;\n      if(e.key==='ArrowLeft' || e.key==='ArrowRight'){\n        var links=Array.from(diffRoot.querySelectorAll('[data-snapshot-link]'));\n        if(links.length===0) return;\n        var active=document.activeElement;\n        var idx=links.indexOf(active);\n        if(idx===-1){\n          var current=diffRoot.getAttribute('data-current');\n          idx=links.findIndex(function(a){ return a.getAttribute('data-snapshot-id')===current; });\n        }\n        var nextIdx=e.key==='ArrowRight' ? Math.min(links.length-1, idx+1) : Math.max(0, idx-1);\n        if(links[nextIdx]){ e.preventDefault(); links[nextIdx].focus(); links[nextIdx].click(); }\n      }\n    });\n  })();\n  `.trim();\n}\n"],"mappings":"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"}

package/dist/ui/feedback.mjs

@@ -0,0 +1,24 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { jsx } from "hono/jsx/jsx-runtime";
+//#region src/ui/feedback.tsx
+/** Small status pill with a color tone. */
+const Badge = ({ tone = "neutral", children }) => {
+	return /* @__PURE__ */ jsx("span", {
+		class: `badge badge--${tone}`,
+		children
+	});
+};
+/** Map a build or snapshot status string to its badge tone. */
+function statusTone(status) {
+	if (status === "approved" || status === "unchanged") return "success";
+	if (status === "rejected" || status === "failed") return "danger";
+	if (status === "changed" || status === "new" || status === "reviewing") return "warning";
+	if (status === "capturing" || status === "comparing" || status === "pending") return "info";
+	return "neutral";
+}
+//#endregion
+export { Badge, statusTone };
+
+//# sourceMappingURL=feedback.mjs.map

package/dist/ui/feedback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.mjs","names":[],"sources":["../../src/ui/feedback.tsx"],"sourcesContent":["import type { FC } from \"hono/jsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\ntype BadgeTone = \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\";\n\n/** Small status pill with a color tone. */\n// eslint-disable-next-line promise-function-async -- JSX component return type\nexport const Badge: FC<{ tone?: BadgeTone; children?: unknown }> = ({\n  tone = \"neutral\",\n  children,\n}) => {\n  return <span class={`badge badge--${tone}`}>{children}</span>;\n};\n\n/** Map a build or snapshot status string to its badge tone. */\nexport function statusTone(status: string): BadgeTone {\n  if (status === \"approved\" || status === \"unchanged\") {\n    return \"success\";\n  }\n  if (status === \"rejected\" || status === \"failed\") {\n    return \"danger\";\n  }\n  if (status === \"changed\" || status === \"new\" || status === \"reviewing\") {\n    return \"warning\";\n  }\n  if (status === \"capturing\" || status === \"comparing\" || status === \"pending\") {\n    return \"info\";\n  }\n  return \"neutral\";\n}\n\n/** Alert banner with an optional title. */\n// eslint-disable-next-line promise-function-async -- JSX component return type\nexport const Alert: FC<{ tone?: BadgeTone; title?: string; children?: unknown }> = ({\n  tone = \"info\",\n  title,\n  children,\n}) => {\n  return (\n    <div class={`alert alert--${tone}`} role=\"alert\">\n      {title ? <strong class=\"alert__title\">{title}</strong> : null}\n      <div class=\"alert__body\">{children}</div>\n    </div>\n  );\n};\n\n/** Centered empty state with an optional call-to-action. */\n// eslint-disable-next-line promise-function-async -- JSX component return type\nexport const EmptyState: FC<{ title: string; description?: string; action?: unknown }> = ({\n  title,\n  description,\n  action,\n}) => {\n  return (\n    <div class=\"empty\">\n      <h2 class=\"empty__title\">{title}</h2>\n      {description ? <p class=\"empty__desc\">{description}</p> : null}\n      {action ? <div class=\"empty__action\">{action}</div> : null}\n    </div>\n  );\n};\n\n/** Centered statistic value with a label. */\n// eslint-disable-next-line promise-function-async -- JSX component return type\nexport const Stat: FC<{ label: string; value: string | number }> = ({ label, value }) => {\n  return (\n    <div class=\"stat\">\n      <div class=\"stat__value\">{String(value)}</div>\n      <div class=\"stat__label\">{label}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAQA,MAAa,SAAuD,EAClE,OAAO,WACP,eACI;CACJ,OAAO,oBAAC,QAAD;EAAM,OAAO,gBAAgB;EAAS;CAAe,CAAA;AAC9D;;AAGA,SAAgB,WAAW,QAA2B;CACpD,IAAI,WAAW,cAAc,WAAW,aACtC,OAAO;CAET,IAAI,WAAW,cAAc,WAAW,UACtC,OAAO;CAET,IAAI,WAAW,aAAa,WAAW,SAAS,WAAW,aACzD,OAAO;CAET,IAAI,WAAW,eAAe,WAAW,eAAe,WAAW,WACjE,OAAO;CAET,OAAO;AACT"}

package/dist/ui/{components.mjs → forms.mjs}

@@ -2,22 +2,7 @@ import "node:path";
 import "node:url";
 import.meta.url;
 import { jsx, jsxs } from "hono/jsx/jsx-runtime";
-//#region src/ui/components.tsx
-/** Small status pill with a color tone. */
-const Badge = ({ tone = "neutral", children }) => {
-	return /* @__PURE__ */ jsx("span", {
-		class: `badge badge--${tone}`,
-		children
-	});
-};
-/** Map a build or snapshot status string to its badge tone. */
-function statusTone(status) {
-	if (status === "approved" || status === "unchanged") return "success";
-	if (status === "rejected" || status === "failed") return "danger";
-	if (status === "changed" || status === "new" || status === "reviewing") return "warning";
-	if (status === "capturing" || status === "comparing" || status === "pending") return "info";
-	return "neutral";
-}
+//#region src/ui/forms.tsx
 const FieldAssistant = ({ name, error, hint }) => {
 	if (error) return /* @__PURE__ */ jsx("p", {
 		class: "field__error",
@@ -127,6 +112,6 @@ const SelectField = ({ label, name, value, options, hint }) => {
 	});
 };
 //#endregion
-export { Badge, Field, SelectField, TextareaField, statusTone };
+export { Field, SelectField, TextareaField };
 
-//# sourceMappingURL=components.mjs.map
+//# sourceMappingURL=forms.mjs.map

package/dist/ui/forms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.mjs","names":[],"sources":["../../src/ui/forms.tsx"],"sourcesContent":["import type { FC } from \"hono/jsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\n// eslint-disable-next-line promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString>\nconst FieldAssistant: FC<{ name: string; error: string | undefined; hint: string | undefined }> = ({\n  name,\n  error,\n  hint,\n}) => {\n  if (error) {\n    return (\n      <p class=\"field__error\" id={`${name}-error`} role=\"alert\">\n        {error}\n      </p>\n    );\n  }\n  if (hint) {\n    return (\n      <p class=\"field__hint\" id={`${name}-hint`}>\n        {hint}\n      </p>\n    );\n  }\n  return null;\n};\n\nfunction fieldDescribedBy(\n  name: string,\n  error: string | undefined,\n  hint: string | undefined,\n): string | undefined {\n  if (error) {\n    return `${name}-error`;\n  }\n  if (hint) {\n    return `${name}-hint`;\n  }\n  return undefined;\n}\n\n/** Labeled text input with error and hint states. */\n// eslint-disable-next-line promise-function-async -- JSX component return type\nexport const Field: FC<{\n  label: string;\n  name: string;\n  type?: string;\n  value?: string;\n  placeholder?: string;\n  required?: boolean;\n  error?: string;\n  hint?: string;\n  autocomplete?: string;\n}> = ({ label, name, type = \"text\", value, placeholder, required, error, hint, autocomplete }) => {\n  return (\n    <div class=\"field\">\n      <label class=\"field__label\" for={name}>\n        {label}\n        {required ? <span aria-hidden=\"true\"> *</span> : null}\n      </label>\n      <input\n        class={`field__input ${error ? \"field__input--error\" : \"\"}`}\n        id={name}\n        name={name}\n        type={type}\n        value={value}\n        placeholder={placeholder}\n        required={required}\n        aria-invalid={error ? \"true\" : undefined}\n        aria-describedby={fieldDescribedBy(name, error, hint)}\n        autocomplete={autocomplete}\n      />\n      <FieldAssistant name={name} error={error} hint={hint} />\n    </div>\n  );\n};\n\n/** Labeled textarea with error and hint states. */\n// eslint-disable-next-line promise-function-async -- JSX component return type\nexport const TextareaField: FC<{\n  label: string;\n  name: string;\n  value?: string;\n  placeholder?: string;\n  rows?: number;\n  hint?: string;\n  error?: string;\n}> = ({ label, name, value, placeholder, rows = 3, hint, error }) => {\n  return (\n    <div class=\"field\">\n      <label class=\"field__label\" for={name}>\n        {label}\n      </label>\n      <textarea\n        class={`field__input field__input--textarea ${error ? \"field__input--error\" : \"\"}`}\n        id={name}\n        name={name}\n        placeholder={placeholder}\n        rows={rows}\n        aria-invalid={error ? \"true\" : undefined}\n        aria-describedby={fieldDescribedBy(name, error, hint)}\n      >\n        {value}\n      </textarea>\n      <FieldAssistant name={name} error={error} hint={hint} />\n    </div>\n  );\n};\n\n/** Labeled select dropdown with an optional hint. */\n// eslint-disable-next-line promise-function-async -- JSX component return type\nexport const SelectField: FC<{\n  label: string;\n  name: string;\n  value?: string;\n  options: { value: string; label: string }[];\n  hint?: string;\n}> = ({ label, name, value, options, hint }) => {\n  return (\n    <div class=\"field\">\n      <label class=\"field__label\" for={name}>\n        {label}\n      </label>\n      <select\n        class=\"field__input\"\n        id={name}\n        name={name}\n        aria-describedby={hint ? `${name}-hint` : undefined}\n      >\n        {options.map((opt) => (\n          <option value={opt.value} selected={opt.value === value}>\n            {opt.label}\n          </option>\n        ))}\n      </select>\n      {hint ? (\n        <p class=\"field__hint\" id={`${name}-hint`}>\n          {hint}\n        </p>\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAKA,MAAM,kBAA6F,EACjG,MACA,OACA,WACI;CACJ,IAAI,OACF,OACE,oBAAC,KAAD;EAAG,OAAM;EAAe,IAAI,GAAG,KAAK;EAAS,MAAK;EAC/C,UAAA;CACA,CAAA;CAGP,IAAI,MACF,OACE,oBAAC,KAAD;EAAG,OAAM;EAAc,IAAI,GAAG,KAAK;EAChC,UAAA;CACA,CAAA;CAGP,OAAO;AACT;AAEA,SAAS,iBACP,MACA,OACA,MACoB;CACpB,IAAI,OACF,OAAO,GAAG,KAAK;CAEjB,IAAI,MACF,OAAO,GAAG,KAAK;AAGnB;;AAIA,MAAa,SAUP,EAAE,OAAO,MAAM,OAAO,QAAQ,OAAO,aAAa,UAAU,OAAO,MAAM,mBAAmB;CAChG,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA;GACE,qBAAC,SAAD;IAAO,OAAM;IAAe,KAAK;IAAjC,UAAA,CACG,OACA,WAAW,oBAAC,QAAD;KAAM,eAAY;KAAO,UAAA;IAAQ,CAAA,IAAI,IAC5C;;GACP,oBAAC,SAAD;IACE,OAAO,gBAAgB,QAAQ,wBAAwB;IACvD,IAAI;IACE;IACA;IACC;IACM;IACH;IACV,gBAAc,QAAQ,SAAS,KAAA;IAC/B,oBAAkB,iBAAiB,MAAM,OAAO,IAAI;IACtC;GACf,CAAA;GACD,oBAAC,gBAAD;IAAsB;IAAa;IAAa;GAAO,CAAA;EACpD;;AAET;;AAIA,MAAa,iBAQP,EAAE,OAAO,MAAM,OAAO,aAAa,OAAO,GAAG,MAAM,YAAY;CACnE,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA;GACE,oBAAC,SAAD;IAAO,OAAM;IAAe,KAAK;IAC9B,UAAA;GACI,CAAA;GACP,oBAAC,YAAD;IACE,OAAO,uCAAuC,QAAQ,wBAAwB;IAC9E,IAAI;IACE;IACO;IACP;IACN,gBAAc,QAAQ,SAAS,KAAA;IAC/B,oBAAkB,iBAAiB,MAAM,OAAO,IAAI;IAEnD,UAAA;GACO,CAAA;GACV,oBAAC,gBAAD;IAAsB;IAAa;IAAa;GAAO,CAAA;EACpD;;AAET;;AAIA,MAAa,eAMP,EAAE,OAAO,MAAM,OAAO,SAAS,WAAW;CAC9C,OACE,qBAAC,OAAD;EAAK,OAAM;EAAX,UAAA;GACE,oBAAC,SAAD;IAAO,OAAM;IAAe,KAAK;IAC9B,UAAA;GACI,CAAA;GACP,oBAAC,UAAD;IACE,OAAM;IACN,IAAI;IACE;IACN,oBAAkB,OAAO,GAAG,KAAK,SAAS,KAAA;IAEzC,UAAA,QAAQ,KAAK,QACZ,oBAAC,UAAD;KAAQ,OAAO,IAAI;KAAO,UAAU,IAAI,UAAU;KAC/C,UAAA,IAAI;IACC,CAAA,CACT;GACK,CAAA;GACP,OACC,oBAAC,KAAD;IAAG,OAAM;IAAc,IAAI,GAAG,KAAK;IAChC,UAAA;GACA,CAAA,IACD;EACD;;AAET"}

package/dist/ui/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":[],"sources":["../../src/ui/styles.ts"],"sourcesContent":["import type { BrandTheme } from \"./theme.ts\";\n\n/** Build the global CSS stylesheet from the light and dark brand themes. */\nexport function baseStyle(light: BrandTheme, dark: BrandTheme): string {\n  return `\n    :root {\n      --accent: ${light.accent};\n      --accent-contrast: #fff;\n      --surface-base: ${light.surface.base};\n      --surface-card: ${light.surface.card};\n      --surface-muted: #f4f4f5;\n      --text-primary: ${light.text.primary};\n      --text-secondary: ${light.text.secondary};\n      --border: ${light.border};\n      --radius: 10px;\n      --radius-sm: 6px;\n      --shadow: 0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);\n      --status-approved: ${light.status.approved};\n      --status-new: ${light.status.new};\n      --status-rejected: ${light.status.rejected};\n      --topbar-bg: ${light.accent};\n      --sidebar-bg: #ffffff;\n      --sidebar-width: 240px;\n    }\n    [data-theme=\"dark\"] {\n      --accent: ${dark.accent};\n      --surface-base: ${dark.surface.base};\n      --surface-card: ${dark.surface.card};\n      --surface-muted: #1e1e22;\n      --text-primary: ${dark.text.primary};\n      --text-secondary: ${dark.text.secondary};\n      --border: ${dark.border};\n      --status-approved: ${dark.status.approved};\n      --status-new: ${dark.status.new};\n      --status-rejected: ${dark.status.rejected};\n      --topbar-bg: #0f172a;\n      --sidebar-bg: #111113;\n    }\n    @media (prefers-color-scheme: dark) {\n      [data-theme=\"system\"] {\n        --accent: ${dark.accent};\n        --surface-base: ${dark.surface.base};\n        --surface-card: ${dark.surface.card};\n        --surface-muted: #1e1e22;\n        --text-primary: ${dark.text.primary};\n        --text-secondary: ${dark.text.secondary};\n        --border: ${dark.border};\n        --status-approved: ${dark.status.approved};\n        --status-new: ${dark.status.new};\n        --status-rejected: ${dark.status.rejected};\n        --topbar-bg: #0f172a;\n        --sidebar-bg: #111113;\n      }\n    }\n    * { box-sizing: border-box; }\n    html { scroll-behavior: smooth; }\n    body { margin: 0; font-family: ui-sans-system, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(--surface-base); color: var(--text-primary); line-height: 1.5; }\n    a { color: var(--accent); text-decoration: none; }\n    a:hover { text-decoration: underline; }\n    a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    .skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }\n    .skip-link:focus { left: 1rem; top: 1rem; width: auto; height: auto; background: var(--surface-card); color: var(--text-primary); padding: .5rem .75rem; border-radius: var(--radius-sm); box-shadow: var(--shadow); z-index: 100; }\n    .topbar { position: sticky; top: 0; z-index: 40; background: var(--topbar-bg); color: #fff; border-bottom: 1px solid rgba(255,255,255,.12); }\n    .topbar__inner { max-width: 1440px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .6rem 1rem; }\n    .topbar__left, .topbar__right { display: flex; align-items: center; gap: .75rem; min-width: 0; }\n    .topbar__menu { display: none; background: transparent; border: 1px solid rgba(255,255,255,.3); color: #fff; border-radius: 6px; padding: .35rem .5rem; cursor: pointer; }\n    .brand { display: inline-flex; align-items: center; gap: .5rem; color: #fff; font-weight: 650; text-decoration: none; }\n    .brand__mark { width: 28px; height: 28px; display: inline-grid; place-items: center; background: rgba(255,255,255,.18); border-radius: 8px; }\n    .logo { border-radius: 6px; display: block; }\n    .project-crumb { display: inline-flex; align-items: center; gap: .35rem; color: rgba(255,255,255,.9); }\n    .project-crumb a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }\n    .project-crumb__sep { opacity: .7; }\n    .topbar__theme { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); color: #fff; border-radius: 999px; padding: .35rem .6rem; cursor: pointer; display: inline-flex; gap: .25rem; }\n    .topbar__theme [data-theme-icon] { display: none; }\n    [data-theme=\"light\"] [data-theme-icon=\"light\"], [data-theme=\"dark\"] [data-theme-icon=\"dark\"], [data-theme=\"system\"] [data-theme-icon=\"system\"] { display: inline; }\n    .topbar__login { background: #fff; color: var(--accent); padding: .4rem .75rem; border-radius: 999px; font-weight: 600; text-decoration: none; }\n    .user-menu { display: inline-flex; align-items: center; gap: .5rem; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); padding: .25rem .5rem .25rem .35rem; border-radius: 999px; }\n    .user-menu__avatar { width: 28px; height: 28px; border-radius: 999px; object-fit: cover; background: rgba(255,255,255,.2); }\n    .user-menu__avatar--fallback { display: inline-grid; place-items: center; font-weight: 700; color: #fff; }\n    .user-menu__name { color: #fff; font-weight: 600; max-width: 12ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    .user-menu__role { font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; background: rgba(255,255,255,.2); color: #fff; padding: .15rem .4rem; border-radius: 999px; }\n    .user-menu__logout { color: #fff; font-size: .85rem; text-decoration: underline; text-underline-offset: 2px; margin-left: .25rem; }\n    .shell { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: var(--sidebar-width) 1fr; min-height: calc(100vh - 56px); }\n    .sidebar { background: var(--sidebar-bg); border-right: 1px solid var(--border); padding: 1rem .75rem; position: sticky; top: 56px; height: calc(100vh - 56px); overflow: auto; }\n    .sidebar__nav { display: flex; flex-direction: column; gap: .25rem; }\n    .sidebar__section { margin: 1rem 0 .35rem; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: var(--text-secondary); padding: 0 .5rem; }\n    .sidebar__link { display: flex; align-items: center; gap: .5rem; padding: .5rem .6rem; border-radius: 8px; color: var(--text-primary); text-decoration: none; }\n    .sidebar__link:hover { background: var(--surface-muted); text-decoration: none; }\n    .sidebar__link--active { background: var(--surface-muted); font-weight: 600; }\n    .content { padding: 1.25rem 1.5rem 2rem; min-width: 0; max-width: 1100px; }\n    .page-header { margin-bottom: 1.25rem; }\n    .page-header__row { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }\n    .page-header__title { margin: 0; font-size: 1.6rem; line-height: 1.2; letter-spacing: -0.02em; }\n    .page-header__desc { margin: .35rem 0 0; color: var(--text-secondary); max-width: 60ch; }\n    .page-header__actions { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }\n    .breadcrumbs ol { list-style: none; padding: 0; margin: 0 0 .5rem; display: flex; gap: .4rem; flex-wrap: wrap; color: var(--text-secondary); font-size: .85rem; }\n    .breadcrumbs li + li::before { content: \"/\"; margin-right: .4rem; color: var(--text-secondary); }\n    .card { background: var(--surface-card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }\n    .card--padded { padding: 1rem; }\n    .btn { appearance: none; border: 1px solid transparent; border-radius: 8px; padding: .55rem .85rem; font-weight: 600; font-size: .9rem; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; line-height: 1; }\n    .btn--primary { background: var(--accent); color: var(--accent-contrast); border-color: var(--accent); }\n    .btn--primary:hover { filter: brightness(1.05); text-decoration: none; }\n    .btn--secondary { background: var(--surface-card); color: var(--text-primary); border-color: var(--border); }\n    .btn--ghost { background: transparent; color: var(--text-primary); border-color: transparent; }\n    .btn--danger { background: var(--status-rejected); color: #fff; border-color: var(--status-rejected); }\n    .btn:disabled { opacity: .6; cursor: not-allowed; }\n    .badge { display: inline-flex; align-items: center; padding: .15rem .5rem; border-radius: 999px; font-size: .75rem; font-weight: 650; letter-spacing: .02em; border: 1px solid var(--border); background: var(--surface-muted); color: var(--text-secondary); }\n    .badge--success { background: color-mix(in srgb, var(--status-approved) 14%, var(--surface-card)); color: var(--status-approved); border-color: color-mix(in srgb, var(--status-approved) 30%, var(--border)); }\n    .badge--warning { background: color-mix(in srgb, var(--status-new) 14%, var(--surface-card)); color: var(--status-new); border-color: color-mix(in srgb, var(--status-new) 30%, var(--border)); }\n    .badge--danger { background: color-mix(in srgb, var(--status-rejected) 14%, var(--surface-card)); color: var(--status-rejected); border-color: color-mix(in srgb, var(--status-rejected) 30%, var(--border)); }\n    .badge--info { background: color-mix(in srgb, var(--accent) 10%, var(--surface-card)); color: var(--accent); border-color: color-mix(in srgb, var(--accent) 25%, var(--border)); }\n    .badge--neutral { background: var(--surface-muted); color: var(--text-secondary); }\n    .field { display: grid; gap: .35rem; margin-bottom: .9rem; }\n    .field__label { font-weight: 600; font-size: .9rem; }\n    .field__input { width: 100%; padding: .6rem .7rem; border-radius: 8px; border: 1px solid var(--border); background: var(--surface-card); color: var(--text-primary); font: inherit; }\n    .field__input:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: var(--accent); }\n    .field__input--error { border-color: var(--status-rejected); }\n    .field__input--textarea { resize: vertical; }\n    .field__hint { margin: 0; color: var(--text-secondary); font-size: .85rem; }\n    .field__error { margin: 0; color: var(--status-rejected); font-size: .85rem; }\n    .alert { border-radius: 8px; padding: .75rem .85rem; border: 1px solid var(--border); background: var(--surface-card); }\n    .alert--info { border-color: color-mix(in srgb, var(--accent) 22%, var(--border)); background: color-mix(in srgb, var(--accent) 7%, var(--surface-card)); }\n    .alert--success { border-color: color-mix(in srgb, var(--status-approved) 22%, var(--border)); background: color-mix(in srgb, var(--status-approved) 7%, var(--surface-card)); }\n    .alert--warning { border-color: color-mix(in srgb, var(--status-new) 22%, var(--border)); background: color-mix(in srgb, var(--status-new) 7%, var(--surface-card)); }\n    .alert--danger { border-color: color-mix(in srgb, var(--status-rejected) 22%, var(--border)); background: color-mix(in srgb, var(--status-rejected) 7%, var(--surface-card)); }\n    .alert__title { display: block; margin-bottom: .2rem; }\n    .tabs { display: flex; gap: .25rem; border-bottom: 1px solid var(--border); margin-bottom: 1rem; overflow-x: auto; }\n    .tabs__link { padding: .6rem .75rem; border-bottom: 2px solid transparent; color: var(--text-secondary); text-decoration: none; white-space: nowrap; font-weight: 600; }\n    .tabs__link:hover { color: var(--text-primary); text-decoration: none; }\n    .tabs__link--active { color: var(--text-primary); border-bottom-color: var(--accent); }\n    .empty { text-align: center; padding: 2rem 1rem; border: 1px dashed var(--border); border-radius: var(--radius); background: var(--surface-card); }\n    .empty__title { margin: 0 0 .3rem; font-size: 1.1rem; }\n    .empty__desc { margin: 0 auto; color: var(--text-secondary); max-width: 50ch; }\n    .empty__action { margin-top: 1rem; }\n    .grid { display: grid; gap: 1rem; }\n    .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n    @media (max-width: 880px) { .grid--2, .grid--3 { grid-template-columns: 1fr; } }\n    .table-wrap { overflow: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-card); }\n    table { width: 100%; border-collapse: collapse; font-size: .9rem; }\n    th, td { text-align: left; padding: .65rem .75rem; border-bottom: 1px solid var(--border); vertical-align: top; }\n    th { background: var(--surface-muted); font-weight: 650; color: var(--text-secondary); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }\n    tr:last-child td { border-bottom: 0; }\n    .stat { text-align: center; padding: .5rem; }\n    .stat__value { font-size: 1.4rem; font-weight: 750; line-height: 1; }\n    .stat__label { color: var(--text-secondary); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }\n    .snapshot-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }\n    .snapshot-card { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--surface-card); display: flex; flex-direction: column; }\n    .snapshot-card__head { padding: .6rem .75rem; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; gap: .5rem; align-items: center; }\n    .snapshot-card__meta { font-size: .8rem; color: var(--text-secondary); }\n    .snapshot-card__body { padding: .5rem; display: grid; gap: .5rem; }\n    .diff-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }\n    @media (max-width: 900px) { .diff-grid { grid-template-columns: 1fr; } }\n    .diff-pane { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--surface-card); }\n    .diff-pane__label { padding: .4rem .6rem; font-weight: 650; font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--text-secondary); background: var(--surface-muted); border-bottom: 1px solid var(--border); }\n    .diff-pane__img { display: block; width: 100%; height: auto; background: repeating-conic-gradient(#e5e7eb 0% 25%, #f9fafb 0% 50%) 0 0 / 16px 16px; }\n    .comment { border: 1px solid var(--border); border-radius: var(--radius); padding: .75rem; background: var(--surface-card); }\n    .comment__head { display: flex; gap: .5rem; align-items: center; font-size: .85rem; color: var(--text-secondary); }\n    .comment__body { margin: .5rem 0 0; white-space: pre-wrap; word-break: break-word; }\n    @media (max-width: 880px) {\n      .topbar__menu { display: inline-flex; }\n      .shell { grid-template-columns: 1fr; }\n      .sidebar { display: none; position: fixed; inset: 56px 0 0 0; z-index: 30; height: auto; }\n      .sidebar--open { display: block; }\n      .content { padding: 1rem; }\n    }\n  `;\n}"],"mappings":";;;;;AAGA,SAAgB,UAAU,OAAmB,MAA0B;CACrE,OAAO;;kBAES,MAAM,OAAO;;wBAEP,MAAM,QAAQ,KAAK;wBACnB,MAAM,QAAQ,KAAK;;wBAEnB,MAAM,KAAK,QAAQ;0BACjB,MAAM,KAAK,UAAU;kBAC7B,MAAM,OAAO;;;;2BAIJ,MAAM,OAAO,SAAS;sBAC3B,MAAM,OAAO,IAAI;2BACZ,MAAM,OAAO,SAAS;qBAC5B,MAAM,OAAO;;;;;kBAKhB,KAAK,OAAO;wBACN,KAAK,QAAQ,KAAK;wBAClB,KAAK,QAAQ,KAAK;;wBAElB,KAAK,KAAK,QAAQ;0BAChB,KAAK,KAAK,UAAU;kBAC5B,KAAK,OAAO;2BACH,KAAK,OAAO,SAAS;sBAC1B,KAAK,OAAO,IAAI;2BACX,KAAK,OAAO,SAAS;;;;;;oBAM5B,KAAK,OAAO;0BACN,KAAK,QAAQ,KAAK;0BAClB,KAAK,QAAQ,KAAK;;0BAElB,KAAK,KAAK,QAAQ;4BAChB,KAAK,KAAK,UAAU;oBAC5B,KAAK,OAAO;6BACH,KAAK,OAAO,SAAS;wBAC1B,KAAK,OAAO,IAAI;6BACX,KAAK,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHlD"}
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../src/ui/styles.ts"],"sourcesContent":["import type { BrandTheme } from \"./theme.ts\";\n\n/** Build the global CSS stylesheet from the light and dark brand themes. */\nexport function baseStyle(light: BrandTheme, dark: BrandTheme): string {\n  return `\n    :root {\n      --accent: ${light.accent};\n      --accent-contrast: #fff;\n      --surface-base: ${light.surface.base};\n      --surface-card: ${light.surface.card};\n      --surface-muted: #f4f4f5;\n      --text-primary: ${light.text.primary};\n      --text-secondary: ${light.text.secondary};\n      --border: ${light.border};\n      --radius: 10px;\n      --radius-sm: 6px;\n      --shadow: 0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);\n      --status-approved: ${light.status.approved};\n      --status-new: ${light.status.new};\n      --status-rejected: ${light.status.rejected};\n      --topbar-bg: ${light.accent};\n      --sidebar-bg: #ffffff;\n      --sidebar-width: 240px;\n    }\n    [data-theme=\"dark\"] {\n      --accent: ${dark.accent};\n      --surface-base: ${dark.surface.base};\n      --surface-card: ${dark.surface.card};\n      --surface-muted: #1e1e22;\n      --text-primary: ${dark.text.primary};\n      --text-secondary: ${dark.text.secondary};\n      --border: ${dark.border};\n      --status-approved: ${dark.status.approved};\n      --status-new: ${dark.status.new};\n      --status-rejected: ${dark.status.rejected};\n      --topbar-bg: #0f172a;\n      --sidebar-bg: #111113;\n    }\n    @media (prefers-color-scheme: dark) {\n      [data-theme=\"system\"] {\n        --accent: ${dark.accent};\n        --surface-base: ${dark.surface.base};\n        --surface-card: ${dark.surface.card};\n        --surface-muted: #1e1e22;\n        --text-primary: ${dark.text.primary};\n        --text-secondary: ${dark.text.secondary};\n        --border: ${dark.border};\n        --status-approved: ${dark.status.approved};\n        --status-new: ${dark.status.new};\n        --status-rejected: ${dark.status.rejected};\n        --topbar-bg: #0f172a;\n        --sidebar-bg: #111113;\n      }\n    }\n    * { box-sizing: border-box; }\n    html { scroll-behavior: smooth; }\n    body { margin: 0; font-family: ui-sans-system, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(--surface-base); color: var(--text-primary); line-height: 1.5; }\n    a { color: var(--accent); text-decoration: none; }\n    a:hover { text-decoration: underline; }\n    a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }\n    .skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }\n    .skip-link:focus { left: 1rem; top: 1rem; width: auto; height: auto; background: var(--surface-card); color: var(--text-primary); padding: .5rem .75rem; border-radius: var(--radius-sm); box-shadow: var(--shadow); z-index: 100; }\n    .topbar { position: sticky; top: 0; z-index: 40; background: var(--topbar-bg); color: #fff; border-bottom: 1px solid rgba(255,255,255,.12); }\n    .topbar__inner { max-width: 1440px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .6rem 1rem; }\n    .topbar__left, .topbar__right { display: flex; align-items: center; gap: .75rem; min-width: 0; }\n    .topbar__menu { display: none; background: transparent; border: 1px solid rgba(255,255,255,.3); color: #fff; border-radius: 6px; padding: .35rem .5rem; cursor: pointer; }\n    .brand { display: inline-flex; align-items: center; gap: .5rem; color: #fff; font-weight: 650; text-decoration: none; }\n    .brand__mark { width: 28px; height: 28px; display: inline-grid; place-items: center; background: rgba(255,255,255,.18); border-radius: 8px; }\n    .logo { border-radius: 6px; display: block; }\n    .project-crumb { display: inline-flex; align-items: center; gap: .35rem; color: rgba(255,255,255,.9); }\n    .project-crumb a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }\n    .project-crumb__sep { opacity: .7; }\n    .topbar__theme { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); color: #fff; border-radius: 999px; padding: .35rem .6rem; cursor: pointer; display: inline-flex; gap: .25rem; }\n    .topbar__theme [data-theme-icon] { display: none; }\n    [data-theme=\"light\"] [data-theme-icon=\"light\"], [data-theme=\"dark\"] [data-theme-icon=\"dark\"], [data-theme=\"system\"] [data-theme-icon=\"system\"] { display: inline; }\n    .topbar__login { background: #fff; color: var(--accent); padding: .4rem .75rem; border-radius: 999px; font-weight: 600; text-decoration: none; }\n    .user-menu { display: inline-flex; align-items: center; gap: .5rem; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); padding: .25rem .5rem .25rem .35rem; border-radius: 999px; }\n    .user-menu__avatar { width: 28px; height: 28px; border-radius: 999px; object-fit: cover; background: rgba(255,255,255,.2); }\n    .user-menu__avatar--fallback { display: inline-grid; place-items: center; font-weight: 700; color: #fff; }\n    .user-menu__name { color: #fff; font-weight: 600; max-width: 12ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n    .user-menu__role { font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; background: rgba(255,255,255,.2); color: #fff; padding: .15rem .4rem; border-radius: 999px; }\n    .user-menu__logout { color: #fff; font-size: .85rem; text-decoration: underline; text-underline-offset: 2px; margin-left: .25rem; }\n    .shell { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: var(--sidebar-width) 1fr; min-height: calc(100vh - 56px); }\n    .sidebar { background: var(--sidebar-bg); border-right: 1px solid var(--border); padding: 1rem .75rem; position: sticky; top: 56px; height: calc(100vh - 56px); overflow: auto; }\n    .sidebar__nav { display: flex; flex-direction: column; gap: .25rem; }\n    .sidebar__section { margin: 1rem 0 .35rem; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: var(--text-secondary); padding: 0 .5rem; }\n    .sidebar__link { display: flex; align-items: center; gap: .5rem; padding: .5rem .6rem; border-radius: 8px; color: var(--text-primary); text-decoration: none; }\n    .sidebar__link:hover { background: var(--surface-muted); text-decoration: none; }\n    .sidebar__link--active { background: var(--surface-muted); font-weight: 600; }\n    .content { padding: 1.25rem 1.5rem 2rem; min-width: 0; max-width: 1100px; }\n    .page-header { margin-bottom: 1.25rem; }\n    .page-header__row { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }\n    .page-header__title { margin: 0; font-size: 1.6rem; line-height: 1.2; letter-spacing: -0.02em; }\n    .page-header__desc { margin: .35rem 0 0; color: var(--text-secondary); max-width: 60ch; }\n    .page-header__actions { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }\n    .breadcrumbs ol { list-style: none; padding: 0; margin: 0 0 .5rem; display: flex; gap: .4rem; flex-wrap: wrap; color: var(--text-secondary); font-size: .85rem; }\n    .breadcrumbs li + li::before { content: \"/\"; margin-right: .4rem; color: var(--text-secondary); }\n    .card { background: var(--surface-card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }\n    .card--padded { padding: 1rem; }\n    .btn { appearance: none; border: 1px solid transparent; border-radius: 8px; padding: .55rem .85rem; font-weight: 600; font-size: .9rem; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; line-height: 1; }\n    .btn--primary { background: var(--accent); color: var(--accent-contrast); border-color: var(--accent); }\n    .btn--primary:hover { filter: brightness(1.05); text-decoration: none; }\n    .btn--secondary { background: var(--surface-card); color: var(--text-primary); border-color: var(--border); }\n    .btn--ghost { background: transparent; color: var(--text-primary); border-color: transparent; }\n    .btn--danger { background: var(--status-rejected); color: #fff; border-color: var(--status-rejected); }\n    .btn:disabled { opacity: .6; cursor: not-allowed; }\n    .badge { display: inline-flex; align-items: center; padding: .15rem .5rem; border-radius: 999px; font-size: .75rem; font-weight: 650; letter-spacing: .02em; border: 1px solid var(--border); background: var(--surface-muted); color: var(--text-secondary); }\n    .badge--success { background: color-mix(in srgb, var(--status-approved) 14%, var(--surface-card)); color: var(--status-approved); border-color: color-mix(in srgb, var(--status-approved) 30%, var(--border)); }\n    .badge--warning { background: color-mix(in srgb, var(--status-new) 14%, var(--surface-card)); color: var(--status-new); border-color: color-mix(in srgb, var(--status-new) 30%, var(--border)); }\n    .badge--danger { background: color-mix(in srgb, var(--status-rejected) 14%, var(--surface-card)); color: var(--status-rejected); border-color: color-mix(in srgb, var(--status-rejected) 30%, var(--border)); }\n    .badge--info { background: color-mix(in srgb, var(--accent) 10%, var(--surface-card)); color: var(--accent); border-color: color-mix(in srgb, var(--accent) 25%, var(--border)); }\n    .badge--neutral { background: var(--surface-muted); color: var(--text-secondary); }\n    .field { display: grid; gap: .35rem; margin-bottom: .9rem; }\n    .field__label { font-weight: 600; font-size: .9rem; }\n    .field__input { width: 100%; padding: .6rem .7rem; border-radius: 8px; border: 1px solid var(--border); background: var(--surface-card); color: var(--text-primary); font: inherit; }\n    .field__input:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: var(--accent); }\n    .field__input--error { border-color: var(--status-rejected); }\n    .field__input--textarea { resize: vertical; }\n    .field__hint { margin: 0; color: var(--text-secondary); font-size: .85rem; }\n    .field__error { margin: 0; color: var(--status-rejected); font-size: .85rem; }\n    .alert { border-radius: 8px; padding: .75rem .85rem; border: 1px solid var(--border); background: var(--surface-card); }\n    .alert--info { border-color: color-mix(in srgb, var(--accent) 22%, var(--border)); background: color-mix(in srgb, var(--accent) 7%, var(--surface-card)); }\n    .alert--success { border-color: color-mix(in srgb, var(--status-approved) 22%, var(--border)); background: color-mix(in srgb, var(--status-approved) 7%, var(--surface-card)); }\n    .alert--warning { border-color: color-mix(in srgb, var(--status-new) 22%, var(--border)); background: color-mix(in srgb, var(--status-new) 7%, var(--surface-card)); }\n    .alert--danger { border-color: color-mix(in srgb, var(--status-rejected) 22%, var(--border)); background: color-mix(in srgb, var(--status-rejected) 7%, var(--surface-card)); }\n    .alert__title { display: block; margin-bottom: .2rem; }\n    .tabs { display: flex; gap: .25rem; border-bottom: 1px solid var(--border); margin-bottom: 1rem; overflow-x: auto; }\n    .tabs__link { padding: .6rem .75rem; border-bottom: 2px solid transparent; color: var(--text-secondary); text-decoration: none; white-space: nowrap; font-weight: 600; }\n    .tabs__link:hover { color: var(--text-primary); text-decoration: none; }\n    .tabs__link--active { color: var(--text-primary); border-bottom-color: var(--accent); }\n    .empty { text-align: center; padding: 2rem 1rem; border: 1px dashed var(--border); border-radius: var(--radius); background: var(--surface-card); }\n    .empty__title { margin: 0 0 .3rem; font-size: 1.1rem; }\n    .empty__desc { margin: 0 auto; color: var(--text-secondary); max-width: 50ch; }\n    .empty__action { margin-top: 1rem; }\n    .grid { display: grid; gap: 1rem; }\n    .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n    @media (max-width: 880px) { .grid--2, .grid--3 { grid-template-columns: 1fr; } }\n    .table-wrap { overflow: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-card); }\n    table { width: 100%; border-collapse: collapse; font-size: .9rem; }\n    th, td { text-align: left; padding: .65rem .75rem; border-bottom: 1px solid var(--border); vertical-align: top; }\n    th { background: var(--surface-muted); font-weight: 650; color: var(--text-secondary); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }\n    tr:last-child td { border-bottom: 0; }\n    .stat { text-align: center; padding: .5rem; }\n    .stat__value { font-size: 1.4rem; font-weight: 750; line-height: 1; }\n    .stat__label { color: var(--text-secondary); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }\n    .snapshot-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }\n    .snapshot-card { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--surface-card); display: flex; flex-direction: column; }\n    .snapshot-card__head { padding: .6rem .75rem; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; gap: .5rem; align-items: center; }\n    .snapshot-card__meta { font-size: .8rem; color: var(--text-secondary); }\n    .snapshot-card__body { padding: .5rem; display: grid; gap: .5rem; }\n    .diff-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }\n    @media (max-width: 900px) { .diff-grid { grid-template-columns: 1fr; } }\n    .diff-pane { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--surface-card); }\n    .diff-pane__label { padding: .4rem .6rem; font-weight: 650; font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--text-secondary); background: var(--surface-muted); border-bottom: 1px solid var(--border); }\n    .diff-pane__img { display: block; width: 100%; height: auto; background: repeating-conic-gradient(#e5e7eb 0% 25%, #f9fafb 0% 50%) 0 0 / 16px 16px; }\n    .comment { border: 1px solid var(--border); border-radius: var(--radius); padding: .75rem; background: var(--surface-card); }\n    .comment__head { display: flex; gap: .5rem; align-items: center; font-size: .85rem; color: var(--text-secondary); }\n    .comment__body { margin: .5rem 0 0; white-space: pre-wrap; word-break: break-word; }\n    @media (max-width: 880px) {\n      .topbar__menu { display: inline-flex; }\n      .shell { grid-template-columns: 1fr; }\n      .sidebar { display: none; position: fixed; inset: 56px 0 0 0; z-index: 30; height: auto; }\n      .sidebar--open { display: block; }\n      .content { padding: 1rem; }\n    }\n  `;\n}\n"],"mappings":";;;;;AAGA,SAAgB,UAAU,OAAmB,MAA0B;CACrE,OAAO;;kBAES,MAAM,OAAO;;wBAEP,MAAM,QAAQ,KAAK;wBACnB,MAAM,QAAQ,KAAK;;wBAEnB,MAAM,KAAK,QAAQ;0BACjB,MAAM,KAAK,UAAU;kBAC7B,MAAM,OAAO;;;;2BAIJ,MAAM,OAAO,SAAS;sBAC3B,MAAM,OAAO,IAAI;2BACZ,MAAM,OAAO,SAAS;qBAC5B,MAAM,OAAO;;;;;kBAKhB,KAAK,OAAO;wBACN,KAAK,QAAQ,KAAK;wBAClB,KAAK,QAAQ,KAAK;;wBAElB,KAAK,KAAK,QAAQ;0BAChB,KAAK,KAAK,UAAU;kBAC5B,KAAK,OAAO;2BACH,KAAK,OAAO,SAAS;sBAC1B,KAAK,OAAO,IAAI;2BACX,KAAK,OAAO,SAAS;;;;;;oBAM5B,KAAK,OAAO;0BACN,KAAK,QAAQ,KAAK;0BAClB,KAAK,QAAQ,KAAK;;0BAElB,KAAK,KAAK,QAAQ;4BAChB,KAAK,KAAK,UAAU;oBAC5B,KAAK,OAAO;6BACH,KAAK,OAAO,SAAS;wBAC1B,KAAK,OAAO,IAAI;6BACX,KAAK,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHlD"}

package/dist/urls.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"urls.mjs","names":[],"sources":["../src/urls.ts"],"sourcesContent":["/** Type-safe URL builder for project pages and published Storybooks. */\nexport interface UrlBuilder {\n  projectsList(): string;\n  project(slug: string): string;\n  buildsList(slug: string): string;\n  build(slug: string, buildId: string): string;\n  labels(slug: string): string;\n  label(slug: string, key: string, value: string): string;\n  storybook(slug: string): string;\n  storybookLabel(slug: string, key: string, value: string): string;\n  storybookBuild(slug: string, buildId: string): string;\n  settings(slug: string): string;\n}\n\n/**\n * Create a URL builder rooted at the given base URL.\n *\n * @param baseUrl - Public root URL of the shelf server.\n * @param publishedBaseDomain - Optional wildcard domain for published Storybooks.\n * @returns The URL builder.\n */\nexport function createUrlBuilder(baseUrl: string, publishedBaseDomain?: string): UrlBuilder {\n  const root = baseUrl.replace(/\\/+$/u, \"\");\n\n  return {\n    projectsList: () => root,\n    project: (slug) => `${root}/projects/${slug}`,\n    buildsList: (slug) => `${root}/projects/${slug}/builds`,\n    build: (slug, buildId) => `${root}/projects/${slug}/builds/${buildId}`,\n    labels: (slug) => `${root}/projects/${slug}/labels`,\n    label: (slug, key, value) => `${root}/projects/${slug}/labels/${encodeURIComponent(key)}/${encodeURI(value)}`,\n    storybook: (slug) => (publishedBaseDomain ? `https://${slug}.${publishedBaseDomain}` : `${root}/projects/${slug}/storybook`),\n    storybookLabel: (slug, key, value) => `${root}/projects/${slug}/storybook/${encodeURIComponent(key)}/${encodeURI(value)}`,\n    storybookBuild: (slug, buildId) =>\n      publishedBaseDomain ? `https://${buildId}.${slug}.${publishedBaseDomain}` : `${root}/projects/${slug}/storybook/build/${buildId}`,\n    settings: (slug) => `${root}/projects/${slug}/settings`,\n  };\n}\n"],"mappings":";;;;;;;;;;;AAqBA,SAAgB,iBAAiB,SAAiB,qBAA0C;CAC1F,MAAM,OAAO,QAAQ,QAAQ,SAAS,EAAE;CAExC,OAAO;EACL,oBAAoB;EACpB,UAAU,SAAS,GAAG,KAAK,YAAY;EACvC,aAAa,SAAS,GAAG,KAAK,YAAY,KAAK;EAC/C,QAAQ,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,UAAU;EAC7D,SAAS,SAAS,GAAG,KAAK,YAAY,KAAK;EAC3C,QAAQ,MAAM,KAAK,UAAU,GAAG,KAAK,YAAY,KAAK,UAAU,mBAAmB,GAAG,EAAE,GAAG,UAAU,KAAK;EAC1G,YAAY,SAAU,sBAAsB,WAAW,KAAK,GAAG,wBAAwB,GAAG,KAAK,YAAY,KAAK;EAChH,iBAAiB,MAAM,KAAK,UAAU,GAAG,KAAK,YAAY,KAAK,aAAa,mBAAmB,GAAG,EAAE,GAAG,UAAU,KAAK;EACtH,iBAAiB,MAAM,YACrB,sBAAsB,WAAW,QAAQ,GAAG,KAAK,GAAG,wBAAwB,GAAG,KAAK,YAAY,KAAK,mBAAmB;EAC1H,WAAW,SAAS,GAAG,KAAK,YAAY,KAAK;CAC/C;AACF"}
+{"version":3,"file":"urls.mjs","names":[],"sources":["../src/urls.ts"],"sourcesContent":["/** Type-safe URL builder for project pages and published Storybooks. */\nexport interface UrlBuilder {\n  projectsList(): string;\n  project(slug: string): string;\n  buildsList(slug: string): string;\n  build(slug: string, buildId: string): string;\n  labels(slug: string): string;\n  label(slug: string, key: string, value: string): string;\n  storybook(slug: string): string;\n  storybookLabel(slug: string, key: string, value: string): string;\n  storybookBuild(slug: string, buildId: string): string;\n  settings(slug: string): string;\n}\n\n/**\n * Create a URL builder rooted at the given base URL.\n *\n * @param baseUrl - Public root URL of the shelf server.\n * @param publishedBaseDomain - Optional wildcard domain for published Storybooks.\n * @returns The URL builder.\n */\nexport function createUrlBuilder(baseUrl: string, publishedBaseDomain?: string): UrlBuilder {\n  const root = baseUrl.replace(/\\/+$/u, \"\");\n\n  return {\n    projectsList: () => root,\n    project: (slug) => `${root}/projects/${slug}`,\n    buildsList: (slug) => `${root}/projects/${slug}/builds`,\n    build: (slug, buildId) => `${root}/projects/${slug}/builds/${buildId}`,\n    labels: (slug) => `${root}/projects/${slug}/labels`,\n    label: (slug, key, value) =>\n      `${root}/projects/${slug}/labels/${encodeURIComponent(key)}/${encodeURI(value)}`,\n    storybook: (slug) =>\n      publishedBaseDomain\n        ? `https://${slug}.${publishedBaseDomain}`\n        : `${root}/projects/${slug}/storybook`,\n    storybookLabel: (slug, key, value) =>\n      `${root}/projects/${slug}/storybook/${encodeURIComponent(key)}/${encodeURI(value)}`,\n    storybookBuild: (slug, buildId) =>\n      publishedBaseDomain\n        ? `https://${buildId}.${slug}.${publishedBaseDomain}`\n        : `${root}/projects/${slug}/storybook/build/${buildId}`,\n    settings: (slug) => `${root}/projects/${slug}/settings`,\n  };\n}\n"],"mappings":";;;;;;;;;;;AAqBA,SAAgB,iBAAiB,SAAiB,qBAA0C;CAC1F,MAAM,OAAO,QAAQ,QAAQ,SAAS,EAAE;CAExC,OAAO;EACL,oBAAoB;EACpB,UAAU,SAAS,GAAG,KAAK,YAAY;EACvC,aAAa,SAAS,GAAG,KAAK,YAAY,KAAK;EAC/C,QAAQ,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,UAAU;EAC7D,SAAS,SAAS,GAAG,KAAK,YAAY,KAAK;EAC3C,QAAQ,MAAM,KAAK,UACjB,GAAG,KAAK,YAAY,KAAK,UAAU,mBAAmB,GAAG,EAAE,GAAG,UAAU,KAAK;EAC/E,YAAY,SACV,sBACI,WAAW,KAAK,GAAG,wBACnB,GAAG,KAAK,YAAY,KAAK;EAC/B,iBAAiB,MAAM,KAAK,UAC1B,GAAG,KAAK,YAAY,KAAK,aAAa,mBAAmB,GAAG,EAAE,GAAG,UAAU,KAAK;EAClF,iBAAiB,MAAM,YACrB,sBACI,WAAW,QAAQ,GAAG,KAAK,GAAG,wBAC9B,GAAG,KAAK,YAAY,KAAK,mBAAmB;EAClD,WAAW,SAAS,GAAG,KAAK,YAAY,KAAK;CAC/C;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyshelf/core",
-  "version": "0.1.3",
+  "version": "0.3.2",
   "description": "StoryShelf core: Hono router, adapter interfaces, models, capture pipeline, diff, retention.",
   "homepage": "https://github.com/GuptaSiddhant/StoryShelf#readme",
   "bugs": {
@@ -31,6 +31,10 @@
       "source": "./src/adapters/auth.ts",
       "default": "./dist/adapter/auth.mjs"
     },
+    "./adapter/capture-queue": {
+      "source": "./src/adapters/capture-queue.ts",
+      "default": "./dist/adapter/capture-queue.mjs"
+    },
     "./adapter/capture-runner": {
       "source": "./src/adapters/capture-runner.ts",
       "default": "./dist/adapter/capture-runner.mjs"
@@ -43,85 +47,81 @@
       "source": "./src/adapters/git-host/index.ts",
       "default": "./dist/adapter/git-host.mjs"
     },
+    "./adapter/git-host/comments": {
+      "source": "./src/adapters/git-host/comments.ts",
+      "default": "./dist/adapter/git-host/comments.mjs"
+    },
     "./adapter/git-host/helpers": {
       "source": "./src/adapters/git-host/helpers.ts",
       "default": "./dist/adapter/git-host/helpers.mjs"
     },
+    "./adapter/init": {
+      "source": "./src/adapters/init.ts",
+      "default": "./dist/adapter/init.mjs"
+    },
+    "./adapter/metadata": {
+      "source": "./src/adapters/metadata.ts",
+      "default": "./dist/adapter/metadata.mjs"
+    },
     "./adapter/storage": {
       "source": "./src/adapters/storage.ts",
       "default": "./dist/adapter/storage.mjs"
     },
+    "./capture": {
+      "source": "./src/capture/index.ts",
+      "default": "./dist/capture.mjs"
+    },
     "./ddl": {
       "source": "./src/ddl.ts",
       "default": "./dist/ddl.mjs"
     },
-    "./models/baseline": {
-      "source": "./src/models/baseline.ts",
-      "default": "./dist/models/baseline.mjs"
-    },
-    "./models/build": {
-      "source": "./src/models/build.ts",
-      "default": "./dist/models/build.mjs"
+    "./diff": {
+      "source": "./src/diff/index.ts",
+      "default": "./dist/diff.mjs"
     },
-    "./models/comment": {
-      "source": "./src/models/comment.ts",
-      "default": "./dist/models/comment.mjs"
+    "./logger": {
+      "source": "./src/logger.ts",
+      "default": "./dist/logger.mjs"
     },
-    "./models/label": {
-      "source": "./src/models/label.ts",
-      "default": "./dist/models/label.mjs"
-    },
-    "./models/member": {
-      "source": "./src/models/member.ts",
-      "default": "./dist/models/member.mjs"
-    },
-    "./models/project": {
-      "source": "./src/models/project.ts",
-      "default": "./dist/models/project.mjs"
-    },
-    "./models/snapshot": {
-      "source": "./src/models/snapshot.ts",
-      "default": "./dist/models/snapshot.mjs"
-    },
-    "./models/token": {
-      "source": "./src/models/token.ts",
-      "default": "./dist/models/token.mjs"
-    },
-    "./models/webhook": {
-      "source": "./src/models/webhook.ts",
-      "default": "./dist/models/webhook.mjs"
+    "./paths": {
+      "source": "./src/utils/paths.ts",
+      "default": "./dist/paths.mjs"
     },
     "./schema": {
-      "source": "./src/schema.ts",
+      "source": "./src/schema/index.ts",
       "default": "./dist/schema.mjs"
     },
     "./types": {
       "source": "./src/types.ts",
       "default": "./dist/types.mjs"
     },
+    "./urls": {
+      "source": "./src/urls.ts",
+      "default": "./dist/urls.mjs"
+    },
     "./package.json": "./package.json"
   },
   "publishConfig": {
     "exports": {
       ".": "./dist/index.mjs",
       "./adapter/auth": "./dist/adapter/auth.mjs",
+      "./adapter/capture-queue": "./dist/adapter/capture-queue.mjs",
       "./adapter/capture-runner": "./dist/adapter/capture-runner.mjs",
       "./adapter/database": "./dist/adapter/database.mjs",
       "./adapter/git-host": "./dist/adapter/git-host.mjs",
+      "./adapter/git-host/comments": "./dist/adapter/git-host/comments.mjs",
       "./adapter/git-host/helpers": "./dist/adapter/git-host/helpers.mjs",
+      "./adapter/init": "./dist/adapter/init.mjs",
+      "./adapter/metadata": "./dist/adapter/metadata.mjs",
       "./adapter/storage": "./dist/adapter/storage.mjs",
+      "./capture": "./dist/capture.mjs",
       "./ddl": "./dist/ddl.mjs",
-      "./models/baseline": "./dist/models/baseline.mjs",
-      "./models/build": "./dist/models/build.mjs",
-      "./models/comment": "./dist/models/comment.mjs",
-      "./models/label": "./dist/models/label.mjs",
-      "./models/member": "./dist/models/member.mjs",
-      "./models/project": "./dist/models/project.mjs",
-      "./models/snapshot": "./dist/models/snapshot.mjs",
-      "./models/token": "./dist/models/token.mjs",
-      "./models/webhook": "./dist/models/webhook.mjs",
+      "./diff": "./dist/diff.mjs",
+      "./logger": "./dist/logger.mjs",
+      "./paths": "./dist/paths.mjs",
       "./schema": "./dist/schema.mjs",
       "./types": "./dist/types.mjs",
+      "./urls": "./dist/urls.mjs",
       "./package.json": "./package.json"
     },
     "access": "public"
@@ -140,18 +140,20 @@
   "dependencies": {
     "@hono/swagger-ui": "^0.6.1",
     "@hono/zod-openapi": "^1.1.5",
-    "adm-zip": "^0.6.0",
     "drizzle-orm": "^0.44.0",
     "hono": "^4.11.0",
     "pino": "^10.3.1",
     "pixelmatch": "^7.1.0",
     "pngjs": "^7.0.0",
+    "unzipper": "0.12.5",
     "zod": "^4.2.0"
   },
   "devDependencies": {
     "@types/node": "catalog:",
     "@types/pngjs": "^6.0.5",
+    "@types/unzipper": "0.10.11",
     "@vitest/coverage-v8": "catalog:",
+    "adm-zip": "0.6.0",
     "oxfmt": "catalog:",
     "oxlint": "catalog:",
     "oxlint-tsgolint": "catalog:",

package/dist/adapters/metadata.d.mts

@@ -1,24 +0,0 @@
-import __tsdown_shims_path from 'node:path';
-import __tsdown_shims_url from 'node:url';
-import { z } from "zod";
-//#region src/adapters/metadata.d.ts
-/** Common adapter identity — every adapter instance exposes this. */
-interface AdapterMetadata {
-  /** Human label for UI/logs. */
-  readonly name: string;
-  /** Package version injected at build via __PKG_VERSION__. */
-  readonly version: string;
-  /** Optional short description. */
-  readonly description?: string;
-  /** Machine key (e.g. "github", "sqlite", "local", "s3", "password", "oauth", "playwright", "sqs", "memory"). */
-  readonly kind: string;
-}
-/** Git-specific metadata extension (adds logo + validation schema). */
-interface GitAdapterMetadata extends AdapterMetadata {
-  readonly kind: string;
-  readonly logo?: string;
-  readonly schema: z.ZodType;
-}
-//#endregion
-export { AdapterMetadata, GitAdapterMetadata };
-//# sourceMappingURL=metadata.d.mts.map

package/dist/models/baseline.d.mts

@@ -1,21 +0,0 @@
-import __tsdown_shims_path from 'node:path';
-import __tsdown_shims_url from 'node:url';
-import { DatabaseAdapter } from "../adapter/database.mjs";
-import { StorageAdapter } from "../adapter/storage.mjs";
-import { Baseline } from "../schema.mjs";
-//#region src/models/baseline.d.ts
-/** Data operations for baseline screenshots. */
-declare class BaselineModel {
-  private readonly db;
-  private readonly storage;
-  constructor(db: DatabaseAdapter, storage: StorageAdapter);
-  getFor(projectId: string, storyId: string, viewport: string, branch: string): Promise<Baseline | null>;
-  resolve(projectId: string, storyId: string, viewport: string, branch: string, defaultBranch: string): Promise<Baseline | null>;
-  read(baseline: Baseline): Promise<Buffer>;
-  upsert(projectId: string, storyId: string, viewport: string, branch: string, snapshotId: string, sourcePath: string): Promise<Baseline>;
-  list(projectId: string): Promise<Baseline[]>;
-  removeOrphans(projectId: string, validStoryIds: Set<string>): Promise<number>;
-}
-//#endregion
-export { type Baseline, BaselineModel };
-//# sourceMappingURL=baseline.d.mts.map

package/dist/models/build.d.mts

@@ -1,53 +0,0 @@
-import __tsdown_shims_path from 'node:path';
-import __tsdown_shims_url from 'node:url';
-import { BuildStatus } from "../types.mjs";
-import { DatabaseAdapter } from "../adapter/database.mjs";
-import { Build } from "../schema.mjs";
-//#region src/models/build.d.ts
-/**
- * Return whether a build is publicly viewable without a session.
- *
- * A build is public iff `builds.public` is set or its branch matches the
- * project's `public_branch_regex` (ADR 0011). Supplying an empty/nonexistent
- * regex makes every build require auth.
- */
-declare function isPublicBuild(project: {
-  publicBranchRegex: string | null;
-}, build: Pick<Build, "public" | "gitBranch">): boolean;
-/** Input for creating a build. */
-interface BuildCreateInput {
-  gitSha: string;
-  gitBranch: string;
-  isDefault?: boolean;
-  authorEmail?: string;
-  authorName?: string;
-  message?: string;
-  public?: boolean;
-}
-/** Filter options for listing builds. */
-interface BuildListFilter {
-  status?: BuildStatus;
-  branch?: string;
-  labelKey?: string;
-  labelValue?: string;
-}
-/** Data operations for build records. */
-declare class BuildModel {
-  private readonly db;
-  constructor(db: DatabaseAdapter);
-  create(projectId: string, input: BuildCreateInput): Promise<Build>;
-  get(id: string): Promise<Build | null>;
-  list(projectId: string, filter?: BuildListFilter): Promise<Build[]>;
-  /** Return the most recent build intended for publishing, if any. */
-  latestPublished(project: {
-    id: string;
-    publicBranchRegex: string | null;
-  }): Promise<Build | null>;
-  update(id: string, patch: Partial<Pick<Build, "status" | "public" | "message" | "authorEmail" | "authorName">>): Promise<Build>;
-  setStatus(id: string, status: BuildStatus): Promise<Build>;
-  updateCounts(id: string): Promise<Build>;
-  remove(id: string): Promise<void>;
-}
-//#endregion
-export { type Build, BuildCreateInput, BuildListFilter, BuildModel, isPublicBuild };
-//# sourceMappingURL=build.d.mts.map