@storyshelf/app 0.5.3

package/dist/pages/passkey-ceremony.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"passkey-ceremony.mjs","names":[],"sources":["../../src/pages/passkey-ceremony.ts"],"sourcesContent":["/**\n * Page-local WebAuthn ceremony scripts (vanilla JS, no dependencies).\n *\n * `login.tsx` (authenticate) and `profile.tsx` (register) inline these via\n * `dangerouslySetInnerHTML`. Both feature-detect first: without\n * `PublicKeyCredential` or a secure context the button disables and a note\n * explains passkeys need HTTPS or localhost.\n */\n\nconst B64_HELPERS = `\n    function b64dec(s){s=s.replace(/-/g,'+').replace(/_/g,'/');while(s.length%4){s+='=';}var bin=atob(s);var b=new Uint8Array(bin.length);for(var i=0;i<bin.length;i++){b[i]=bin.charCodeAt(i);}return b;}\n    function b64enc(buf){var bin='';var b=new Uint8Array(buf);for(var i=0;i<b.length;i++){bin+=String.fromCharCode(b[i]);}return btoa(bin).replace(/\\\\+/g,'-').replace(/\\\\//g,'_').replace(/=+$/,'');}\n`.trim();\n\nconst SUPPORT_CHECK = `\n    if(!window.PublicKeyCredential||!window.isSecureContext){\n      btn.disabled=true;\n      say('Passkeys need HTTPS or localhost.');\n      return;\n    }\n`.trim();\n\n/** Registration ceremony for the profile page (E7 flow, shared helpers). */\nexport function passkeyRegisterScript(): string {\n  return `\n  (function(){\n    var btn=document.querySelector('[data-passkey-register]');\n    if(!btn){return;}\n    function say(msg){var el=document.querySelector('[data-passkey-status]');if(el){el.textContent=msg;}}\n${B64_HELPERS}\n${SUPPORT_CHECK}\n    btn.addEventListener('click',function(){\n      btn.disabled=true;\n      say('Waiting for your authenticator…');\n      var nameInput=document.querySelector('input[name=\"keyName\"]');\n      var name=nameInput&&nameInput.value.trim()?nameInput.value.trim():undefined;\n      fetch('/api/auth/passkey/generate-register-options',{credentials:'same-origin',headers:{'accept':'application/json'}})\n        .then(function(r){if(!r.ok){throw new Error('options '+r.status);}return r.json();})\n        .then(function(o){\n          var pk={challenge:b64dec(o.challenge),rp:o.rp,user:{id:b64dec(o.user.id),name:o.user.name,displayName:o.user.displayName||o.user.name},pubKeyCredParams:o.pubKeyCredParams};\n          if(o.timeout){pk.timeout=o.timeout;}\n          if(o.excludeCredentials){pk.excludeCredentials=o.excludeCredentials.map(function(c){return{id:b64dec(c.id),type:c.type,transports:c.transports};});}\n          if(o.authenticatorSelection){pk.authenticatorSelection=o.authenticatorSelection;}\n          if(o.attestation){pk.attestation=o.attestation;}\n          return navigator.credentials.create({publicKey:pk});\n        })\n        .then(function(cred){\n          var payload={id:cred.id,rawId:b64enc(cred.rawId),type:cred.type,response:{clientDataJSON:b64enc(cred.response.clientDataJSON),attestationObject:b64enc(cred.response.attestationObject)}};\n          if(cred.response.getTransports){payload.response.transports=cred.response.getTransports();}\n          if(name){payload.name=name;}\n          return fetch('/api/auth/passkey/verify-registration',{method:'POST',credentials:'same-origin',headers:{'content-type':'application/json'},body:JSON.stringify({response:payload,name:name})});\n        })\n        .then(function(r){if(!r.ok){throw new Error('verify '+r.status);}window.location.reload();})\n        .catch(function(){say('Registration failed — try again.');btn.disabled=false;});\n    });\n  })();\n  `.trim();\n}\n\n/** Authentication ceremony for the login page (E8 flow). */\nexport function passkeyLoginScript(): string {\n  return `\n  (function(){\n    var btn=document.querySelector('[data-passkey-login]');\n    if(!btn){return;}\n    function say(msg){var el=document.querySelector('[data-passkey-login-status]');if(el){el.textContent=msg;}}\n${B64_HELPERS}\n${SUPPORT_CHECK}\n    btn.addEventListener('click',function(){\n      btn.disabled=true;\n      say('Waiting for your authenticator…');\n      fetch('/api/auth/passkey/generate-authenticate-options',{credentials:'same-origin',headers:{'accept':'application/json'}})\n        .then(function(r){if(!r.ok){throw new Error('options '+r.status);}return r.json();})\n        .then(function(o){\n          var pk={challenge:b64dec(o.challenge)};\n          if(o.timeout){pk.timeout=o.timeout;}\n          if(o.rpId){pk.rpId=o.rpId;}\n          if(o.allowCredentials){pk.allowCredentials=o.allowCredentials.map(function(c){return{id:b64dec(c.id),type:c.type,transports:c.transports};});}\n          if(o.userVerification){pk.userVerification=o.userVerification;}\n          return navigator.credentials.get({publicKey:pk});\n        })\n        .then(function(cred){\n          var authenticatorResponse={authenticatorData:b64enc(cred.response.authenticatorData),clientDataJSON:b64enc(cred.response.clientDataJSON),signature:b64enc(cred.response.signature)};\n          if(cred.response.userHandle){authenticatorResponse.userHandle=b64enc(cred.response.userHandle);}\n          var payload={id:cred.id,rawId:b64enc(cred.rawId),type:cred.type,response:authenticatorResponse};\n          return fetch('/api/auth/passkey/verify-authentication',{method:'POST',credentials:'same-origin',headers:{'content-type':'application/json'},body:JSON.stringify({response:payload})});\n        })\n        .then(function(r){if(!r.ok){throw new Error('verify '+r.status);}window.location.href='/';})\n        .catch(function(){say('Passkey sign-in failed — try again.');btn.disabled=false;});\n    });\n  })();\n  `.trim();\n}\n"],"mappings":";;;;;;;;;;;;AASA,MAAM,cAAc;;;EAGlB,KAAK;AAEP,MAAM,gBAAgB;;;;;;EAMpB,KAAK;;AAGP,SAAgB,wBAAgC;CAC9C,OAAO;;;;;EAKP,YAAY;EACZ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BZ,KAAK;AACT;;AAGA,SAAgB,qBAA6B;CAC3C,OAAO;;;;;EAKP,YAAY;EACZ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;IAwBZ,KAAK;AACT"}

