Ratings, event chat and announcements, no negative spots, and a real design system

[Hef50]

1. No more negative spots

EventCard printed capacity - RSVPs raw, so an over-subscribed event advertised "-6 spots left". Every capacity display now goes through one clamped helper (getAvailableSpots / getClaimedSpots / isEventFull) and reads "Full" at zero. Seed capacities that sat below their own RSVP counts were given headroom, leaving 17 events genuinely sold out.

2. Past events, with ratings

My Events now opens on Past — the tab with something to do. Each past event carries a 1–5 star rating with an optional note, saved per user on the device, plus:

• a "Not yet rated (n)" filter chip
• search across past events
• the same rating card on the event page once an event is over
• a running count in the header ("You've rated 3 events")

3. Upcoming events aren't the default

Upcoming lives behind the same segmented control (with its count), so the list you land on is never mixed with events that haven't happened. Browsing (Find) leads with upcoming events and keeps past ones below rather than at the top.

4. Chat and announcements for people who signed up

Every event has a thread: attendees message each other, hosts post announcements that pin above the conversation. Access is gated to going/maybe/host in the UI and enforced in the database — new RLS policies in supabase/migrations/004_event_messages.sql mean a non-attendee cannot read or write the thread even by calling the API directly. With no Supabase project configured the thread falls back to device storage, so the feature works end to end in demo mode (and says so).

5. Design system

The UI had no shared vocabulary — every screen invented its own font sizes, paddings and radii, and several used emoji as icons. Research-backed tokens now live in constants/design.ts and reach components through useAppTheme():

• Spacing: 8pt grid with 4pt half-steps (the convention IBM Carbon, Fluent and Polaris all enforce)
• Type: a fixed 11-step scale modelled on Apple's HIG text styles, each step carrying its own weight, line height and tracking, headings 1.5–2× body
• Radii, a shadow ramp that goes flat in dark mode (shadows read as dirt on dark surfaces — separation comes from stepped surfaces and hairlines instead)
• 44pt minimum tap targets

Applied across Home, Find, My Events, the agenda and both card components: one card language (date tile → headline title → quiet metadata → footer), real icon glyphs instead of emoji, staggered entrances and press feedback, and a tab bar that respects the home indicator.

Verification

• tsc 0 errors, ESLint clean, 62/62 unit tests (18 new: capacity clamp, rating store, message store).
• pnpm build succeeds; postexport flattens 37 vendor assets.
• Headless iPhone-profile run in America/New_York, light and dark: sign in → RSVP → rate a past event → post to an event thread, with screenshots at each step.

🤖 Generated with Claude Code

https://claude.ai/code/session_011nrgpkJbvZ9JCf2VA2kKvJ

---

Generated by Claude Code