Update documentation to reflect Djarea's RPC architecture

- Root README: full quick start, architecture diagram, feature table,
  code generation workflow, error handling, forms, channels, testing
- Django README: setup, auth variations, contexts, forms, channels
- React README: clarify that generated hooks are the API (not library
  primitives), DjangoContext is the only provider needed, sub-exports
  are internals

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

react/README.md

@@ -1,26 +1,103 @@
-# djarea (TypeScript)
+# @rythazhur/djarea (TypeScript)
 
-TypeScript client library for the Djarea framework. See the [monorepo root](../README.md) for full documentation.
+React client for the Djarea framework. See the [monorepo root](../README.md) for full documentation.
 
-## Installation
+## Install
 
 ```bash
-# From git
-npm install djarea@git+https://git.impactsoundworks.com/isw/djarea.git#workspace=react
-
-# Local development
-npm install djarea@file:../../web/djarea/react
+npm install @rythazhur/djarea@git+https://git.impactsoundworks.com/isw/djarea.git#workspace=react
 ```
 
-## Exports
+## Usage
 
-| Import | Purpose |
-|--------|---------|
-| `djarea` | Core: DjareaProvider, hooks, forms, errors |
-| `djarea/client` | HTTP clients, SSR helpers, `ensureDjangoSession()` |
-| `djarea/client/react` | React-specific client hooks |
-| `djarea/client/nextjs` | Next.js integration |
-| `djarea/channels` | WebSocket channels |
-| `djarea/jwt` | JWT token management |
-| `djarea/allauth` | Allauth UI components |
-| `djarea/allauth/nextjs` | Next.js allauth context |
+You don't use this package directly. You use the **generated hooks**.
+
+### 1. Configure
+
+```js
+// django.config.mjs
+export default {
+    source: {
+        django: {
+            managePath: '../backend/manage.py',
+            command: ['uv', 'run', 'python'],
+        },
+    },
+    output: 'src/api/generated.ts',
+}
+```
+
+### 2. Generate
+
+```bash
+npx djarea-generate        # once
+npx djarea-generate --watch # dev mode
+```
+
+### 3. Wrap your app
+
+```tsx
+import { DjangoContext } from '@/api'
+
+<DjangoContext>
+    <App />
+</DjangoContext>
+```
+
+`DjangoContext` is the only provider you need. It handles HTTP, WebSocket, CSRF, session init, context auto-fetching, and channel connections.
+
+### 4. Use generated hooks
+
+```tsx
+import { useCurrentUser, useEcho, useContactForm, useChatChannel } from '@/api'
+
+// Context (SSR-hydrated, auto-refreshed)
+const user = useCurrentUser()
+
+// Server function
+const echo = useEcho()
+const result = await echo({ text: 'hello' })
+
+// Form (Zod + server validation)
+const form = useContactForm()
+form.set('email', 'test@example.com')
+await form.submit()
+
+// Channel (WebSocket)
+const chat = useChatChannel({ room: 'general' })
+chat.send({ text: 'hello' })
+chat.messages  // typed, reactive
+```
+
+## Generated Files
+
+| File | Contents |
+|------|----------|
+| `generated.django.tsx` | `DjangoContext` + typed hooks |
+| `generated.djarea.ts` | Pydantic types |
+| `generated.forms.ts` | Form hooks with Zod |
+| `generated.channels.hooks.tsx` | Channel hooks |
+| `index.ts` | Re-exports everything |
+
+## Sub-exports
+
+| Import | When to use |
+|--------|------------|
+| `@rythazhur/djarea` | Core: DjareaProvider, hooks, forms, errors |
+| `@rythazhur/djarea/channels` | WebSocket channels |
+| `@rythazhur/djarea/jwt` | JWT token management |
+| `@rythazhur/djarea/client` | HTTP clients (CSR/SSR) |
+| `@rythazhur/djarea/allauth` | Allauth UI components |
+
+These are **library internals** used by the generated code. You should import from `@/api` (your generated index), not from the library directly.
+
+## Running Tests
+
+```bash
+# Unit tests (Vitest, jsdom)
+npm test
+
+# E2E tests (Playwright, real browser)
+# Requires Docker backend running
+npx playwright test
+```