In-app notification inbox, consolidate /profile into /me, theme realign

In-app notification center (Phase 5, migration 051):
- notifications.read_at + partial unread index. /me Notifications is now
  an inbox: unread styling, click to expand the message + mark read,
  "mark all as read", unread count. markNotificationsRead is a service-
  client write scoped to the caller's own member_id. Always-on channel:
  email-muted ('skipped') notifications still appear in-app.

Consolidate /profile into /me:
- Delete app/(app)/profile/*; /me is the single member page. Port the
  conflict-of-interest privileged-role nudge + last-disclosed date into
  /me's profile editor. Remove the "My profile" sidebar + command-palette
  entries; rename the /me nav label to "My membership". Repoint the
  recruitment empty-state link to /me.

Theme realign:
- Revert the rounded-lg cards introduced in the prior /me visual pass to
  rounded (the app norm, matching the former /profile). Route /me section
  headers through the SectionTitle primitive.

Regression guard:
- integration/auth-embed.test.ts runs the auth layout's
  space_members.select('*, spaces(*)') embed through PostgREST and fails
  on PGRST201, so a future junction table cannot silently break auth again.
This commit is contained in:
Moheeb Zara
2026-05-19 22:51:44 -07:00
parent a7d880d747
commit 5d153b4d68
20 changed files with 319 additions and 380 deletions
+20 -2
View File
@@ -21,6 +21,11 @@ export type ProfileInitial = {
interests: string[]
willing_to: string[]
affiliations: string[]
// Conflict-of-interest disclosure (ported from the former /profile page):
// privileged roles are nudged to disclose; the last-disclosed date is shown
// when set.
isPrivileged: boolean
coiLastDisclosed: string | null
}
const sameList = (a: string[], b: string[]) =>
@@ -90,7 +95,7 @@ export function ProfileForm({ initial }: { initial: ProfileInitial }) {
return (
<div className="space-y-4">
<div className="bg-card rounded-lg border border-border p-5 space-y-5">
<div className="bg-card rounded border border-border p-5 space-y-5">
<div className="grid gap-4 sm:grid-cols-2">
<div className="space-y-1.5">
<Label htmlFor="pf-name">Display name</Label>
@@ -138,7 +143,20 @@ export function ProfileForm({ initial }: { initial: ProfileInitial }) {
<div className="space-y-1.5">
<span className={fieldLabel}>Affiliations (conflict-of-interest)</span>
{initial.isPrivileged && !initial.coiLastDisclosed && (
<div className="rounded border border-orange-200 bg-orange-50 dark:border-orange-900/50 dark:bg-orange-950/30 p-3">
<p className="font-sans text-xs text-orange-900 dark:text-orange-200">
You hold a privileged role. Please disclose any outside affiliations that could
conflict with space governance. Your disclosure is visible to other members.
</p>
</div>
)}
<ChipInput values={affiliations} onChange={setAffiliations} placeholder="add an affiliation and press enter" maxLength={200} maxItems={50} />
{initial.coiLastDisclosed && (
<p className="font-mono text-[10px] text-muted-foreground">
last disclosed {new Date(initial.coiLastDisclosed).toLocaleDateString()}
</p>
)}
</div>
<div className="flex justify-end">
@@ -148,7 +166,7 @@ export function ProfileForm({ initial }: { initial: ProfileInitial }) {
</div>
</div>
<div className="bg-card rounded-lg border border-border p-5 space-y-3">
<div className="bg-card rounded border border-border p-5 space-y-3">
<div>
<p className="font-sans text-sm font-medium text-foreground">Login email</p>
<p className="font-mono text-[10px] text-muted-foreground mt-0.5">