refactor: improve team management, OKRs, and session components

CLAUDE.md

@@ -28,6 +28,7 @@ pnpm prisma studio                      # Open DB GUI
 ## Architecture Overview
 
 ### Workshop Types
+
 There are 5 workshop types: `swot` (sessions), `motivators`, `year-review`, `weekly-checkin`, `weather`.
 
 **Single source of truth**: `src/lib/workshops.ts` exports `WORKSHOPS`, `WORKSHOP_BY_ID`, and helpers. Every place that lists or routes workshop types must use this file.
@@ -58,6 +59,7 @@ src/
 ```
 
 ### Real-Time Collaboration (SSE)
+
 Each workshop has `/api/[path]/[id]/subscribe` — a GET route that opens a `ReadableStream` (SSE). The server polls the DB every 1 second for new events and pushes them to connected clients. Server Actions write events to the DB after mutations.
 
 Client side: `useLive` hook (`src/hooks/useLive.ts`) connects to the subscribe endpoint with `EventSource`, filters out events from the current user (to avoid duplicates), and calls `router.refresh()` on incoming events.
@@ -65,21 +67,26 @@ Client side: `useLive` hook (`src/hooks/useLive.ts`) connects to the subscribe e
 `BaseSessionLiveWrapper` (`src/components/collaboration/`) is the shared wrapper component that wires `useLive`, `CollaborationToolbar`, and `ShareModal` for all workshop session pages.
 
 ### Shared Permission System
+
 `createSessionPermissionChecks(model)` in `src/services/session-permissions.ts` returns `canAccess`, `canEdit`, `canDelete` for any Prisma model that follows the session shape (has `userId` + `shares` relation). Team admins have implicit access to their members' sessions.
 
 `createShareAndEventHandlers(...)` in `src/services/session-share-events.ts` returns `share`, `removeShare`, `getShares`, `createEvent`, `getEvents` — used by all workshop services.
 
 ### Auth
+
 - `src/lib/auth.ts` — NextAuth config (signIn, signOut, auth exports)
 - `src/lib/auth.config.ts` — config object (used separately for Edge middleware)
 - `src/middleware.ts` — protects all routes except `/api/auth`, `_next/static`, `_next/image`, `favicon.ico`
 - Session user ID is available via `auth()` call server-side; token includes `id` field
 
 ### Database
+
 Prisma client is a singleton in `src/services/database.ts`. `DATABASE_URL` env var controls the SQLite file path (default: `file:./prisma/dev.db`). Schema is at `prisma/schema.prisma`.
 
 ### Adding a New Workshop
+
 Pattern followed by all existing workshops:
+
 1. Add entry to `WORKSHOPS` in `src/lib/workshops.ts`
 2. Add Prisma models (Session, Item, Share, Event) following the existing pattern
 3. Create service in `src/services/` using `createSessionPermissionChecks` and `createShareAndEventHandlers`