@storyshelf/app 0.5.3

package/dist/pages/project-builds.mjs

@@ -0,0 +1,143 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { getStore } from "../store.mjs";
+import { Button } from "../ui/buttons.mjs";
+import { Badge, EmptyState } from "../ui/feedback.mjs";
+import { SelectField } from "../ui/forms.mjs";
+import { PageHeader } from "../ui/layout.mjs";
+import { HStack, VStack } from "../ui/stacks.mjs";
+import { Segmented } from "../ui/segmented.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { BuildsTable } from "./project-builds-table.mjs";
+import { BuildModel, ProjectModel } from "@storyshelf/core/models";
+import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
+import { createUrlBuilder } from "@storyshelf/core/urls";
+//#region src/pages/project-builds.tsx
+const STATUSES = [
+	"reviewing",
+	"approved",
+	"rejected",
+	"failed",
+	"pending"
+];
+function listHref(base, filters) {
+	const params = new URLSearchParams();
+	if (filters.status) params.set("status", filters.status);
+	if (filters.branch) params.set("branch", filters.branch);
+	const query = params.toString();
+	return query ? `${base}?${query}` : base;
+}
+function matches(build, filters) {
+	return (!filters.status || build.status === filters.status) && (!filters.branch || build.gitBranch === filters.branch);
+}
+/** Status chips (with counts) plus a branch select that applies instantly. */
+function BuildsToolbar(props) {
+	const { all, filters, base } = props;
+	const branches = [...new Set(all.map((build) => build.gitBranch))].toSorted();
+	const inBranch = all.filter((build) => !filters.branch || build.gitBranch === filters.branch);
+	const count = (status) => inBranch.filter((build) => build.status === status).length;
+	const items = [{
+		label: `All ${inBranch.length}`,
+		value: "",
+		status: void 0
+	}, ...STATUSES.filter((status) => count(status) > 0 || filters.status === status).map((status) => ({
+		label: `${status} ${count(status)}`,
+		value: status,
+		status
+	}))];
+	return /* @__PURE__ */ jsxs(HStack, {
+		justify: "between",
+		children: [/* @__PURE__ */ jsx(Segmented, {
+			label: "Filter by status",
+			items: items.map((item) => ({
+				label: item.label,
+				value: item.value,
+				href: listHref(base, {
+					...filters,
+					status: item.status
+				}),
+				active: (filters.status ?? "") === item.value
+			}))
+		}), /* @__PURE__ */ jsxs("form", {
+			method: "get",
+			action: base,
+			"hx-get": base,
+			"hx-trigger": "change",
+			"hx-target": "body",
+			"hx-push-url": "true",
+			children: [filters.status ? /* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name: "status",
+				value: filters.status
+			}) : null, /* @__PURE__ */ jsx(SelectField, {
+				label: "Branch",
+				name: "branch",
+				layout: "inline",
+				value: filters.branch ?? "",
+				options: [{
+					value: "",
+					label: "All branches"
+				}, ...branches.map((branch) => ({
+					value: branch,
+					label: branch
+				}))]
+			})]
+		})]
+	});
+}
+/** Project builds page: filterable build history for one project. */
+async function renderProjectBuildsPage(slug, query = {}) {
+	const project = (await new ProjectModel(getStore().db).list()).find((item) => item.slug === slug);
+	if (!project) return null;
+	const all = await new BuildModel(getStore().db).list(project.id);
+	const builds = all.filter((build) => matches(build, query));
+	const urls = createUrlBuilder("/", getStore().config.publishedBaseDomain);
+	const filtered = Boolean(query.status ?? query.branch);
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: project.name,
+		nav: {
+			active: "builds",
+			projectSlug: project.slug,
+			projectName: project.name
+		},
+		children: [/* @__PURE__ */ jsx(PageHeader, {
+			title: "Builds",
+			description: /* @__PURE__ */ jsxs(Fragment, { children: [
+				project.gitRepository ?? project.slug,
+				" · default branch",
+				" ",
+				/* @__PURE__ */ jsx(Badge, {
+					tone: "neutral",
+					children: project.gitDefaultBranch
+				})
+			] }),
+			actions: /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				icon: "settings",
+				href: urls.settings(project.slug),
+				children: "Settings"
+			})
+		}), /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsx(BuildsToolbar, {
+			project,
+			all,
+			filters: query,
+			base: urls.buildsList(project.slug)
+		}), builds.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+			title: "No builds",
+			description: filtered ? "No builds match the current filter." : "Upload your first build with the CLI. Builds appear here once uploaded.",
+			action: filtered ? /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				href: urls.buildsList(project.slug),
+				children: "Clear filters"
+			}) : null
+		}) : /* @__PURE__ */ jsx(BuildsTable, {
+			project,
+			builds
+		})] })]
+	});
+}
+//#endregion
+export { renderProjectBuildsPage };
+
+//# sourceMappingURL=project-builds.mjs.map