package/dist/pages/profile.mjs

@@ -0,0 +1,364 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { css } from "../ui/css.mjs";
+import { Button } from "../ui/buttons.mjs";
+import { Alert, Badge } from "../ui/feedback.mjs";
+import { Field } from "../ui/forms.mjs";
+import { Card, PageHeader } from "../ui/layout.mjs";
+import { HStack, VStack } from "../ui/stacks.mjs";
+import { Table } from "../ui/table.mjs";
+import { csrfField } from "../ui/csrf-field.mjs";
+import { DocumentLayout } from "../ui/document.mjs";
+import { passkeyRegisterScript } from "./passkey-ceremony.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+import { safeImageUrl } from "@storyshelf/core/urls";
+//#region src/pages/profile.tsx
+const profileAvatar = css`
+  /* profile-avatar */
+  width: 64px;
+  height: 64px;
+  border-radius: 999px;
+  object-fit: cover;
+`;
+const profileAvatarFallback = css`
+  /* profile-avatar-fallback */
+  width: 64px;
+  height: 64px;
+  display: grid;
+  place-items: center;
+  background: var(--accent);
+  color: #fff;
+  border-radius: 999px;
+  font-size: 1.5rem;
+  font-weight: 700;
+`;
+const profileName = css`
+  /* profile-name */
+  font-weight: 700;
+  font-size: 1.2rem;
+`;
+const profileMeta = css`
+  /* profile-meta */
+  color: var(--text-secondary);
+  font-size: 0.85rem;
+`;
+/** Registered passkey rows with per-key remove actions. */
+const PasskeyTable = ({ passkeys }) => {
+	return /* @__PURE__ */ jsx(Table, {
+		dense: true,
+		children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsx("th", { children: "Key" }),
+			/* @__PURE__ */ jsx("th", { children: "Added" }),
+			/* @__PURE__ */ jsx("th", { children: "Status" })
+		] }) }), /* @__PURE__ */ jsx("tbody", { children: passkeys.map((key) => /* @__PURE__ */ jsxs("tr", { children: [
+			/* @__PURE__ */ jsxs("td", { children: [/* @__PURE__ */ jsx("div", { children: key.name ?? "Unnamed key" }), /* @__PURE__ */ jsx("div", {
+				class: profileMeta,
+				children: key.deviceType
+			})] }),
+			/* @__PURE__ */ jsx("td", { children: new Date(key.createdAt).toLocaleDateString() }),
+			/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs(HStack, { children: [key.backedUp ? /* @__PURE__ */ jsx(Badge, { children: "Synced" }) : null, /* @__PURE__ */ jsx("form", {
+				method: "post",
+				action: `/profile/passkeys/${key.id}/delete`,
+				"data-confirm": "Remove this passkey?",
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					size: "sm",
+					type: "submit",
+					children: "Remove"
+				})
+			})] }) })
+		] }, key.id)) })] })
+	});
+};
+/** One signed-in device with its revoke action. */
+const SessionRow = ({ session }) => {
+	return /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsxs("td", { children: [/* @__PURE__ */ jsx("div", {
+			class: "truncate",
+			children: session.userAgent ?? "Unknown device"
+		}), /* @__PURE__ */ jsx("div", {
+			class: profileMeta,
+			children: /* @__PURE__ */ jsx("span", {
+				class: "mono",
+				children: session.ipAddress ?? "—"
+			})
+		})] }),
+		/* @__PURE__ */ jsx("td", { children: new Date(session.createdAt).toLocaleString() }),
+		/* @__PURE__ */ jsx("td", { children: session.current ? /* @__PURE__ */ jsx(Badge, { children: "This device" }) : /* @__PURE__ */ jsxs("form", {
+			method: "post",
+			action: "/profile/sessions/revoke",
+			"data-confirm": "Sign this device out?",
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name: "sessionId",
+				value: session.id
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				type: "submit",
+				children: "Revoke"
+			})]
+		}) })
+	] });
+};
+/** Active device sessions with per-device revoke and sign-out-others. */
+const SessionsSection = ({ security }) => {
+	return /* @__PURE__ */ jsxs(Card, { children: [
+		/* @__PURE__ */ jsx(PageHeader, {
+			title: "Devices",
+			description: "Where you are signed in"
+		}),
+		/* @__PURE__ */ jsx(Table, {
+			dense: true,
+			children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+				/* @__PURE__ */ jsx("th", { children: "Device" }),
+				/* @__PURE__ */ jsx("th", { children: "Signed in" }),
+				/* @__PURE__ */ jsx("th", { children: "Status" })
+			] }) }), /* @__PURE__ */ jsx("tbody", { children: security.sessions.map((session) => /* @__PURE__ */ jsx(SessionRow, { session }, session.id)) })] })
+		}),
+		security.sessions.length > 1 ? /* @__PURE__ */ jsx("form", {
+			method: "post",
+			action: "/profile/sessions/revoke-others",
+			"data-confirm": "Sign out all other devices?",
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				type: "submit",
+				children: "Sign out other devices"
+			})
+		}) : null
+	] });
+};
+/** Registered passkeys with delete, register button, and the backup nudge. */
+const PasskeysSection = ({ security }) => {
+	return /* @__PURE__ */ jsxs(Card, { children: [
+		/* @__PURE__ */ jsx(PageHeader, {
+			title: "Passkeys",
+			description: "Sign in without a password using your device"
+		}),
+		security.passkeys.length < 2 ? /* @__PURE__ */ jsx(Alert, {
+			title: "Add a backup key",
+			children: "Register a 2nd key so a lost device doesn't lock you out."
+		}) : null,
+		security.passkeys.length === 0 ? /* @__PURE__ */ jsx("p", {
+			class: profileMeta,
+			children: "No passkeys yet."
+		}) : /* @__PURE__ */ jsx(PasskeyTable, { passkeys: security.passkeys }),
+		/* @__PURE__ */ jsxs(HStack, { children: [/* @__PURE__ */ jsx(Field, {
+			label: "Key name",
+			name: "keyName",
+			type: "text",
+			placeholder: "e.g. Security key"
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "primary",
+			size: "sm",
+			type: "button",
+			"data-passkey-register": "true",
+			children: "Register a passkey"
+		})] }),
+		/* @__PURE__ */ jsx("p", {
+			class: profileMeta,
+			"data-passkey-status": "true",
+			"aria-live": "polite",
+			children: ""
+		}),
+		/* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: passkeyRegisterScript() } })
+	] });
+};
+/** Personal profile page (editable display name, password for local accounts). */
+function renderProfilePage(state) {
+	const { user, dbUser, memberships, subscribedSlugs, error, isLocal, security } = state;
+	const avatar = safeImageUrl(user.avatarUrl);
+	const displayName = dbUser?.displayNameOverride ?? user.name;
+	const provider = dbUser?.authProvider ?? user.providerId ?? "oidc";
+	return /* @__PURE__ */ jsxs(DocumentLayout, {
+		title: "Profile",
+		nav: { active: "profile" },
+		children: [
+			/* @__PURE__ */ jsx(PageHeader, {
+				title: "Profile",
+				description: "Your account and project memberships"
+			}),
+			error ? /* @__PURE__ */ jsx(Alert, {
+				tone: "danger",
+				title: "Could not save",
+				children: error
+			}) : null,
+			/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsxs(HStack, { children: [avatar ? /* @__PURE__ */ jsx("img", {
+				class: profileAvatar,
+				src: avatar,
+				alt: "",
+				width: "64",
+				height: "64"
+			}) : /* @__PURE__ */ jsx("span", {
+				class: profileAvatarFallback,
+				"aria-hidden": "true",
+				children: user.name.slice(0, 1).toUpperCase()
+			}), /* @__PURE__ */ jsxs(VStack, { children: [
+				/* @__PURE__ */ jsx("div", {
+					class: profileName,
+					children: displayName
+				}),
+				/* @__PURE__ */ jsx("div", {
+					class: profileMeta,
+					children: user.email
+				}),
+				/* @__PURE__ */ jsxs(HStack, { children: [/* @__PURE__ */ jsx(Badge, { children: user.role }), /* @__PURE__ */ jsxs(Badge, { children: ["via ", provider] })] })
+			] })] }), /* @__PURE__ */ jsxs("div", {
+				class: profileMeta,
+				children: [
+					"Member since ",
+					dbUser?.createdAt ? new Date(dbUser.createdAt).toLocaleDateString() : "—",
+					" ",
+					"· Last login ",
+					dbUser?.lastLoginAt ? new Date(dbUser.lastLoginAt).toLocaleString() : "—"
+				]
+			})] }) }),
+			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(PageHeader, {
+				title: "Display name",
+				description: "Shown in comments and the header. Survives SSO refresh."
+			}), /* @__PURE__ */ jsxs("form", {
+				method: "post",
+				action: "/profile",
+				novalidate: true,
+				children: [/* @__PURE__ */ jsx(Field, {
+					label: "Display name",
+					name: "displayName",
+					type: "text",
+					required: true,
+					value: displayName
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					type: "submit",
+					children: "Save name"
+				})]
+			})] }),
+			isLocal ? /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(PageHeader, {
+				title: "Change password",
+				description: "For local accounts only"
+			}), /* @__PURE__ */ jsxs("form", {
+				method: "post",
+				action: "/profile/password",
+				novalidate: true,
+				children: [
+					/* @__PURE__ */ jsx(Field, {
+						label: "Current password",
+						name: "currentPassword",
+						type: "password",
+						required: true,
+						autocomplete: "current-password"
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "New password",
+						name: "newPassword",
+						type: "password",
+						required: true,
+						autocomplete: "new-password"
+					}),
+					/* @__PURE__ */ jsx(Field, {
+						label: "Confirm new password",
+						name: "confirmPassword",
+						type: "password",
+						required: true,
+						autocomplete: "new-password"
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						type: "submit",
+						children: "Change password"
+					})
+				]
+			})] }) : null,
+			security ? /* @__PURE__ */ jsx(SessionsSection, { security }) : null,
+			security?.passkeysEnabled ? /* @__PURE__ */ jsx(PasskeysSection, { security }) : null,
+			/* @__PURE__ */ jsxs(Card, { children: [
+				/* @__PURE__ */ jsx(PageHeader, {
+					title: "Project memberships",
+					description: "Your role on each project"
+				}),
+				" ",
+				memberships.length === 0 ? /* @__PURE__ */ jsx("p", {
+					class: profileMeta,
+					children: "No project memberships."
+				}) : /* @__PURE__ */ jsx(Table, {
+					dense: true,
+					children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("th", { children: "Project" }),
+						/* @__PURE__ */ jsx("th", { children: "Role" }),
+						/* @__PURE__ */ jsx("th", { children: "Source" })
+					] }) }), /* @__PURE__ */ jsx("tbody", { children: memberships.map((m) => /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("a", {
+							href: `/projects/${m.projectSlug}`,
+							children: m.projectName
+						}) }),
+						/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, { children: m.role }) }),
+						/* @__PURE__ */ jsx("td", { children: m.source })
+					] }, m.projectSlug)) })] })
+				})
+			] }),
+			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(PageHeader, {
+				title: "Notifications",
+				description: "Email alerts per project. Fine-tune topics in each project's settings."
+			}), memberships.length === 0 ? /* @__PURE__ */ jsx("p", {
+				class: profileMeta,
+				children: "No project memberships."
+			}) : /* @__PURE__ */ jsx(Table, {
+				dense: true,
+				children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+					/* @__PURE__ */ jsx("th", { children: "Project" }),
+					/* @__PURE__ */ jsx("th", { children: "Status" }),
+					/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+						class: "visually-hidden",
+						children: "Actions"
+					}) })
+				] }) }), /* @__PURE__ */ jsx("tbody", { children: memberships.map((m) => {
+					const subscribed = subscribedSlugs.includes(m.projectSlug);
+					return /* @__PURE__ */ jsxs("tr", { children: [
+						/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("a", {
+							href: `/projects/${m.projectSlug}`,
+							children: m.projectName
+						}) }),
+						/* @__PURE__ */ jsx("td", { children: subscribed ? /* @__PURE__ */ jsx(Badge, { children: "Email on" }) : /* @__PURE__ */ jsx(Badge, { children: "Off" }) }),
+						/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("form", {
+							method: "post",
+							action: "/profile/notifications",
+							children: [
+								csrfField(),
+								/* @__PURE__ */ jsx("input", {
+									type: "hidden",
+									name: "slug",
+									value: m.projectSlug
+								}),
+								/* @__PURE__ */ jsx("input", {
+									type: "hidden",
+									name: "enabled",
+									value: subscribed ? "" : "1"
+								}),
+								/* @__PURE__ */ jsx(Button, {
+									variant: "secondary",
+									size: "sm",
+									type: "submit",
+									children: subscribed ? "Disable" : "Enable"
+								})
+							]
+						}) })
+					] }, m.projectSlug);
+				}) })] })
+			})] }),
+			/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs("form", {
+				method: "post",
+				action: "/auth/logout",
+				children: [csrfField(), /* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					type: "submit",
+					children: "Sign out"
+				})]
+			}) })
+		]
+	});
+}
+//#endregion
+export { renderProfilePage };
+
+//# sourceMappingURL=profile.mjs.map

package/dist/pages/profile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile.mjs","names":[],"sources":["../../src/pages/profile.tsx"],"sourcesContent":["import type { AuthUser } from \"@storyshelf/core/types\";\nimport { safeImageUrl } from \"@storyshelf/core/urls\";\nimport type { FC } from \"hono/jsx\";\nimport {\n  Alert,\n  Badge,\n  Button,\n  Card,\n  Field,\n  HStack,\n  PageHeader,\n  Table,\n  VStack,\n} from \"../ui/components.tsx\";\nimport { csrfField } from \"../ui/csrf-field.tsx\";\nimport { css } from \"../ui/css.ts\";\nimport { DocumentLayout, type RenderedContent } from \"../ui/document.tsx\";\nimport { passkeyRegisterScript } from \"./passkey-ceremony.ts\";\n\nexport interface ProfilePageState {\n  user: AuthUser;\n  dbUser?: {\n    email: string;\n    name: string;\n    displayNameOverride: string | null;\n    authProvider: string;\n    lastLoginAt: string | null;\n    createdAt: string;\n  };\n  memberships: Array<{ projectName: string; projectSlug: string; role: string; source: string }>;\n  subscribedSlugs: string[];\n  error?: string;\n  isLocal?: boolean;\n  security?: {\n    sessions: Array<{\n      id: string;\n      ipAddress: string | null;\n      userAgent: string | null;\n      createdAt: string;\n      expiresAt: string;\n      current: boolean;\n    }>;\n    passkeys: Array<{\n      id: string;\n      name: string | null;\n      deviceType: string;\n      backedUp: boolean;\n      transports: string | null;\n      aaguid: string | null;\n      createdAt: string;\n    }>;\n    passkeysEnabled: boolean;\n    hasPassword: boolean;\n  };\n}\n\nconst profileAvatar = css`\n  /* profile-avatar */\n  width: 64px;\n  height: 64px;\n  border-radius: 999px;\n  object-fit: cover;\n`;\n\nconst profileAvatarFallback = css`\n  /* profile-avatar-fallback */\n  width: 64px;\n  height: 64px;\n  display: grid;\n  place-items: center;\n  background: var(--accent);\n  color: #fff;\n  border-radius: 999px;\n  font-size: 1.5rem;\n  font-weight: 700;\n`;\n\nconst profileName = css`\n  /* profile-name */\n  font-weight: 700;\n  font-size: 1.2rem;\n`;\n\nconst profileMeta = css`\n  /* profile-meta */\n  color: var(--text-secondary);\n  font-size: 0.85rem;\n`;\n\n/* eslint-disable promise-function-async -- JSX components return HtmlEscapedString */\n\ntype SecurityState = NonNullable<ProfilePageState[\"security\"]>;\ntype PasskeyState = SecurityState[\"passkeys\"][number];\n\n/** Registered passkey rows with per-key remove actions. */\nconst PasskeyTable: FC<{ passkeys: PasskeyState[] }> = ({ passkeys }) => {\n  return (\n    <Table dense>\n      <table>\n        <thead>\n          <tr>\n            <th>Key</th>\n            <th>Added</th>\n            <th>Status</th>\n          </tr>\n        </thead>\n        <tbody>\n          {passkeys.map(\n            // oxlint-disable-next-line typescript/promise-function-async -- JSX map is sync\n            (key) => (\n              <tr key={key.id}>\n                <td>\n                  <div>{key.name ?? \"Unnamed key\"}</div>\n                  <div class={profileMeta}>{key.deviceType}</div>\n                </td>\n                <td>{new Date(key.createdAt).toLocaleDateString()}</td>\n                <td>\n                  <HStack>\n                    {key.backedUp ? <Badge>Synced</Badge> : null}\n                    <form\n                      method=\"post\"\n                      action={`/profile/passkeys/${key.id}/delete`}\n                      data-confirm=\"Remove this passkey?\"\n                    >\n                      <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n                        Remove\n                      </Button>\n                    </form>\n                  </HStack>\n                </td>\n              </tr>\n            ),\n          )}\n        </tbody>\n      </table>\n    </Table>\n  );\n};\n\ntype SessionInfo = SecurityState[\"sessions\"][number];\n\n/** One signed-in device with its revoke action. */\nconst SessionRow: FC<{ session: SessionInfo }> = ({ session }) => {\n  return (\n    <tr>\n      <td>\n        <div class=\"truncate\">{session.userAgent ?? \"Unknown device\"}</div>\n        <div class={profileMeta}>\n          <span class=\"mono\">{session.ipAddress ?? \"—\"}</span>\n        </div>\n      </td>\n      <td>{new Date(session.createdAt).toLocaleString()}</td>\n      <td>\n        {session.current ? (\n          <Badge>This device</Badge>\n        ) : (\n          <form\n            method=\"post\"\n            action=\"/profile/sessions/revoke\"\n            data-confirm=\"Sign this device out?\"\n          >\n            <input type=\"hidden\" name=\"sessionId\" value={session.id} />\n            <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n              Revoke\n            </Button>\n          </form>\n        )}\n      </td>\n    </tr>\n  );\n};\n\n/** Active device sessions with per-device revoke and sign-out-others. */\nconst SessionsSection: FC<{ security: SecurityState }> = ({ security }) => {\n  return (\n    <Card>\n      <PageHeader title=\"Devices\" description=\"Where you are signed in\" />\n      <Table dense>\n        <table>\n          <thead>\n            <tr>\n              <th>Device</th>\n              <th>Signed in</th>\n              <th>Status</th>\n            </tr>\n          </thead>\n          <tbody>\n            {security.sessions.map((session) => (\n              <SessionRow key={session.id} session={session} />\n            ))}\n          </tbody>\n        </table>\n      </Table>\n      {security.sessions.length > 1 ? (\n        <form\n          method=\"post\"\n          action=\"/profile/sessions/revoke-others\"\n          data-confirm=\"Sign out all other devices?\"\n        >\n          <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n            Sign out other devices\n          </Button>\n        </form>\n      ) : null}\n    </Card>\n  );\n};\n\n/** Registered passkeys with delete, register button, and the backup nudge. */\nconst PasskeysSection: FC<{ security: SecurityState }> = ({ security }) => {\n  return (\n    <Card>\n      <PageHeader title=\"Passkeys\" description=\"Sign in without a password using your device\" />\n      {security.passkeys.length < 2 ? (\n        <Alert title=\"Add a backup key\">\n          Register a 2nd key so a lost device doesn&apos;t lock you out.\n        </Alert>\n      ) : null}\n      {security.passkeys.length === 0 ? (\n        <p class={profileMeta}>No passkeys yet.</p>\n      ) : (\n        <PasskeyTable passkeys={security.passkeys} />\n      )}\n      <HStack>\n        <Field label=\"Key name\" name=\"keyName\" type=\"text\" placeholder=\"e.g. Security key\" />\n        <Button variant=\"primary\" size=\"sm\" type=\"button\" data-passkey-register=\"true\">\n          Register a passkey\n        </Button>\n      </HStack>\n      <p class={profileMeta} data-passkey-status=\"true\" aria-live=\"polite\">\n        {\"\"}\n      </p>\n      <script dangerouslySetInnerHTML={{ __html: passkeyRegisterScript() }} />\n    </Card>\n  );\n};\n\n/** Personal profile page (editable display name, password for local accounts). */\n// oxlint-disable-next-line eslint/max-lines-per-function -- profile page composes several sections, cohesive\nexport function renderProfilePage(state: ProfilePageState): RenderedContent {\n  const { user, dbUser, memberships, subscribedSlugs, error, isLocal, security } = state;\n  const avatar = safeImageUrl(user.avatarUrl);\n  const displayName = dbUser?.displayNameOverride ?? user.name;\n  const provider = dbUser?.authProvider ?? user.providerId ?? \"oidc\";\n  return (\n    <DocumentLayout title=\"Profile\" nav={{ active: \"profile\" }}>\n      <PageHeader title=\"Profile\" description=\"Your account and project memberships\" />\n      {error ? (\n        <Alert tone=\"danger\" title=\"Could not save\">\n          {error}\n        </Alert>\n      ) : null}\n\n      <Card>\n        <VStack>\n          <HStack>\n            {avatar ? (\n              <img class={profileAvatar} src={avatar} alt=\"\" width=\"64\" height=\"64\" />\n            ) : (\n              <span class={profileAvatarFallback} aria-hidden=\"true\">\n                {user.name.slice(0, 1).toUpperCase()}\n              </span>\n            )}\n            <VStack>\n              <div class={profileName}>{displayName}</div>\n              <div class={profileMeta}>{user.email}</div>\n              <HStack>\n                <Badge>{user.role}</Badge>\n                <Badge>via {provider}</Badge>\n              </HStack>\n            </VStack>\n          </HStack>\n          <div class={profileMeta}>\n            Member since {dbUser?.createdAt ? new Date(dbUser.createdAt).toLocaleDateString() : \"—\"}{\" \"}\n            · Last login {dbUser?.lastLoginAt ? new Date(dbUser.lastLoginAt).toLocaleString() : \"—\"}\n          </div>\n        </VStack>\n      </Card>\n\n      <Card>\n        <PageHeader\n          title=\"Display name\"\n          description=\"Shown in comments and the header. Survives SSO refresh.\"\n        />\n        <form method=\"post\" action=\"/profile\" novalidate>\n          <Field label=\"Display name\" name=\"displayName\" type=\"text\" required value={displayName} />\n          <Button variant=\"primary\" type=\"submit\">\n            Save name\n          </Button>\n        </form>\n      </Card>\n\n      {isLocal ? (\n        <Card>\n          <PageHeader title=\"Change password\" description=\"For local accounts only\" />\n          <form method=\"post\" action=\"/profile/password\" novalidate>\n            <Field\n              label=\"Current password\"\n              name=\"currentPassword\"\n              type=\"password\"\n              required\n              autocomplete=\"current-password\"\n            />\n            <Field\n              label=\"New password\"\n              name=\"newPassword\"\n              type=\"password\"\n              required\n              autocomplete=\"new-password\"\n            />\n            <Field\n              label=\"Confirm new password\"\n              name=\"confirmPassword\"\n              type=\"password\"\n              required\n              autocomplete=\"new-password\"\n            />\n            <Button variant=\"primary\" type=\"submit\">\n              Change password\n            </Button>\n          </form>\n        </Card>\n      ) : null}\n\n      {security ? <SessionsSection security={security} /> : null}\n\n      {security?.passkeysEnabled ? <PasskeysSection security={security} /> : null}\n\n      <Card>\n        <PageHeader title=\"Project memberships\" description=\"Your role on each project\" />{\" \"}\n        {memberships.length === 0 ? (\n          <p class={profileMeta}>No project memberships.</p>\n        ) : (\n          <Table dense>\n            <table>\n              <thead>\n                <tr>\n                  <th>Project</th>\n                  <th>Role</th>\n                  <th>Source</th>\n                </tr>\n              </thead>\n              <tbody>\n                {memberships.map(\n                  // oxlint-disable-next-line typescript/promise-function-async -- JSX map is sync\n                  (m) => (\n                    <tr key={m.projectSlug}>\n                      <td>\n                        <a href={`/projects/${m.projectSlug}`}>{m.projectName}</a>\n                      </td>\n                      <td>\n                        <Badge>{m.role}</Badge>\n                      </td>\n                      <td>{m.source}</td>\n                    </tr>\n                  ),\n                )}\n              </tbody>\n            </table>\n          </Table>\n        )}\n      </Card>\n\n      <Card>\n        <PageHeader\n          title=\"Notifications\"\n          description=\"Email alerts per project. Fine-tune topics in each project's settings.\"\n        />\n        {memberships.length === 0 ? (\n          <p class={profileMeta}>No project memberships.</p>\n        ) : (\n          <Table dense>\n            <table>\n              <thead>\n                <tr>\n                  <th>Project</th>\n                  <th>Status</th>\n                  <th>\n                    <span class=\"visually-hidden\">Actions</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {memberships.map(\n                  // oxlint-disable-next-line typescript/promise-function-async -- JSX map is sync\n                  (m) => {\n                    const subscribed = subscribedSlugs.includes(m.projectSlug);\n                    return (\n                      <tr key={m.projectSlug}>\n                        <td>\n                          <a href={`/projects/${m.projectSlug}`}>{m.projectName}</a>\n                        </td>\n                        <td>{subscribed ? <Badge>Email on</Badge> : <Badge>Off</Badge>}</td>\n                        <td>\n                          <form method=\"post\" action=\"/profile/notifications\">\n                            {csrfField()}\n                            <input type=\"hidden\" name=\"slug\" value={m.projectSlug} />\n                            <input type=\"hidden\" name=\"enabled\" value={subscribed ? \"\" : \"1\"} />\n                            <Button variant=\"secondary\" size=\"sm\" type=\"submit\">\n                              {subscribed ? \"Disable\" : \"Enable\"}\n                            </Button>\n                          </form>\n                        </td>\n                      </tr>\n                    );\n                  },\n                )}\n              </tbody>\n            </table>\n          </Table>\n        )}\n      </Card>\n\n      <Card>\n        <form method=\"post\" action=\"/auth/logout\">\n          {csrfField()}\n          <Button variant=\"secondary\" type=\"submit\">\n            Sign out\n          </Button>\n        </form>\n      </Card>\n    </DocumentLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,151 @@
+import "node:path";
+import "node:url";
+import.meta.url;
+import { getStore } from "../store.mjs";
+import { css } from "../ui/css.mjs";
+import { Button } from "../ui/buttons.mjs";
+import { Badge, Meta, statusTone } from "../ui/feedback.mjs";
+import { HStack } from "../ui/stacks.mjs";
+import { Avatar } from "../ui/avatar.mjs";
+import { Table } from "../ui/table.mjs";
+import { RelativeTime } from "../ui/time.mjs";
+import { jsx, jsxs } from "hono/jsx/jsx-runtime";
+import { createUrlBuilder } from "@storyshelf/core/urls";
+//#region src/pages/project-builds-table.tsx
+const buildCell = css`
+  /* build-cell */
+  display: grid;
+  gap: 2px;
+  min-width: 0;
+  max-width: 38ch;
+  & strong a {
+    color: var(--text-primary);
+  }
+  & strong a:hover {
+    color: var(--accent-fg);
+  }
+`;
+const messageLine = css`
+  /* build-message */
+  overflow: hidden;
+  color: var(--text-secondary);
+  font-size: var(--text-sm);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const authorCell = css`
+  /* build-author */
+  display: flex;
+  gap: var(--space-2);
+  align-items: center;
+  white-space: nowrap;
+`;
+/** "4 to review · 1 approved · 12 snapshots", leaving out zero counts. */
+function changeSummary(build) {
+	const parts = [];
+	if (build.changedCount > 0) parts.push(`${build.changedCount} to review`);
+	if (build.approvedCount > 0) parts.push(`${build.approvedCount} approved`);
+	parts.push(`${build.snapshotCount} ${build.snapshotCount === 1 ? "snapshot" : "snapshots"}`);
+	return parts.join(" · ");
+}
+function BuildSummaryCell({ project, build }) {
+	const urls = createUrlBuilder("/", getStore().config.publishedBaseDomain);
+	return /* @__PURE__ */ jsxs("div", {
+		class: buildCell,
+		children: [/* @__PURE__ */ jsxs("strong", { children: [
+			/* @__PURE__ */ jsx("a", {
+				href: urls.build(project.slug, build.id),
+				children: build.gitBranch
+			}),
+			" ",
+			/* @__PURE__ */ jsx(Meta, {
+				as: "span",
+				mono: true,
+				children: build.gitSha.slice(0, 7)
+			})
+		] }), /* @__PURE__ */ jsx("span", {
+			class: messageLine,
+			children: build.message ?? "No message"
+		})]
+	});
+}
+function BuildActions({ project, build }) {
+	const urls = createUrlBuilder("/", getStore().config.publishedBaseDomain);
+	const needsReview = build.status === "reviewing";
+	return /* @__PURE__ */ jsxs(HStack, {
+		wrap: false,
+		justify: "end",
+		children: [/* @__PURE__ */ jsx(Button, {
+			variant: needsReview ? "primary" : "secondary",
+			size: "sm",
+			href: needsReview ? urls.buildDiff(project.slug, build.id) : urls.build(project.slug, build.id),
+			children: needsReview ? "Review" : "View"
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "sm",
+			icon: "external-link",
+			href: urls.short(build.id),
+			"aria-label": "View Storybook",
+			title: "View Storybook"
+		})]
+	});
+}
+function BuildRow({ project, build }) {
+	return /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(BuildSummaryCell, {
+			project,
+			build
+		}) }),
+		/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Badge, {
+			tone: statusTone(build.status),
+			icon: true,
+			children: build.status
+		}) }),
+		/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Meta, {
+			as: "span",
+			children: changeSummary(build)
+		}) }),
+		/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", {
+			class: authorCell,
+			children: [build.authorName ? /* @__PURE__ */ jsx(Avatar, {
+				name: build.authorName,
+				size: "sm"
+			}) : null, /* @__PURE__ */ jsx("span", { children: build.authorName ?? "—" })]
+		}) }),
+		/* @__PURE__ */ jsx("td", {
+			class: "nowrap",
+			children: /* @__PURE__ */ jsx(Meta, {
+				as: "span",
+				children: /* @__PURE__ */ jsx(RelativeTime, { value: build.createdAt })
+			})
+		}),
+		/* @__PURE__ */ jsx("td", {
+			class: "nowrap",
+			children: /* @__PURE__ */ jsx(BuildActions, {
+				project,
+				build
+			})
+		})
+	] });
+}
+/** Builds as a table: branch/sha, status, change summary, author, age, actions. */
+function BuildsTable({ project, builds }) {
+	return /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+		/* @__PURE__ */ jsx("th", { children: "Build" }),
+		/* @__PURE__ */ jsx("th", { children: "Status" }),
+		/* @__PURE__ */ jsx("th", { children: "Changes" }),
+		/* @__PURE__ */ jsx("th", { children: "Author" }),
+		/* @__PURE__ */ jsx("th", { children: "Created" }),
+		/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx("span", {
+			class: "visually-hidden",
+			children: "Actions"
+		}) })
+	] }) }), /* @__PURE__ */ jsx("tbody", { children: builds.map((build) => /* @__PURE__ */ jsx(BuildRow, {
+		project,
+		build
+	}, build.id)) })] }) });
+}
+//#endregion
+export { BuildsTable };
+
+//# sourceMappingURL=project-builds-table.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"project-builds-table.mjs","names":[],"sources":["../../src/pages/project-builds-table.tsx"],"sourcesContent":["import type { Build, Project } from \"@storyshelf/core/schema\";\nimport { createUrlBuilder } from \"@storyshelf/core/urls\";\nimport type { HtmlEscapedString } from \"hono/utils/html\";\nimport { getStore } from \"../store.ts\";\nimport {\n  Avatar,\n  Badge,\n  Button,\n  HStack,\n  Meta,\n  RelativeTime,\n  Table,\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 buildCell = css`\n  /* build-cell */\n  display: grid;\n  gap: 2px;\n  min-width: 0;\n  max-width: 38ch;\n  & strong a {\n    color: var(--text-primary);\n  }\n  & strong a:hover {\n    color: var(--accent-fg);\n  }\n`;\n\nconst messageLine = css`\n  /* build-message */\n  overflow: hidden;\n  color: var(--text-secondary);\n  font-size: var(--text-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst authorCell = css`\n  /* build-author */\n  display: flex;\n  gap: var(--space-2);\n  align-items: center;\n  white-space: nowrap;\n`;\n\n/** \"4 to review · 1 approved · 12 snapshots\", leaving out zero counts. */\nfunction changeSummary(build: Build): string {\n  const parts: string[] = [];\n  if (build.changedCount > 0) {\n    parts.push(`${build.changedCount} to review`);\n  }\n  if (build.approvedCount > 0) {\n    parts.push(`${build.approvedCount} approved`);\n  }\n  parts.push(`${build.snapshotCount} ${build.snapshotCount === 1 ? \"snapshot\" : \"snapshots\"}`);\n  return parts.join(\" · \");\n}\n\nfunction BuildSummaryCell({\n  project,\n  build,\n}: {\n  project: Project;\n  build: Build;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  return (\n    <div class={buildCell}>\n      <strong>\n        <a href={urls.build(project.slug, build.id)}>{build.gitBranch}</a>{\" \"}\n        <Meta as=\"span\" mono>\n          {build.gitSha.slice(0, 7)}\n        </Meta>\n      </strong>\n      <span class={messageLine}>{build.message ?? \"No message\"}</span>\n    </div>\n  );\n}\n\nfunction BuildActions({\n  project,\n  build,\n}: {\n  project: Project;\n  build: Build;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  const urls = createUrlBuilder(\"/\", getStore().config.publishedBaseDomain);\n  const needsReview = build.status === \"reviewing\";\n  return (\n    <HStack wrap={false} justify=\"end\">\n      <Button\n        variant={needsReview ? \"primary\" : \"secondary\"}\n        size=\"sm\"\n        href={\n          needsReview ? urls.buildDiff(project.slug, build.id) : urls.build(project.slug, build.id)\n        }\n      >\n        {needsReview ? \"Review\" : \"View\"}\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        icon=\"external-link\"\n        href={urls.short(build.id)}\n        aria-label=\"View Storybook\"\n        title=\"View Storybook\"\n      />\n    </HStack>\n  );\n}\n\nfunction BuildRow({\n  project,\n  build,\n}: {\n  project: Project;\n  build: Build;\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  return (\n    <tr>\n      <td>\n        <BuildSummaryCell project={project} build={build} />\n      </td>\n      <td>\n        <Badge tone={statusTone(build.status)} icon>\n          {build.status}\n        </Badge>\n      </td>\n      <td>\n        <Meta as=\"span\">{changeSummary(build)}</Meta>\n      </td>\n      <td>\n        <div class={authorCell}>\n          {build.authorName ? <Avatar name={build.authorName} size=\"sm\" /> : null}\n          <span>{build.authorName ?? \"—\"}</span>\n        </div>\n      </td>\n      <td class=\"nowrap\">\n        <Meta as=\"span\">\n          <RelativeTime value={build.createdAt} />\n        </Meta>\n      </td>\n      <td class=\"nowrap\">\n        <BuildActions project={project} build={build} />\n      </td>\n    </tr>\n  );\n}\n\n/** Builds as a table: branch/sha, status, change summary, author, age, actions. */\nexport function BuildsTable({\n  project,\n  builds,\n}: {\n  project: Project;\n  builds: Build[];\n}): HtmlEscapedString | Promise<HtmlEscapedString> {\n  return (\n    <Table>\n      <table>\n        <thead>\n          <tr>\n            <th>Build</th>\n            <th>Status</th>\n            <th>Changes</th>\n            <th>Author</th>\n            <th>Created</th>\n            <th>\n              <span class=\"visually-hidden\">Actions</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {builds.map((build) => (\n            <BuildRow key={build.id} project={project} build={build} />\n          ))}\n        </tbody>\n      </table>\n    </Table>\n  );\n}\n"],"mappings":"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"}