package/dist/pages/project-builds.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-builds.mjs","names":[],"sources":["../../src/pages/project-builds.tsx"],"sourcesContent":["import { BuildModel, ProjectModel } from \"@storyshelf/core/models\";\nimport type { Build, Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\nimport { getStore } from \"../store.ts\";\nimport {\n  Badge,\n  Button,\n  EmptyState,\n  HStack,\n  PageHeader,\n  Segmented,\n  SelectField,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { BuildsTable } from \"./project-builds-table.tsx\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\nconst STATUSES = [\"reviewing\", \"approved\", \"rejected\", \"failed\", \"pending\"] as const;\n\n/** Current list filters (from the query string). */\ninterface BuildFilters {\n  status?: string;\n  branch?: string;\n}\n\nfunction listHref(base: string, filters: BuildFilters): string {\n  const params = new URLSearchParams();\n  if (filters.status) {\n    params.set(\"status\", filters.status);\n  }\n  if (filters.branch) {\n    params.set(\"branch\", filters.branch);\n  }\n  const query = params.toString();\n  return query ? `${base}?${query}` : base;\n}\n\nfunction matches(build: Build, filters: BuildFilters): boolean {\n  return (\n    (!filters.status || build.status === filters.status) &&\n    (!filters.branch || build.gitBranch === filters.branch)\n  );\n}\n\n/** Status chips (with counts) plus a branch select that applies instantly. */\nfunction BuildsToolbar(props: {\n  project: Project;\n  all: Build[];\n  filters: BuildFilters;\n  base: string;\n}): ReturnType<typeof HStack> {\n  const { all, filters, base } = props;\n  const branches = [...new Set(all.map((build) => build.gitBranch))].toSorted();\n  const inBranch = all.filter((build) => !filters.branch || build.gitBranch === filters.branch);\n  const count = (status: string): number =>\n    inBranch.filter((build) => build.status === status).length;\n  const items = [\n    { label: `All ${inBranch.length}`, value: \"\", status: undefined },\n    ...STATUSES.filter((status) => count(status) > 0 || filters.status === status).map(\n      (status) => ({ label: `${status} ${count(status)}`, value: status, status }),\n    ),\n  ];\n  return (\n    <HStack justify=\"between\">\n      <Segmented\n        label=\"Filter by status\"\n        items={items.map((item) => ({\n          label: item.label,\n          value: item.value,\n          href: listHref(base, { ...filters, status: item.status }),\n          active: (filters.status ?? \"\") === item.value,\n        }))}\n      />\n      <form\n        method=\"get\"\n        action={base}\n        hx-get={base}\n        hx-trigger=\"change\"\n        hx-target=\"body\"\n        hx-push-url=\"true\"\n      >\n        {filters.status ? <input type=\"hidden\" name=\"status\" value={filters.status} /> : null}\n        <SelectField\n          label=\"Branch\"\n          name=\"branch\"\n          layout=\"inline\"\n          value={filters.branch ?? \"\"}\n          options={[\n            { value: \"\", label: \"All branches\" },\n            ...branches.map((branch) => ({ value: branch, label: branch })),\n          ]}\n        />\n      </form>\n    </HStack>\n  );\n}\n\n/** Project builds page: filterable build history for one project. */\nexport async function renderProjectBuildsPage(\n  slug: string,\n  query: BuildFilters = {},\n): Promise<RenderedContent | null> {\n  const projects = await new ProjectModel(getStore().db).list();\n  const project = projects.find((item) => item.slug === slug);\n  if (!project) {\n    return null;\n  }\n  const all = await new BuildModel(getStore().db).list(project.id);\n  const builds = all.filter((build) => matches(build, query));\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  const filtered = Boolean(query.status ?? query.branch);\n\n  return (\n    <DocumentLayout\n      title={project.name}\n      nav={{ active: \"builds\", projectSlug: project.slug, projectName: project.name }}\n    >\n      <PageHeader\n        title=\"Builds\"\n        description={\n          <>\n            {project.gitRepository ?? project.slug} · default branch{\" \"}\n            <Badge tone=\"neutral\">{project.gitDefaultBranch}</Badge>\n          </>\n        }\n        actions={\n          <Button variant=\"secondary\" icon=\"settings\" href={urls.settings(project.slug)}>\n            Settings\n          </Button>\n        }\n      />\n      <VStack>\n        <BuildsToolbar\n          project={project}\n          all={all}\n          filters={query}\n          base={urls.buildsList(project.slug)}\n        />\n        {builds.length === 0 ? (\n          <EmptyState\n            title=\"No builds\"\n            description={\n              filtered\n                ? \"No builds match the current filter.\"\n                : \"Upload your first build with the CLI. Builds appear here once uploaded.\"\n            }\n            action={\n              filtered ? (\n                <Button variant=\"secondary\" href={urls.buildsList(project.slug)}>\n                  Clear filters\n                </Button>\n              ) : null\n            }\n          />\n        ) : (\n          <BuildsTable project={project} builds={builds} />\n        )}\n      </VStack>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/project-create.mjs

@@ -0,0 +1,90 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { Button } from "../ui/buttons.mjs";
+import { Alert } from "../ui/feedback.mjs";
+import { Field } from "../ui/forms.mjs";
+import { Card, PageHeader } from "../ui/layout.mjs";
+import { HStack } from "../ui/stacks.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/project-create.tsx
+/** New-project form page (one project corresponds to one Storybook). */
+function renderProjectCreatePage(state = {}) {
+	const values = state.values ?? {};
+	const errors = state.errors ?? {};
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: "New project",
+		nav: {
+			active: "projects",
+			trail: [{ label: "New project" }]
+		},
+		children: [
+			/* @__PURE__ */ jsx(PageHeader, {
+				title: "Create project",
+				description: "A project corresponds to one Storybook. You can have multiple projects per repository."
+			}),
+			state.globalError ? /* @__PURE__ */ jsx(Alert, {
+				tone: "danger",
+				title: "Could not create project",
+				children: state.globalError
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				class: "max-w-prose",
+				children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs("form", {
+					method: "post",
+					action: "/projects/new",
+					"hx-post": "/projects/new",
+					"hx-target": "body",
+					"hx-swap": "outerHTML",
+					novalidate: true,
+					children: [
+						/* @__PURE__ */ jsx(Field, {
+							label: "Name",
+							name: "name",
+							required: true,
+							autofocus: true,
+							value: values.name ?? "",
+							placeholder: "Design System",
+							error: errors["name"],
+							hint: "Human readable name. A URL-friendly slug is generated automatically.",
+							autocomplete: "off"
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Git repository",
+							name: "gitRepository",
+							value: values.gitRepository ?? "",
+							placeholder: "acme/design-system",
+							error: errors["gitRepository"],
+							hint: "Optional owner/repo for status checks and links."
+						}),
+						/* @__PURE__ */ jsx(Field, {
+							label: "Default branch",
+							name: "gitDefaultBranch",
+							value: values.gitDefaultBranch ?? "main",
+							placeholder: "main",
+							hint: "Baselines fall back to this branch when no branch-specific baseline exists."
+						}),
+						/* @__PURE__ */ jsx("div", {
+							class: "mt-1",
+							children: /* @__PURE__ */ jsxs(HStack, { children: [/* @__PURE__ */ jsx(Button, {
+								variant: "primary",
+								type: "submit",
+								icon: "plus",
+								children: "Create project"
+							}), /* @__PURE__ */ jsx(Button, {
+								variant: "secondary",
+								href: "/projects",
+								children: "Cancel"
+							})] })
+						})
+					]
+				}) })
+			})
+		]
+	});
+}
+//#endregion
+export { renderProjectCreatePage };
+
+//# sourceMappingURL=project-create.mjs.map

package/dist/pages/project-create.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-create.mjs","names":[],"sources":["../../src/pages/project-create.tsx"],"sourcesContent":["import { Alert, Button, Card, Field, HStack, PageHeader } from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\n\n/** Form state for the project creation page (values and validation errors). */\nexport interface ProjectCreateFormState {\n  values?: { name?: string; gitRepository?: string; gitDefaultBranch?: string };\n  errors?: Record<string, string>;\n  globalError?: string;\n}\n\n/** New-project form page (one project corresponds to one Storybook). */\nexport function renderProjectCreatePage(state: ProjectCreateFormState = {}): RenderedContent {\n  const values = state.values ?? {};\n  const errors = state.errors ?? {};\n  return (\n    <DocumentLayout\n      title=\"New project\"\n      nav={{ active: \"projects\", trail: [{ label: \"New project\" }] }}\n    >\n      <PageHeader\n        title=\"Create project\"\n        description=\"A project corresponds to one Storybook. You can have multiple projects per repository.\"\n      />\n\n      {state.globalError ? (\n        <Alert tone=\"danger\" title=\"Could not create project\">\n          {state.globalError}\n        </Alert>\n      ) : null}\n\n      <div class=\"max-w-prose\">\n        <Card>\n          <form\n            method=\"post\"\n            action=\"/projects/new\"\n            hx-post=\"/projects/new\"\n            hx-target=\"body\"\n            hx-swap=\"outerHTML\"\n            novalidate\n          >\n            <Field\n              label=\"Name\"\n              name=\"name\"\n              required\n              autofocus\n              value={values.name ?? \"\"}\n              placeholder=\"Design System\"\n              error={errors[\"name\"]}\n              hint=\"Human readable name. A URL-friendly slug is generated automatically.\"\n              autocomplete=\"off\"\n            />\n\n            <Field\n              label=\"Git repository\"\n              name=\"gitRepository\"\n              value={values.gitRepository ?? \"\"}\n              placeholder=\"acme/design-system\"\n              error={errors[\"gitRepository\"]}\n              hint=\"Optional owner/repo for status checks and links.\"\n            />\n\n            <Field\n              label=\"Default branch\"\n              name=\"gitDefaultBranch\"\n              value={values.gitDefaultBranch ?? \"main\"}\n              placeholder=\"main\"\n              hint=\"Baselines fall back to this branch when no branch-specific baseline exists.\"\n            />\n\n            <div class=\"mt-1\">\n              <HStack>\n                <Button variant=\"primary\" type=\"submit\" icon=\"plus\">\n                  Create project\n                </Button>\n                <Button variant=\"secondary\" href=\"/projects\">\n                  Cancel\n                </Button>\n              </HStack>\n            </div>\n          </form>\n        </Card>\n      </div>\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,wBAAwB,QAAgC,CAAC,GAAoB;CAC3F,MAAM,SAAS,MAAM,UAAU,CAAC;CAChC,MAAM,SAAS,MAAM,UAAU,CAAC;CAChC,OACE,qBAAC,gBAAD;EACE,OAAM;EACN,KAAK;GAAE,QAAQ;GAAY,OAAO,CAAC,EAAE,OAAO,cAAc,CAAC;EAAE;EAF/D,UAAA;GAIE,oBAAC,YAAD;IACE,OAAM;IACN,aAAY;GACb,CAAA;GAEA,MAAM,cACL,oBAAC,OAAD;IAAO,MAAK;IAAS,OAAM;IACxB,UAAA,MAAM;GACF,CAAA,IACL;GAEJ,oBAAC,OAAD;IAAK,OAAM;IACT,UAAA,oBAAC,MAAD,EAAA,UACE,qBAAC,QAAD;KACE,QAAO;KACP,QAAO;KACP,WAAQ;KACR,aAAU;KACV,WAAQ;KACR,YAAA;KANF,UAAA;MAQE,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,UAAA;OACA,WAAA;OACA,OAAO,OAAO,QAAQ;OACtB,aAAY;OACZ,OAAO,OAAO;OACd,MAAK;OACL,cAAa;MACd,CAAA;MAED,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,OAAO,OAAO,iBAAiB;OAC/B,aAAY;OACZ,OAAO,OAAO;OACd,MAAK;MACN,CAAA;MAED,oBAAC,OAAD;OACE,OAAM;OACN,MAAK;OACL,OAAO,OAAO,oBAAoB;OAClC,aAAY;OACZ,MAAK;MACN,CAAA;MAED,oBAAC,OAAD;OAAK,OAAM;OACT,UAAA,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,QAAD;QAAQ,SAAQ;QAAU,MAAK;QAAS,MAAK;QAAO,UAAA;OAE5C,CAAA,GACR,oBAAC,QAAD;QAAQ,SAAQ;QAAY,MAAK;QAAY,UAAA;OAErC,CAAA,CACF,EAAA,CAAA;MACL,CAAA;KACD;IACF,CAAA,EAAA,CAAA;GACH,CAAA;EACS;;AAEpB"}

package/dist/pages/project-settings.mjs

@@ -0,0 +1,95 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { PageHeader } from "../ui/layout.mjs";
+import { SubNavLayout } from "../ui/subnav.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { renderSettingsGeneral } from "./settings-general.mjs";
+import { renderSettingsLabels } from "./settings-labels.mjs";
+import { renderSettingsMembers } from "./settings-members.mjs";
+import { renderSettingsNotifications } from "./settings-notifications.mjs";
+import { renderSettingsStatus } from "./settings-status.mjs";
+import { renderSettingsTests } from "./settings-tests.mjs";
+import { renderSettingsTokens } from "./settings-tokens.mjs";
+import { renderSettingsWebhooks } from "./settings-webhooks.mjs";
+import { Fragment, jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/project-settings.tsx
+function tabHref(project, tab) {
+	return tab === "general" ? `/projects/${project.slug}/settings` : `/projects/${project.slug}/settings/${tab}`;
+}
+const TAB_LABELS = {
+	general: "General",
+	tests: "Tests",
+	labels: "Labels",
+	tokens: "Tokens",
+	webhooks: "Webhooks",
+	notifications: "Notifications",
+	members: "Members",
+	status: "Git status"
+};
+const TAB_ICONS = {
+	general: "settings",
+	tests: "activity",
+	labels: "tag",
+	tokens: "key",
+	webhooks: "webhook",
+	notifications: "bell",
+	members: "users",
+	status: "git-branch"
+};
+const SETTINGS_TABS = [
+	"general",
+	"tests",
+	"labels",
+	"tokens",
+	"webhooks",
+	"notifications",
+	"members",
+	"status"
+];
+function renderActiveTab(data, formState) {
+	const { project, activeTab } = data;
+	if (activeTab === "general") return renderSettingsGeneral(project, formState, data.isAdmin);
+	if (activeTab === "tests") return renderSettingsTests(project, data.isAdmin, formState);
+	if (activeTab === "labels") return renderSettingsLabels(project, data.labelTypes, data.isAdmin, formState);
+	if (activeTab === "tokens") return renderSettingsTokens(project, data.tokens, data.isAdmin, formState);
+	if (activeTab === "webhooks") return renderSettingsWebhooks(project, data.webhooks, data.isAdmin, formState);
+	if (activeTab === "notifications") return renderSettingsNotifications(project, data.notificationChannels, data.notifyProviders, data.mySubscription, data.isAdmin, formState);
+	if (activeTab === "members") return renderSettingsMembers(project, data.members, data.groupMappings, data.isAdmin, formState);
+	if (activeTab === "status") return renderSettingsStatus(project, data.statusConfigs, data.gitHosts, data.isAdmin, formState);
+	return null;
+}
+/** Project settings shell: tab navigation plus the active settings tab. */
+function renderProjectSettingsPage(data, formState) {
+	const { project, activeTab } = data;
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: `${project.name} · Settings`,
+		nav: {
+			active: "settings",
+			projectSlug: project.slug,
+			projectName: project.name,
+			trail: activeTab === "general" ? [] : [{ label: TAB_LABELS[activeTab] }]
+		},
+		children: [/* @__PURE__ */ jsx(PageHeader, {
+			title: "Project settings",
+			description: /* @__PURE__ */ jsxs(Fragment, { children: [
+				"Manage general settings, labels, tokens, webhooks and members for ",
+				project.name,
+				"."
+			] })
+		}), /* @__PURE__ */ jsx(SubNavLayout, {
+			label: "Settings sections",
+			items: SETTINGS_TABS.map((tab) => ({
+				label: TAB_LABELS[tab],
+				href: tabHref(project, tab),
+				icon: TAB_ICONS[tab],
+				active: activeTab === tab
+			})),
+			children: renderActiveTab(data, formState)
+		})]
+	});
+}
+//#endregion
+export { renderProjectSettingsPage };
+
+//# sourceMappingURL=project-settings.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"project-settings.mjs","names":[],"sources":["../../src/pages/project-settings.tsx"],"sourcesContent":["import type { GitHostProvider } from \"@storyshelf/core/adapter/git-host\";\nimport type { LabelType } from \"@storyshelf/core/schema\";\nimport type { Project } from \"@storyshelf/core/schema\";\nimport type { ProjectGroupMapping } from \"@storyshelf/core/schema\";\nimport type { Token } from \"@storyshelf/core/schema\";\nimport { PageHeader, SubNavLayout } from \"../ui/components.tsx\";\nimport type { IconName } from \"../ui/components.tsx\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { renderSettingsGeneral } from \"./settings-general.tsx\";\nimport { renderSettingsLabels } from \"./settings-labels.tsx\";\nimport { renderSettingsMembers, type SettingsMember } from \"./settings-members.tsx\";\nimport {\n  renderSettingsNotifications,\n  type SettingsMySubscription,\n  type SettingsNotificationChannel,\n} from \"./settings-notifications.tsx\";\nimport { renderSettingsStatus, type SettingsStatusConfig } from \"./settings-status.tsx\";\nimport { renderSettingsTests } from \"./settings-tests.tsx\";\nimport { renderSettingsTokens } from \"./settings-tokens.tsx\";\nimport { renderSettingsWebhooks, type SettingsWebhook } from \"./settings-webhooks.tsx\";\n\n/** Tabs available in the project settings section. */\nexport type SettingsTab =\n  | \"general\"\n  | \"tests\"\n  | \"labels\"\n  | \"tokens\"\n  | \"webhooks\"\n  | \"notifications\"\n  | \"members\"\n  | \"status\";\n\n/** Data required to render the project settings page with its active tab. */\nexport interface ProjectSettingsData {\n  project: Project;\n  activeTab: SettingsTab;\n  labelTypes: LabelType[];\n  tokens: Omit<Token, \"hash\">[];\n  members: SettingsMember[];\n  groupMappings: ProjectGroupMapping[];\n  webhooks: SettingsWebhook[];\n  notificationChannels: SettingsNotificationChannel[];\n  notifyProviders: string[];\n  mySubscription: SettingsMySubscription | null;\n  statusConfigs: SettingsStatusConfig[];\n  gitHosts: GitHostProvider[];\n  isAdmin: boolean;\n}\n\n/** Form state shared by the settings tabs (field errors, global error, one-time secret). */\nexport interface SettingsFormState {\n  errors?: Record<string, string>;\n  globalError?: string;\n  secret?: string;\n}\n\nfunction tabHref(project: Project, tab: SettingsTab): string {\n  return tab === \"general\"\n    ? `/projects/${project.slug}/settings`\n    : `/projects/${project.slug}/settings/${tab}`;\n}\n\nconst TAB_LABELS: Record<SettingsTab, string> = {\n  general: \"General\",\n  tests: \"Tests\",\n  labels: \"Labels\",\n  tokens: \"Tokens\",\n  webhooks: \"Webhooks\",\n  notifications: \"Notifications\",\n  members: \"Members\",\n  status: \"Git status\",\n};\n\nconst TAB_ICONS: Record<SettingsTab, IconName> = {\n  general: \"settings\",\n  tests: \"activity\",\n  labels: \"tag\",\n  tokens: \"key\",\n  webhooks: \"webhook\",\n  notifications: \"bell\",\n  members: \"users\",\n  status: \"git-branch\",\n};\n\nconst SETTINGS_TABS: SettingsTab[] = [\n  \"general\",\n  \"tests\",\n  \"labels\",\n  \"tokens\",\n  \"webhooks\",\n  \"notifications\",\n  \"members\",\n  \"status\",\n];\n\nfunction renderActiveTab(data: ProjectSettingsData, formState?: SettingsFormState): unknown {\n  const { project, activeTab } = data;\n  if (activeTab === \"general\") return renderSettingsGeneral(project, formState, data.isAdmin);\n  if (activeTab === \"tests\") return renderSettingsTests(project, data.isAdmin, formState);\n  if (activeTab === \"labels\")\n    return renderSettingsLabels(project, data.labelTypes, data.isAdmin, formState);\n  if (activeTab === \"tokens\")\n    return renderSettingsTokens(project, data.tokens, data.isAdmin, formState);\n  if (activeTab === \"webhooks\")\n    return renderSettingsWebhooks(project, data.webhooks, data.isAdmin, formState);\n  if (activeTab === \"notifications\")\n    return renderSettingsNotifications(\n      project,\n      data.notificationChannels,\n      data.notifyProviders,\n      data.mySubscription,\n      data.isAdmin,\n      formState,\n    );\n  if (activeTab === \"members\")\n    return renderSettingsMembers(\n      project,\n      data.members,\n      data.groupMappings,\n      data.isAdmin,\n      formState,\n    );\n  if (activeTab === \"status\")\n    return renderSettingsStatus(\n      project,\n      data.statusConfigs,\n      data.gitHosts,\n      data.isAdmin,\n      formState,\n    );\n  return null;\n}\n\n/** Project settings shell: tab navigation plus the active settings tab. */\nexport function renderProjectSettingsPage(\n  data: ProjectSettingsData,\n  formState?: SettingsFormState,\n): RenderedContent {\n  const { project, activeTab } = data;\n  return (\n    <DocumentLayout\n      title={`${project.name} · Settings`}\n      nav={{\n        active: \"settings\",\n        projectSlug: project.slug,\n        projectName: project.name,\n        trail: activeTab === \"general\" ? [] : [{ label: TAB_LABELS[activeTab] }],\n      }}\n    >\n      <PageHeader\n        title=\"Project settings\"\n        description={\n          <>Manage general settings, labels, tokens, webhooks and members for {project.name}.</>\n        }\n      />\n\n      <SubNavLayout\n        label=\"Settings sections\"\n        items={SETTINGS_TABS.map((tab) => ({\n          label: TAB_LABELS[tab],\n          href: tabHref(project, tab),\n          icon: TAB_ICONS[tab],\n          active: activeTab === tab,\n        }))}\n      >\n        {renderActiveTab(data, formState)}\n      </SubNavLayout>\n    </DocumentLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAwDA,SAAS,QAAQ,SAAkB,KAA0B;CAC3D,OAAO,QAAQ,YACX,aAAa,QAAQ,KAAK,aAC1B,aAAa,QAAQ,KAAK,YAAY;AAC5C;AAEA,MAAM,aAA0C;CAC9C,SAAS;CACT,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,eAAe;CACf,SAAS;CACT,QAAQ;AACV;AAEA,MAAM,YAA2C;CAC/C,SAAS;CACT,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,eAAe;CACf,SAAS;CACT,QAAQ;AACV;AAEA,MAAM,gBAA+B;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAS,gBAAgB,MAA2B,WAAwC;CAC1F,MAAM,EAAE,SAAS,cAAc;CAC/B,IAAI,cAAc,WAAW,OAAO,sBAAsB,SAAS,WAAW,KAAK,OAAO;CAC1F,IAAI,cAAc,SAAS,OAAO,oBAAoB,SAAS,KAAK,SAAS,SAAS;CACtF,IAAI,cAAc,UAChB,OAAO,qBAAqB,SAAS,KAAK,YAAY,KAAK,SAAS,SAAS;CAC/E,IAAI,cAAc,UAChB,OAAO,qBAAqB,SAAS,KAAK,QAAQ,KAAK,SAAS,SAAS;CAC3E,IAAI,cAAc,YAChB,OAAO,uBAAuB,SAAS,KAAK,UAAU,KAAK,SAAS,SAAS;CAC/E,IAAI,cAAc,iBAChB,OAAO,4BACL,SACA,KAAK,sBACL,KAAK,iBACL,KAAK,gBACL,KAAK,SACL,SACF;CACF,IAAI,cAAc,WAChB,OAAO,sBACL,SACA,KAAK,SACL,KAAK,eACL,KAAK,SACL,SACF;CACF,IAAI,cAAc,UAChB,OAAO,qBACL,SACA,KAAK,eACL,KAAK,UACL,KAAK,SACL,SACF;CACF,OAAO;AACT;;AAGA,SAAgB,0BACd,MACA,WACiB;CACjB,MAAM,EAAE,SAAS,cAAc;CAC/B,OACE,qBAAC,gBAAD;EACE,OAAO,GAAG,QAAQ,KAAK;EACvB,KAAK;GACH,QAAQ;GACR,aAAa,QAAQ;GACrB,aAAa,QAAQ;GACrB,OAAO,cAAc,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,WAAW,WAAW,CAAC;EACzE;EAPF,UAAA,CASE,oBAAC,YAAD;GACE,OAAM;GACN,aACE,qBAAA,UAAA,EAAA,UAAA;IAAE;IAAmE,QAAQ;IAAK;GAAG,EAAA,CAAA;EAExF,CAAA,GAED,oBAAC,cAAD;GACE,OAAM;GACN,OAAO,cAAc,KAAK,SAAS;IACjC,OAAO,WAAW;IAClB,MAAM,QAAQ,SAAS,GAAG;IAC1B,MAAM,UAAU;IAChB,QAAQ,cAAc;GACxB,EAAE;GAED,UAAA,gBAAgB,MAAM,SAAS;EACpB,CAAA,CACA;;AAEpB"}

package/dist/pages/projects-card.mjs

@@ -0,0 +1,194 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { css } from "../ui/css.mjs";
+import { Button } from "../ui/buttons.mjs";
+import { Badge, Meta, statusTone } from "../ui/feedback.mjs";
+import { Card } from "../ui/layout.mjs";
+import { Thumbnail } from "../ui/thumbnail.mjs";
+import { RelativeTime } from "../ui/time.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+//#region src/pages/projects-card.tsx
+const thumbStrip = css`
+  /* project-thumbs */
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--space-2);
+  padding: var(--space-3);
+  background: var(--accent-wash);
+  border-bottom: 1px solid var(--border-subtle);
+`;
+const cardBody = css`
+  /* project-body */
+  flex: 1;
+  display: grid;
+  align-content: start;
+  gap: var(--space-2);
+  padding: var(--space-4);
+`;
+const cardTitleRow = css`
+  /* project-title-row */
+  display: flex;
+  gap: var(--space-2);
+  align-items: flex-start;
+  justify-content: space-between;
+`;
+const cardTitle = css`
+  /* project-title */
+  margin: 0;
+  font-size: var(--text-lg);
+  font-weight: 650;
+  letter-spacing: -0.01em;
+  & a {
+    color: var(--text-primary);
+  }
+  & a:hover {
+    color: var(--accent-fg);
+  }
+`;
+const latestRow = css`
+  /* project-latest */
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+  align-items: center;
+  color: var(--text-secondary);
+  font-size: var(--text-sm);
+`;
+const cardFooter = css`
+  /* project-footer */
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+  padding: var(--space-3) var(--space-4);
+  border-top: 1px solid var(--border-subtle);
+`;
+function PendingBadge({ pending, href }) {
+	if (pending === 0) return /* @__PURE__ */ jsx(Badge, {
+		tone: "success",
+		icon: true,
+		children: "All clear"
+	});
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		children: /* @__PURE__ */ jsxs(Badge, {
+			tone: "warning",
+			icon: true,
+			children: [pending, " to review"]
+		})
+	});
+}
+function LatestBuild({ latest }) {
+	if (!latest) return /* @__PURE__ */ jsx(Meta, { children: "No builds yet — upload one from CI." });
+	return /* @__PURE__ */ jsxs("div", {
+		class: latestRow,
+		children: [
+			/* @__PURE__ */ jsxs(Meta, {
+				as: "span",
+				mono: true,
+				children: [
+					latest.gitBranch,
+					" · ",
+					latest.gitSha.slice(0, 7)
+				]
+			}),
+			/* @__PURE__ */ jsx(Badge, {
+				tone: statusTone(latest.status),
+				children: latest.status
+			}),
+			/* @__PURE__ */ jsx(RelativeTime, { value: latest.createdAt })
+		]
+	});
+}
+function Previews({ project, latest, previews }) {
+	return /* @__PURE__ */ jsx("div", {
+		class: thumbStrip,
+		children: [
+			0,
+			1,
+			2
+		].map((slot) => {
+			const snap = previews[slot];
+			return /* @__PURE__ */ jsx(Thumbnail, {
+				src: snap && latest ? `/api/v1/projects/${project.slug}/builds/${latest.id}/snapshots/${snap.id}/image` : null,
+				alt: snap ? `${snap.storyTitle} / ${snap.storyName}` : "",
+				placeholder: ""
+			}, String(slot));
+		})
+	});
+}
+/** One project in the overview grid: previews, latest build, review state, actions. */
+function ProjectCard(props) {
+	const { summary, urls } = props;
+	const { project, latest, previews, pending } = summary;
+	return /* @__PURE__ */ jsxs(Card, {
+		fill: true,
+		"data-filter-item": true,
+		"data-filter-text": `${project.name} ${project.slug} ${project.gitRepository ?? ""}`,
+		children: [
+			previews.length > 0 ? /* @__PURE__ */ jsx(Previews, {
+				project,
+				latest,
+				previews
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				class: cardBody,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						class: cardTitleRow,
+						children: [/* @__PURE__ */ jsx("h2", {
+							class: cardTitle,
+							children: /* @__PURE__ */ jsx("a", {
+								href: urls.library,
+								children: project.name
+							})
+						}), latest ? /* @__PURE__ */ jsx(PendingBadge, {
+							pending,
+							href: urls.review
+						}) : null]
+					}),
+					/* @__PURE__ */ jsxs(Meta, { children: [
+						project.gitRepository ?? project.slug,
+						" · default",
+						" ",
+						/* @__PURE__ */ jsx(Badge, {
+							tone: "neutral",
+							children: project.gitDefaultBranch
+						})
+					] }),
+					/* @__PURE__ */ jsx(LatestBuild, { latest })
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				class: cardFooter,
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						size: "sm",
+						icon: "image",
+						href: urls.library,
+						children: "Library"
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						icon: "external-link",
+						href: urls.storybook,
+						children: "Storybook"
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						icon: "settings",
+						href: urls.settings,
+						children: "Settings"
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { ProjectCard };
+
+//# sourceMappingURL=projects-card.mjs.map

package/dist/pages/projects-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"projects-card.mjs","names":[],"sources":["../../src/pages/projects-card.tsx"],"sourcesContent":["import type { Build, Project, Snapshot } from \"@storyshelf/core/schema\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport {\n  Badge,\n  Button,\n  Card,\n  Meta,\n  RelativeTime,\n  Thumbnail,\n  statusTone,\n} from \"../ui/components.tsx\";\nimport { css } from \"../ui/css.ts\";\n\n/* eslint-disable promise-function-async -- Hono JSX components return HtmlEscapedString | Promise<HtmlEscapedString> */\n\nconst thumbStrip = css`\n  /* project-thumbs */\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: var(--space-2);\n  padding: var(--space-3);\n  background: var(--accent-wash);\n  border-bottom: 1px solid var(--border-subtle);\n`;\n\nconst cardBody = css`\n  /* project-body */\n  flex: 1;\n  display: grid;\n  align-content: start;\n  gap: var(--space-2);\n  padding: var(--space-4);\n`;\n\nconst cardTitleRow = css`\n  /* project-title-row */\n  display: flex;\n  gap: var(--space-2);\n  align-items: flex-start;\n  justify-content: space-between;\n`;\n\nconst cardTitle = css`\n  /* project-title */\n  margin: 0;\n  font-size: var(--text-lg);\n  font-weight: 650;\n  letter-spacing: -0.01em;\n  & a {\n    color: var(--text-primary);\n  }\n  & a:hover {\n    color: var(--accent-fg);\n  }\n`;\n\nconst latestRow = css`\n  /* project-latest */\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  align-items: center;\n  color: var(--text-secondary);\n  font-size: var(--text-sm);\n`;\n\nconst cardFooter = css`\n  /* project-footer */\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  padding: var(--space-3) var(--space-4);\n  border-top: 1px solid var(--border-subtle);\n`;\n\n/** What the overview shows about a project's most recent build. */\nexport interface ProjectSummary {\n  project: Project;\n  latest: Build | null;\n  /** Up to three screenshots of the latest build. */\n  previews: Snapshot[];\n  /** Snapshots in the latest build still waiting for a decision. */\n  pending: number;\n}\n\nfunction PendingBadge({\n  pending,\n  href,\n}: {\n  pending: number;\n  href: string;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  if (pending === 0) {\n    return (\n      <Badge tone=\"success\" icon>\n        All clear\n      </Badge>\n    );\n  }\n  return (\n    <a href={href}>\n      <Badge tone=\"warning\" icon>\n        {pending} to review\n      </Badge>\n    </a>\n  );\n}\n\nfunction LatestBuild({\n  latest,\n}: {\n  latest: Build | null;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  if (!latest) {\n    return <Meta>No builds yet — upload one from CI.</Meta>;\n  }\n  return (\n    <div class={latestRow}>\n      <Meta as=\"span\" mono>\n        {latest.gitBranch} · {latest.gitSha.slice(0, 7)}\n      </Meta>\n      <Badge tone={statusTone(latest.status)}>{latest.status}</Badge>\n      <RelativeTime value={latest.createdAt} />\n    </div>\n  );\n}\n\nfunction Previews({\n  project,\n  latest,\n  previews,\n}: Pick<ProjectSummary, \"project\" | \"latest\" | \"previews\">):\n  | HtmlEscapedString\n  | Promise<HtmlEscapedString> {\n  return (\n    <div class={thumbStrip}>\n      {[0, 1, 2].map((slot): HtmlEscapedString | Promise<HtmlEscapedString> => {\n        const snap = previews[slot];\n        return (\n          <Thumbnail\n            key={String(slot)}\n            src={\n              snap && latest\n                ? `/api/v1/projects/${project.slug}/builds/${latest.id}/snapshots/${snap.id}/image`\n                : null\n            }\n            alt={snap ? `${snap.storyTitle} / ${snap.storyName}` : \"\"}\n            placeholder=\"\"\n          />\n        );\n      })}\n    </div>\n  );\n}\n\n/** One project in the overview grid: previews, latest build, review state, actions. */\nexport function ProjectCard(props: {\n  summary: ProjectSummary;\n  urls: { library: string; settings: string; storybook: string; review: string };\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const { summary, urls } = props;\n  const { project, latest, previews, pending } = summary;\n  return (\n    <Card\n      fill\n      data-filter-item\n      data-filter-text={`${project.name} ${project.slug} ${project.gitRepository ?? \"\"}`}\n    >\n      {previews.length > 0 ? (\n        <Previews project={project} latest={latest} previews={previews} />\n      ) : null}\n      <div class={cardBody}>\n        <div class={cardTitleRow}>\n          <h2 class={cardTitle}>\n            <a href={urls.library}>{project.name}</a>\n          </h2>\n          {latest ? <PendingBadge pending={pending} href={urls.review} /> : null}\n        </div>\n        <Meta>\n          {project.gitRepository ?? project.slug} · default{\" \"}\n          <Badge tone=\"neutral\">{project.gitDefaultBranch}</Badge>\n        </Meta>\n        <LatestBuild latest={latest} />\n      </div>\n      <div class={cardFooter}>\n        <Button variant=\"secondary\" size=\"sm\" icon=\"image\" href={urls.library}>\n          Library\n        </Button>\n        <Button variant=\"ghost\" size=\"sm\" icon=\"external-link\" href={urls.storybook}>\n          Storybook\n        </Button>\n        <Button variant=\"ghost\" size=\"sm\" icon=\"settings\" href={urls.settings}>\n          Settings\n        </Button>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":"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"}