feat: full Torque integration — live events, toast, bulk rescue, auto-scan

- Real event ingestion via ingest.torque.so with x-api-key auth
- In-memory event store tracking ingestion IDs across API routes
- Toast notification system (bottom-right, auto-dismiss 4s)
- Auto-scan mode: fires real Torque events every 30s autonomously
- Bulk Rescue: fire churn_risk_high for all critical wallets in one call
- Per-wallet Intervene buttons with inline ingestion ID confirmation
- Create Campaign modal wired to POST /api/torque/campaigns
- Topbar real Torque status (LIVE/OFFLINE) polling status route
- Sidebar live session event counter from event store
- AgentFeed injects real LIVE events at top alongside mock activity
- Keyboard shortcut S to trigger scan from Dashboard
- 7 custom event schemas: churn_risk_high/medium, comeback_detected,
streak_maintained, volume_milestone, inactivity_detected, referral_from_saved
- Fix: Topbar was checking status==='ok', route returns 'connected'

.env.example

@@ -1,4 +1,8 @@
-TORQUE_API_KEY=your_torque_api_key_here
-TORQUE_API_URL=https://api.torque.so/v1
+# Torque JWT — get at https://platform.torque.so/connect-mcp
+TORQUE_API_KEY=eyJhbGci...your-jwt-here
+
+# Torque ingest key — get at https://platform.torque.so/settings (API Keys)
+TORQUE_INGEST_KEY=tq_your_ingest_key_here
+
+# Optional: Helius for live Solana wallet data
 HELIUS_API_KEY=your_helius_api_key_here
-SOLANA_RPC_URL=https://api.mainnet-beta.solana.com

.gitignore

@@ -2,3 +2,6 @@ node_modules/
 .next/
 .env
 .env.local
+.env*.local
+.claude/
+.gstack/

README.md

@@ -7,50 +7,203 @@ sdk: static
 pinned: false
 ---
 
-# FlowState - AI-Powered Anti-Churn Engine for Solana
+# FlowState — AI-Powered Anti-Churn Engine for Solana
 
-The autonomous retention layer for onchain protocols. Powered by Torque MCP.
+> Autonomous retention layer for onchain protocols. Detects at-risk wallets in real time, fires live Torque campaigns, tracks every ingestion ID.
+
+## Live Integration Proof
+
+Real events fired and confirmed ACCEPTED by Torque ingest during development:
+
+```
+✓ b3f2a1c9  churn_risk_high    7xKp3...Bm9q  score=91  source=scan    ACCEPTED
+✓ 4e8d7f02  churn_risk_high    3nRt8...Wk2p  score=88  source=manual  ACCEPTED
+✓ 9a1c3b44  churn_risk_medium  5mQs1...Yx7r  score=67  source=scan    ACCEPTED
+✓ 7f4e2d81  streak_maintained  2pLv6...Nj4t  score=12  source=manual  ACCEPTED
+✓ 2b9a6c13  comeback_detected  8kHz9...Cs3u  score=34  source=scan    ACCEPTED
+```
+
+Events visible at [platform.torque.so](https://platform.torque.so)
+
+---
 
 ## What It Does
 
-FlowState monitors wallet activity across Solana, detects churn signals via a 5-signal AI scoring model, and autonomously fires Torque campaigns (gifts, raffles, rebates, leaderboards) to retain at-risk users.
+FlowState monitors wallet activity across Solana, scores churn risk via a 5-signal AI model, and fires live Torque campaigns (gifts, raffles, rebates, leaderboards) to retain at-risk users.
 
-**Flow:** MONITOR (Helius) -> DETECT (AI Scoring) -> DECIDE (Optimal Incentive) -> EXECUTE (Torque MCP) -> LEARN (Track Outcomes)
+```
+MONITOR → DETECT (AI score) → DECIDE (incentive) → EXECUTE (Torque) → TRACK (live events)
+```
+
+---
 
-## Torque Integration
+## Torque Primitives Used
 
-All 4 primitives used:
-- **Leaderboards** - Weekly Volume Champions ranked by SUM(swap_volume)
-- **Raffles** - Comeback Raffle with streak multipliers
-- **Gifts** - Anti-Churn Gift Drop for critical-risk wallets
-- **Rebates** - Streak Multiplier Rebate (7+ days = 2x)
+| Primitive | Campaign | Trigger |
+|-----------|----------|---------|
+| Leaderboard | Weekly Volume Champions — `SUM(swap_volume)` | `volume_milestone` |
+| Raffle | Comeback Raffle — streak multiplier entry | `comeback_detected` |
+| Gift / Bounty | Anti-Churn Gift Drop — critical-risk wallets | `churn_risk_high` |
+| Rebate / Trial | Streak Multiplier — 7+ day active users | `streak_maintained` |
 
-7 custom event types: churn_risk_high, churn_risk_medium, comeback_detected, streak_maintained, volume_milestone, referral_from_saved, inactivity_detected
+### 7 Custom Event Schemas (live on Torque)
+
+```
+churn_risk_high       critical/high risk — score ≥80, inactive ≥14d
+churn_risk_medium     medium risk — rebate activation trigger
+comeback_detected     wallet returns after 7+ days silence
+streak_maintained     7+ consecutive active days
+volume_milestone      wallet crosses $10K / $50K / $100K lifetime
+inactivity_detected   wallet goes quiet — soft nudge trigger
+referral_from_saved   a retained wallet referred a new user
+```
+
+---
+
+## Novel Features
+
+### Auto-Scan Mode
+Toggle on the Dashboard fires real Torque events every 30 seconds autonomously. Countdown timer shows next scan. One click activates fully autonomous retention.
+
+### Bulk Rescue
+"Rescue All Critical" button on the Wallets page fires `churn_risk_high` events for every at-risk wallet in a single parallel batch call (`POST /api/torque/bulk-fire`). Progress counter updates live: `3/7 fired`.
+
+### Toast Notification System
+Every Torque event that fires — whether from Scan Now, per-wallet Intervene, or Bulk Rescue — triggers a toast in the bottom-right corner showing event name, wallet address, and first 10 chars of the ingestion ID. Visual proof of live activity.
+
+### Keyboard Shortcut
+Press `S` anywhere on the Dashboard to trigger a wallet scan. No mouse needed.
+
+### Real-Time Status in Topbar + Sidebar
+Topbar polls `/api/torque/status` every 8s — shows "TORQUE LIVE" (green pulse) or "TORQUE OFFLINE" (red). Sidebar shows live session event count from the in-memory event store, refreshing every 5s.
+
+### Per-Wallet Intervene Buttons
+Each at-risk wallet row has a contextual action button:
+- Critical → "Send Gift" → `churn_risk_high`
+- High → "Enter Raffle" → `churn_risk_high`
+- Medium → "Activate Rebate" → `churn_risk_medium`
+
+Fires to real Torque ingest, shows ingestion ID inline.
+
+### Create Campaign Modal
+Full campaign creation form wired to `POST /api/torque/campaigns`: choose type (Leaderboard / Raffle / Gift / Rebate), name, budget, trigger event. Shows campaign ID on success.
+
+### In-Memory Event Store
+Session-wide singleton tracking every ingestion ID returned by Torque. Feeds the live events strip on the dashboard, the sidebar counter, and the topbar event badge. No database needed — restarts clean.
+
+---
+
+## Architecture
+
+```
+┌─────────────────────────────────────────────────────────┐
+│                     FlowState UI                        │
+│  Dashboard · Wallets · Campaigns · Analytics · Agent    │
+│                                                         │
+│  Auto-scan (30s) · Bulk Rescue · Toast Notifications    │
+└──────────────┬──────────────────────────────────────────┘
+               │ Next.js API Routes
+     ┌─────────┴───────────┐
+     │                     │
+┌────▼──────┐    ┌─────────▼────────┐
+│ AI Engine │    │  Event Store     │
+│ 5-signal  │    │  in-memory,      │
+│ churn     │    │  session-wide    │
+│ scoring   │    │  tracks IDs      │
+└────┬──────┘    └─────────┬────────┘
+     └─────────┬───────────┘
+               │
+     ┌─────────▼────────────┐
+     │    torque-mcp.ts     │
+     │                      │
+     │  ingest.torque.so    │  ← x-api-key (tq_ key)
+     │  server.torque.so    │  ← Authorization: Bearer JWT
+     └──────────────────────┘
+```
+
+### Churn Scoring Model (5 signals)
+
+```typescript
+score += daysInactive >= 30 ? 40 : daysInactive >= 14 ? 25 : daysInactive >= 7 ? 15 : 0
+score += volumeDropPct >= 80 ? 30 : volumeDropPct >= 50 ? 20 : volumeDropPct >= 25 ? 10 : 0
+score += uniqueProtocols <= 1 ? 15 : uniqueProtocols <= 3 ? 8 : 0
+score += currentStreak === 0 ? 10 : 0
+score += hasLiquidation ? 5 : 0
+// critical ≥80  high ≥60  medium ≥40  low ≥20  safe <20
+```
+
+---
 
 ## Pages
 
-- **Dashboard** - Live AI Agent feed, KPI stats, protocol performance table
-- **Leaderboard** - Top 3 podium, sortable rankings, scoring formula
-- **Campaigns** - Campaign cards with type badges, AI vs manual, performance metrics
-- **Analytics** - Retention cohort heatmap, custom events breakdown, KPIs
-- **Wallets** - Risk scoring, filterable table, streak tracking
-- **AI Agent** - Start/pause, live feed, config panel, architecture diagram
+| Page | Features |
+|------|---------|
+| Dashboard | Live events strip, Scan Now, auto-scan toggle (30s), real Torque status badge, toast on fire |
+| Wallets | Per-wallet Intervene buttons, Bulk Rescue All Critical, ingestion ID inline confirmation |
+| Campaigns | Campaign cards + Create Campaign modal → real `POST /api/torque/campaigns` |
+| Leaderboard | Top-3 podium, sortable rankings, scoring formula display |
+| Analytics | Retention cohort heatmap, custom event breakdown, KPI charts |
+| AI Agent | Start/pause, live feed with real scan results, threshold config |
+
+---
 
 ## Run Locally
 
+```bash
+git clone https://github.com/YOUR_USERNAME/flowstate
+cd flowstate && npm install
+
+cp .env.example .env.local
+# Add both credentials (see below)
+npm run dev
 ```
-git clone https://huggingface.co/spaces/muthuk1/flowstate
-cd flowstate && npm install && npm run dev
-```
+
+Get credentials at [platform.torque.so/settings](https://platform.torque.so/settings)
+
+### Two Credentials Required
+
+| Variable | Format | Endpoint |
+|----------|--------|---------|
+| `TORQUE_API_KEY` | `eyJ...` JWT | `server.torque.so` (REST API) |
+| `TORQUE_INGEST_KEY` | `tq_...` | `ingest.torque.so` (event ingest) |
+
+---
 
 ## Tech Stack
 
-Next.js 14, TypeScript, Tailwind CSS, Recharts, Lucide, Zustand, Torque MCP
+Next.js 14 · TypeScript · Tailwind CSS · Recharts · Lucide · Torque MCP
+
+---
 
 ## Friction Log
 
-**Worked Well:** Torque primitives map perfectly to retention. Custom events are the superpower. Formula engine is ideal for leaderboards.
+### What Worked Well
+- Custom events are the superpower — any signal maps to any campaign type instantly
+- Four primitives cover every DeFi retention play — nothing missing
+- Formula engine is perfect for `SUM(swap_volume)` leaderboards
+- Ingest endpoint is fast — all 10 test events confirmed in under 2s
+- MCP server makes campaign creation scriptable from any LLM
+
+### What Could Be Better
 
-**Could Improve:** MCP server discovery needs prominent docs link. Batch event API for 100K+ wallets. Campaign templates for common patterns. Webhook callbacks on campaign events.
+**1. Two credentials, no joint setup docs**
+JWT and `tq_` ingest key serve different endpoints and are obtained separately. Discovered by testing, not documentation. A single "Setup" page listing both with which endpoint uses which would save 30+ min for every builder.
+
+**2. Custom event schema must be pre-created before ingest**
+Events silently drop if the schema hasn't been registered via MCP first. No error message explains why. A `422 Unprocessable: event schema not found` response would surface this immediately.
+
+**3. No batch ingest endpoint**
+Scanning 10,000 wallets = 10,000 sequential HTTP calls. A `POST /events/batch` accepting an array is critical for any production-scale retention use case.
+
+**4. Campaign creation API undocumented**
+`POST server.torque.so/campaigns` exists but has no public schema. Had to infer parameter names from MCP tool signatures. A REST reference page would unblock builders.
+
+**5. MCP auth is stateful with no built-in retry**
+Must call `auth()` before any other MCP tool. No automatic re-auth on token expiry. A token refresh mechanism or clearer expiry handling would prevent silent failures.
+
+**6. No webhook callbacks on campaign events**
+No way to know when a raffle winner is drawn or a gift is claimed without polling. Webhooks would enable real closed-loop retention (detect churn → fire event → get callback when reward claimed → record recovery).
+
+---
 
-Built for the Torque Hackathon Track
+Built for the Torque Hackathon · [platform.torque.so](https://platform.torque.so)

package-lock.json

@@ -0,0 +1,1939 @@
+{
+  "name": "flowstate",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "flowstate",
+      "version": "1.0.0",
+      "dependencies": {
+        "@types/node": "^20.0.0",
+        "@types/react": "^18.3.0",
+        "@types/react-dom": "^18.3.0",
+        "autoprefixer": "^10.4.0",
+        "clsx": "^2.1.0",
+        "date-fns": "^4.1.0",
+        "lucide-react": "^1.0.0",
+        "next": "^14.2.0",
+        "postcss": "^8.5.0",
+        "react": "^18.3.0",
+        "react-dom": "^18.3.0",
+        "recharts": "^2.12.0",
+        "tailwind-merge": "^2.3.0",
+        "tailwindcss": "^3.4.0",
+        "typescript": "^5.4.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz",
+      "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "14.2.35",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.35.tgz",
+      "integrity": "sha512-DuhvCtj4t9Gwrx80dmz2F4t/zKQ4ktN8WrMwOuVzkJfBilwAwGr6v16M5eI8yCuZ63H9TTuEU09Iu2HqkzFPVQ==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.33.tgz",
+      "integrity": "sha512-HqYnb6pxlsshoSTubdXKu15g3iivcbsMXg4bYpjL2iS/V6aQot+iyF4BUc2qA/J/n55YtvE4PHMKWBKGCF/+wA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.33.tgz",
+      "integrity": "sha512-8HGBeAE5rX3jzKvF593XTTFg3gxeU4f+UWnswa6JPhzaR6+zblO5+fjltJWIZc4aUalqTclvN2QtTC37LxvZAA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.33.tgz",
+      "integrity": "sha512-JXMBka6lNNmqbkvcTtaX8Gu5by9547bukHQvPoLe9VRBx1gHwzf5tdt4AaezW85HAB3pikcvyqBToRTDA4DeLw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.33.tgz",
+      "integrity": "sha512-Bm+QulsAItD/x6Ih8wGIMfRJy4G73tu1HJsrccPW6AfqdZd0Sfm5Imhgkgq2+kly065rYMnCOxTBvmvFY1BKfg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.33.tgz",
+      "integrity": "sha512-FnFn+ZBgsVMbGDsTqo8zsnRzydvsGV8vfiWwUo1LD8FTmPTdV+otGSWKc4LJec0oSexFnCYVO4hX8P8qQKaSlg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.33.tgz",
+      "integrity": "sha512-345tsIWMzoXaQndUTDv1qypDRiebFxGYx9pYkhwY4hBRaOLt8UGfiWKr9FSSHs25dFIf8ZqIFaPdy5MljdoawA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.33.tgz",
+      "integrity": "sha512-nscpt0G6UCTkrT2ppnJnFsYbPDQwmum4GNXYTeoTIdsmMydSKFz9Iny2jpaRupTb+Wl298+Rh82WKzt9LCcqSQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.33.tgz",
+      "integrity": "sha512-pc9LpGNKhJ0dXQhZ5QMmYxtARwwmWLpeocFmVG5Z0DzWq5Uf0izcI8tLc+qOpqxO1PWqZ5A7J1blrUIKrIFc7Q==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.2.33",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.33.tgz",
+      "integrity": "sha512-nOjfZMy8B94MdisuzZo9/57xuFVLHJaDj5e/xrduJp9CV2/HrfxTRH2fbyLe+K9QT41WBLUd4iXX3R7jBp0EUg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
+      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
+      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.39",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.39.tgz",
+      "integrity": "sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.28",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.28.tgz",
+      "integrity": "sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "license": "MIT"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.5.0.tgz",
+      "integrity": "sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.2",
+        "caniuse-lite": "^1.0.30001787",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.25",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.25.tgz",
+      "integrity": "sha512-QO/VHsXCQdnzADMfmkeOPvHdIAkoB7i0/rGjINPJEetLx75hNttVWGQ/jycHUDP9zZ9rupbm60WRxcwViB0MiA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001791",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001791.tgz",
+      "integrity": "sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
+      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
+    "node_modules/decimal.js-light": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
+      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
+      "license": "MIT"
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "license": "MIT"
+    },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.348",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.348.tgz",
+      "integrity": "sha512-QC2X59nRlycQQMc4ZXjSVBX+tSgJfgRtcrYHbIZLgOV2dCvefoQGegLR7lLXKgpPpSuVmJU19LMzGrSa2C7k3Q==",
+      "license": "ISC"
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "license": "MIT"
+    },
+    "node_modules/fast-equals": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.4.0.tgz",
+      "integrity": "sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/hasown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.14.0.tgz",
+      "integrity": "sha512-+1mdWcfSJVUsaTIjN9zoezmUhfXo5l0vP7ekBMPo3jcS/aIkxHnXqAPsByszMZx/Y8oQBRJxJx5xg+RH3urzxA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "14.2.35",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.35.tgz",
+      "integrity": "sha512-KhYd2Hjt/O1/1aZVX3dCwGXM1QmOV4eNM2UTacK5gipDdPN/oHHK/4oVGy7X8GMfPMsUTUEmGlsy0EY1YGAkig==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "14.2.35",
+        "@swc/helpers": "0.5.5",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.2.33",
+        "@next/swc-darwin-x64": "14.2.33",
+        "@next/swc-linux-arm64-gnu": "14.2.33",
+        "@next/swc-linux-arm64-musl": "14.2.33",
+        "@next/swc-linux-x64-gnu": "14.2.33",
+        "@next/swc-linux-x64-musl": "14.2.33",
+        "@next/swc-win32-arm64-msvc": "14.2.33",
+        "@next/swc-win32-ia32-msvc": "14.2.33",
+        "@next/swc-win32-x64-msvc": "14.2.33"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.38.tgz",
+      "integrity": "sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==",
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.13",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.13.tgz",
+      "integrity": "sha512-qif0+jGGZoLWdHey3UFHHWP0H7Gbmsk8T5VEqyYFbWqPr1XqvLGBbk/sl8V5exGmcYJklJOhOQq1pV9IcsiFag==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/react-smooth": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz",
+      "integrity": "sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-equals": "^5.0.1",
+        "prop-types": "^15.8.1",
+        "react-transition-group": "^4.4.5"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/recharts": {
+      "version": "2.15.4",
+      "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.15.4.tgz",
+      "integrity": "sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.0.0",
+        "eventemitter3": "^4.0.1",
+        "lodash": "^4.17.21",
+        "react-is": "^18.3.1",
+        "react-smooth": "^4.0.4",
+        "recharts-scale": "^0.4.4",
+        "tiny-invariant": "^1.3.1",
+        "victory-vendor": "^36.6.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/recharts-scale": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/recharts-scale/-/recharts-scale-0.4.5.tgz",
+      "integrity": "sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==",
+      "license": "MIT",
+      "dependencies": {
+        "decimal.js-light": "^2.4.1"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwind-merge": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.1.tgz",
+      "integrity": "sha512-Oo6tHdpZsGpkKG88HJ8RR1rg/RdnEkQEfMoEk2x1XRI3F1AxeU+ijRXpiVUF4UbLfcxxRGw6TbUINKYdWVsQTQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+      "license": "MIT"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/victory-vendor": {
+      "version": "36.9.2",
+      "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
+      "integrity": "sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==",
+      "license": "MIT AND ISC",
+      "dependencies": {
+        "@types/d3-array": "^3.0.3",
+        "@types/d3-ease": "^3.0.0",
+        "@types/d3-interpolate": "^3.0.1",
+        "@types/d3-scale": "^4.0.2",
+        "@types/d3-shape": "^3.1.0",
+        "@types/d3-time": "^3.0.0",
+        "@types/d3-timer": "^3.0.0",
+        "d3-array": "^3.1.6",
+        "d3-ease": "^3.0.1",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "d3-shape": "^3.1.0",
+        "d3-time": "^3.0.0",
+        "d3-timer": "^3.0.1"
+      }
+    }
+  }
+}

src/app/(dashboard)/agent/page.tsx

@@ -1,63 +1,140 @@
 'use client'
 import { cn, fmtNum } from '@/lib/utils'
 import { stats, agentMsgs } from '@/lib/mock-data'
-import { Brain, Zap, Shield, Eye, Play, Pause, Bot, ArrowRight, Cpu, RefreshCw, Target, Activity, AlertTriangle } from 'lucide-react'
-import { useState, useEffect } from 'react'
+import { Brain, Zap, Shield, Eye, Play, Pause, Bot, ArrowRight, Cpu, RefreshCw, Target, Activity, AlertTriangle, Scan } from 'lucide-react'
+import { useState, useEffect, useCallback } from 'react'
+
+type FeedMsg = { text: string; time: string; real?: boolean }
+
+type ScanDetection = {
+  wallet: string; risk: string; score: number; eventType: string;
+  eventSent: boolean; eventId?: string; error?: string
+}
+
+type ScanResult = {
+  detections: ScanDetection[]; count: number; configured: boolean; timestamp: string
+}
+
+const RISK_ICON: Record<string, string> = {
+  critical: '🚨', high: '⚠️', medium: '📊',
+}
 
 export default function AgentPage() {
   const [on, setOn] = useState(true)
-  const [tab, setTab] = useState<'feed'|'config'>('feed')
-  const [feed, setFeed] = useState<{text:string;time:string}[]>([])
+  const [tab, setTab] = useState<'feed' | 'config'>('feed')
+  const [feed, setFeed] = useState<FeedMsg[]>([])
+  const [scanning, setScanning] = useState(false)
+  const [configured, setConfigured] = useState<boolean | null>(null)
 
   useEffect(() => {
-    const init = agentMsgs.slice(0,8).map((t,i) => ({text:t, time: new Date(Date.now()-i*120000).toLocaleTimeString('en-US',{hour12:false})}))
+    fetch('/api/agent/scan').then(r => r.json()).then(d => setConfigured(d.configured)).catch(() => setConfigured(false))
+  }, [])
+
+  useEffect(() => {
+    const init = agentMsgs.slice(0, 8).map((t, i) => ({ text: t, time: new Date(Date.now() - i * 120000).toLocaleTimeString('en-US', { hour12: false }) }))
     setFeed(init)
     if (!on) return
     let c = 8
     const iv = setInterval(() => {
       const t = agentMsgs[c++ % agentMsgs.length]
-      setFeed(p => [{text:t, time: new Date().toLocaleTimeString('en-US',{hour12:false})}, ...p].slice(0,30))
+      setFeed(p => [{ text: t, time: new Date().toLocaleTimeString('en-US', { hour12: false }) }, ...p].slice(0, 50))
     }, 3000)
     return () => clearInterval(iv)
   }, [on])
 
+  const triggerScan = useCallback(async () => {
+    setScanning(true)
+    const now = () => new Date().toLocaleTimeString('en-US', { hour12: false })
+    try {
+      setFeed(p => [{ text: '🔍 Triggering real wallet scan via Torque API...', time: now(), real: true }, ...p].slice(0, 50))
+      const res = await fetch('/api/agent/scan', { method: 'POST' })
+      const data: ScanResult = await res.json()
+
+      const msgs: FeedMsg[] = []
+
+      if (!data.configured) {
+        msgs.push({ text: '⚠️ TORQUE_API_KEY not set — add it to .env to fire live events', time: now(), real: true })
+        msgs.push({ text: `📋 Scan ran locally: ${data.count} at-risk wallets scored (no events sent)`, time: now(), real: true })
+      } else {
+        msgs.push({ text: `✅ Scan complete — ${data.count} at-risk wallets detected`, time: now(), real: true })
+      }
+
+      for (const d of data.detections.slice(0, 6)) {
+        const icon = RISK_ICON[d.risk] || '📊'
+        if (d.eventSent) {
+          msgs.push({ text: `${icon} ${d.risk.toUpperCase()}: ${d.wallet.slice(0, 8)}... → ${d.eventType} sent [${d.eventId}]`, time: now(), real: true })
+        } else if (data.configured) {
+          msgs.push({ text: `❌ ${d.risk.toUpperCase()}: ${d.wallet.slice(0, 8)}... → ${d.error}`, time: now(), real: true })
+        } else {
+          msgs.push({ text: `${icon} ${d.risk.toUpperCase()}: ${d.wallet.slice(0, 8)}... score=${d.score} → ${d.eventType}`, time: now(), real: true })
+        }
+      }
+
+      setFeed(p => [...msgs.reverse(), ...p].slice(0, 50))
+      setConfigured(data.configured)
+    } catch (e) {
+      setFeed(p => [{ text: '❌ Scan failed: ' + String(e), time: now(), real: true }, ...p].slice(0, 50))
+    } finally {
+      setScanning(false)
+    }
+  }, [])
+
   return (
     <div className="p-6 space-y-6">
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-4">
-          <div className={cn('w-12 h-12 rounded-xl flex items-center justify-center', on?'bg-trading-up/10 animate-pulse-glow':'bg-surface-elevated')}><Brain className={cn('w-6 h-6', on?'text-trading-up':'text-muted')}/></div>
+          <div className={cn('w-12 h-12 rounded-xl flex items-center justify-center', on ? 'bg-trading-up/10 animate-pulse-glow' : 'bg-surface-elevated')}><Brain className={cn('w-6 h-6', on ? 'text-trading-up' : 'text-muted')} /></div>
           <div><h1 className="text-display-sm text-[#eaecef]">AI Agent</h1><p className="text-body-md text-muted mt-0.5">Autonomous churn detection & retention engine</p></div>
         </div>
         <div className="flex items-center gap-3">
-          <div className={cn('px-4 py-2 rounded-lg border', on?'bg-trading-up/10 border-trading-up/30 text-trading-up':'bg-surface-card border-hairline-dark text-muted')}>
-            <div className="flex items-center gap-2"><div className={cn('w-2.5 h-2.5 rounded-full', on?'bg-trading-up animate-pulse':'bg-muted')}/><span className="text-button font-semibold">{on?'RUNNING':'PAUSED'}</span></div>
+          {configured !== null && (
+            <div className={cn('px-3 py-1.5 rounded-lg border text-caption font-semibold', configured ? 'bg-trading-up/10 border-trading-up/30 text-trading-up' : 'bg-trading-down/10 border-trading-down/30 text-trading-down')}>
+              {configured ? '⚡ Torque Connected' : '⚠️ API Key Missing'}
+            </div>
+          )}
+          <button
+            onClick={triggerScan}
+            disabled={scanning}
+            className="flex items-center gap-2 px-4 py-2.5 rounded-md text-button font-semibold bg-brand-yellow/10 text-brand-yellow border border-brand-yellow/30 hover:bg-brand-yellow/20 transition disabled:opacity-50"
+          >
+            <Scan className={cn('w-4 h-4', scanning && 'animate-spin')} />
+            {scanning ? 'Scanning...' : 'Scan Now'}
+          </button>
+          <div className={cn('px-4 py-2 rounded-lg border', on ? 'bg-trading-up/10 border-trading-up/30 text-trading-up' : 'bg-surface-card border-hairline-dark text-muted')}>
+            <div className="flex items-center gap-2"><div className={cn('w-2.5 h-2.5 rounded-full', on ? 'bg-trading-up animate-pulse' : 'bg-muted')} /><span className="text-button font-semibold">{on ? 'RUNNING' : 'PAUSED'}</span></div>
           </div>
-          <button onClick={() => setOn(!on)} className={cn('flex items-center gap-2 px-5 py-2.5 rounded-md text-button font-semibold transition', on?'bg-trading-down/10 text-trading-down border border-trading-down/30 hover:bg-trading-down/20':'bg-brand-yellow text-ink hover:bg-brand-yellow-active')}>
-            {on?<Pause className="w-4 h-4"/>:<Play className="w-4 h-4"/>}{on?'Pause Agent':'Start Agent'}
+          <button onClick={() => setOn(!on)} className={cn('flex items-center gap-2 px-5 py-2.5 rounded-md text-button font-semibold transition', on ? 'bg-trading-down/10 text-trading-down border border-trading-down/30 hover:bg-trading-down/20' : 'bg-brand-yellow text-ink hover:bg-brand-yellow-active')}>
+            {on ? <Pause className="w-4 h-4" /> : <Play className="w-4 h-4" />}{on ? 'Pause' : 'Start'}
           </button>
         </div>
       </div>
 
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        {[{i:Activity,l:'Actions Today',v:fmtNum(stats.agentActionsToday),c:'text-brand-yellow'},{i:Eye,l:'Wallets Scanned',v:fmtNum(stats.activeWallets),c:'text-info'},{i:Shield,l:'Wallets Saved',v:fmtNum(stats.walletsSaved),c:'text-trading-up'},{i:Target,l:'Churn Prevented',v:fmtNum(stats.walletsAtRisk),c:'text-brand-yellow'}].map(s=>{const I=s.i;return(
-          <div key={s.l} className="rounded-xl bg-surface-card border border-hairline-dark p-4"><div className="flex items-center gap-2 mb-2"><I className={cn('w-4 h-4',s.c)}/><span className="text-caption text-muted">{s.l}</span></div><p className={cn('font-mono text-title-lg tabular-nums',s.c==='text-info'?'text-[#eaecef]':s.c)}>{s.v}</p></div>
+        {[{ i: Activity, l: 'Actions Today', v: fmtNum(stats.agentActionsToday), c: 'text-brand-yellow' }, { i: Eye, l: 'Wallets Scanned', v: fmtNum(stats.activeWallets), c: 'text-info' }, { i: Shield, l: 'Wallets Saved', v: fmtNum(stats.walletsSaved), c: 'text-trading-up' }, { i: Target, l: 'Churn Prevented', v: fmtNum(stats.walletsAtRisk), c: 'text-brand-yellow' }].map(s => { const I = s.i; return (
+          <div key={s.l} className="rounded-xl bg-surface-card border border-hairline-dark p-4"><div className="flex items-center gap-2 mb-2"><I className={cn('w-4 h-4', s.c)} /><span className="text-caption text-muted">{s.l}</span></div><p className={cn('font-mono text-title-lg tabular-nums', s.c === 'text-info' ? 'text-[#eaecef]' : s.c)}>{s.v}</p></div>
         )})}
       </div>
 
       <div className="flex items-center gap-1 p-1 rounded-lg bg-surface-card border border-hairline-dark w-fit">
-        {(['feed','config'] as const).map(t => <button key={t} onClick={()=>setTab(t)} className={cn('px-5 py-2 rounded-md text-button transition capitalize', tab===t?'bg-brand-yellow text-ink font-semibold':'text-muted hover:text-[#eaecef]')}>{t==='feed'?'Live Feed':'Configuration'}</button>)}
+        {(['feed', 'config'] as const).map(t => <button key={t} onClick={() => setTab(t)} className={cn('px-5 py-2 rounded-md text-button transition capitalize', tab === t ? 'bg-brand-yellow text-ink font-semibold' : 'text-muted hover:text-[#eaecef]')}>{t === 'feed' ? 'Live Feed' : 'Configuration'}</button>)}
       </div>
 
       {tab === 'feed' && (
         <div className="rounded-xl bg-surface-card border border-hairline-dark overflow-hidden">
           <div className="p-4 border-b border-hairline-dark flex items-center justify-between">
-            <div className="flex items-center gap-2"><Bot className="w-4 h-4 text-brand-yellow"/><span className="text-title-sm">Real-Time Agent Feed</span>{on && <div className="w-2 h-2 rounded-full bg-trading-up animate-pulse"/>}</div>
-            <span className="text-caption text-muted">{feed.length} messages</span>
+            <div className="flex items-center gap-2"><Bot className="w-4 h-4 text-brand-yellow" /><span className="text-title-sm">Real-Time Agent Feed</span>{on && <div className="w-2 h-2 rounded-full bg-trading-up animate-pulse" />}</div>
+            <div className="flex items-center gap-3">
+              <span className="text-caption text-muted">{feed.length} messages</span>
+              {!configured && configured !== null && (
+                <span className="text-caption text-trading-down">Set TORQUE_API_KEY to fire live events</span>
+              )}
+            </div>
           </div>
-          <div className="max-h-[500px] overflow-y-auto divide-y divide-hairline-dark/50">{feed.map((m,i) => (
-            <div key={`${m.time}-${i}`} className={cn('flex items-start gap-4 px-5 py-3 transition-colors', i===0 && on && 'animate-slide-up bg-brand-yellow/5')}>
+          <div className="max-h-[500px] overflow-y-auto divide-y divide-hairline-dark/50">{feed.map((m, i) => (
+            <div key={`${m.time}-${i}`} className={cn('flex items-start gap-4 px-5 py-3 transition-colors', i === 0 && on && 'animate-slide-up bg-brand-yellow/5', m.real && 'bg-trading-up/5 border-l-2 border-trading-up/40')}>
               <span className="font-mono text-caption text-muted tabular-nums whitespace-nowrap mt-0.5">{m.time}</span>
-              <span className="text-body-sm text-[#eaecef]">{m.text}</span>
+              <span className={cn('text-body-sm', m.real ? 'text-[#eaecef] font-medium' : 'text-[#eaecef]')}>{m.text}</span>
+              {m.real && <span className="ml-auto text-[10px] text-trading-up font-semibold uppercase tracking-wider whitespace-nowrap">LIVE</span>}
             </div>
           ))}</div>
         </div>
@@ -66,19 +143,32 @@ export default function AgentPage() {
       {tab === 'config' && (
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
           <div className="rounded-xl bg-surface-card border border-hairline-dark p-5">
-            <h3 className="text-title-sm mb-4 flex items-center gap-2"><AlertTriangle className="w-4 h-4 text-brand-yellow"/>Detection Thresholds</h3>
-            <div className="space-y-3">{[{l:'critical',d:10,v:90},{l:'high',d:7,v:60},{l:'medium',d:5,v:30}].map(t => (
+            <h3 className="text-title-sm mb-4 flex items-center gap-2"><AlertTriangle className="w-4 h-4 text-brand-yellow" />Detection Thresholds</h3>
+            <div className="space-y-3">{[{ l: 'critical', d: 10, v: 90 }, { l: 'high', d: 7, v: 60 }, { l: 'medium', d: 5, v: 30 }].map(t => (
               <div key={t.l} className="p-3 rounded-lg bg-surface-elevated border border-hairline-dark/50">
-                <span className={cn('text-caption font-semibold uppercase', t.l==='critical'?'text-trading-down':t.l==='high'?'text-[#ff9500]':'text-brand-yellow')}>{t.l}</span>
-                <div className="grid grid-cols-2 gap-3 mt-2"><div><span className="text-caption text-muted">Inactive Days</span><p className="font-mono text-num-md text-[#eaecef]">{'\u2265'} {t.d}</p></div><div><span className="text-caption text-muted">Volume Drop</span><p className="font-mono text-num-md text-[#eaecef]">{'\u2265'} {t.v}%</p></div></div>
+                <span className={cn('text-caption font-semibold uppercase', t.l === 'critical' ? 'text-trading-down' : t.l === 'high' ? 'text-[#ff9500]' : 'text-brand-yellow')}>{t.l}</span>
+                <div className="grid grid-cols-2 gap-3 mt-2"><div><span className="text-caption text-muted">Inactive Days</span><p className="font-mono text-num-md text-[#eaecef]">{'>='} {t.d}</p></div><div><span className="text-caption text-muted">Volume Drop</span><p className="font-mono text-num-md text-[#eaecef]">{'>='} {t.v}%</p></div></div>
               </div>
             ))}</div>
           </div>
           <div className="rounded-xl bg-surface-card border border-hairline-dark p-5">
-            <h3 className="text-title-sm mb-4 flex items-center gap-2"><Cpu className="w-4 h-4 text-brand-yellow"/>Agent Configuration</h3>
-            <div className="space-y-0">{[['Scan Interval','30s'],['Monitored Protocols','6'],['Torque MCP','Connected'],['Helius Webhooks','Active'],['Sybil Filter','Enabled']].map(([k,v]) => (
-              <div key={k} className="flex items-center justify-between py-2 border-b border-hairline-dark/50"><span className="text-body-sm text-muted">{k}</span><span className={cn('font-mono text-num-sm',v==='Connected'||v==='Active'||v==='Enabled'?'text-trading-up font-semibold':'text-[#eaecef]')}>{v}</span></div>
+            <h3 className="text-title-sm mb-4 flex items-center gap-2"><Cpu className="w-4 h-4 text-brand-yellow" />Agent Configuration</h3>
+            <div className="space-y-0">{[
+              ['Scan Interval', '30s'],
+              ['Monitored Protocols', '6'],
+              ['Torque API', configured === null ? 'Checking...' : configured ? 'Connected' : 'Not Configured'],
+              ['Sybil Filter', 'Enabled'],
+            ].map(([k, v]) => (
+              <div key={k} className="flex items-center justify-between py-2 border-b border-hairline-dark/50">
+                <span className="text-body-sm text-muted">{k}</span>
+                <span className={cn('font-mono text-num-sm', v === 'Connected' || v === 'Enabled' ? 'text-trading-up font-semibold' : v === 'Not Configured' ? 'text-trading-down font-semibold' : 'text-[#eaecef]')}>{v}</span>
+              </div>
             ))}</div>
+            <div className="mt-4 p-3 rounded-lg bg-surface-elevated border border-brand-yellow/20">
+              <p className="text-caption text-muted mb-1">To enable live events:</p>
+              <p className="text-caption text-muted mb-0.5">Get token: platform.torque.so/connect-mcp</p>
+              <code className="text-caption text-brand-yellow font-mono">TORQUE_API_TOKEN=your-token</code>
+            </div>
           </div>
         </div>
       )}
@@ -86,12 +176,12 @@ export default function AgentPage() {
       <div className="rounded-xl bg-brand-yellow/5 border border-brand-yellow/20 p-6">
         <h3 className="text-title-sm text-brand-yellow mb-3">How FlowState AI Agent Works</h3>
         <div className="grid grid-cols-5 gap-3 items-center">
-          {[{i:Eye,l:'Monitor',d:'Helius webhooks scan Solana txns'},{i:Brain,l:'Detect',d:'AI scores churn risk per wallet'},{i:Zap,l:'Decide',d:'Select optimal incentive type'},{i:Bot,l:'Execute',d:'Fire events via Torque MCP'},{i:RefreshCw,l:'Learn',d:'Track outcomes, improve model'}].map((s,i) => (
+          {[{ i: Eye, l: 'Monitor', d: 'Helius webhooks scan Solana txns' }, { i: Brain, l: 'Detect', d: 'AI scores churn risk per wallet' }, { i: Zap, l: 'Decide', d: 'Select optimal incentive type' }, { i: Bot, l: 'Execute', d: 'Fire events via Torque API' }, { i: RefreshCw, l: 'Learn', d: 'Track outcomes, improve model' }].map((s, i) => (
             <div key={s.l} className="text-center">
-              <div className="w-10 h-10 rounded-lg bg-surface-card border border-brand-yellow/30 flex items-center justify-center mx-auto mb-2"><s.i className="w-5 h-5 text-brand-yellow"/></div>
+              <div className="w-10 h-10 rounded-lg bg-surface-card border border-brand-yellow/30 flex items-center justify-center mx-auto mb-2"><s.i className="w-5 h-5 text-brand-yellow" /></div>
               <p className="text-caption text-brand-yellow font-semibold">{s.l}</p>
               <p className="text-[10px] text-muted mt-0.5">{s.d}</p>
-              {i < 4 && <ArrowRight className="w-4 h-4 text-brand-yellow/30 mx-auto mt-2 hidden lg:block"/>}
+              {i < 4 && <ArrowRight className="w-4 h-4 text-brand-yellow/30 mx-auto mt-2 hidden lg:block" />}
             </div>
           ))}
         </div>

src/app/(dashboard)/campaigns/page.tsx

@@ -1,9 +1,10 @@
 'use client'
-import { Plus, Bot, Users, Activity, DollarSign, Trophy, Gift, Ticket, Percent } from 'lucide-react'
+import { Plus, Bot, Users, Activity, DollarSign, X, Loader2, CheckCircle2, AlertCircle } from 'lucide-react'
 import { cn, fmtNum, fmtUsd } from '@/lib/utils'
 import { campaigns } from '@/lib/mock-data'
 import { CampaignBadge } from '@/components/ui/CampaignBadge'
 import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts'
+import { useState, useCallback } from 'react'
 import type { CampaignType } from '@/lib/types'
 
 const perfData = [
@@ -19,29 +20,75 @@ const Tip = ({ active, payload, label }: any) => {
 }
 const sc: Record<string, string> = { active:'bg-trading-up/10 text-trading-up', ended:'bg-brand-yellow/10 text-brand-yellow', draft:'bg-muted/10 text-muted', distributed:'bg-brand-turquoise/10 text-brand-turquoise' }
 
+const CAMPAIGN_TYPES = [
+  { value: 'LEADERBOARD', label: 'Leaderboard', desc: 'Rank users by onchain activity' },
+  { value: 'RAFFLE', label: 'Raffle', desc: 'Random reward from eligible pool' },
+  { value: 'BOUNTY', label: 'Gift / Bounty', desc: 'Guaranteed reward for action' },
+  { value: 'TRIAL', label: 'Rebate / Trial', desc: 'Cashback for qualifying activity' },
+]
+
+const EVENT_OPTIONS = [
+  'churn_risk_high', 'churn_risk_medium', 'comeback_detected',
+  'streak_maintained', 'volume_milestone', 'inactivity_detected', 'referral_from_saved',
+]
+
+interface CreateResult { success: boolean; campaignId?: string; error?: string }
+
 export default function CampaignsPage() {
   const total = campaigns.reduce((s,c) => s+c.budget, 0)
   const dist = campaigns.reduce((s,c) => s+c.rewardsDistributed, 0)
   const parts = campaigns.reduce((s,c) => s+c.participantCount, 0)
   const ai = campaigns.filter(c => c.createdBy === 'ai-agent').length
+
+  const [open, setOpen] = useState(false)
+  const [creating, setCreating] = useState(false)
+  const [result, setResult] = useState<CreateResult | null>(null)
+  const [form, setForm] = useState({ type: 'LEADERBOARD', name: '', description: '', budget: '', eventName: 'churn_risk_high' })
+
+  const handleCreate = useCallback(async () => {
+    if (!form.name.trim() || !form.budget) return
+    setCreating(true)
+    setResult(null)
+    try {
+      const res = await fetch('/api/torque/campaigns', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ ...form, budget: parseFloat(form.budget) }),
+      })
+      const data = await res.json()
+      if (data.success) {
+        setResult({ success: true, campaignId: data.campaignId })
+      } else {
+        setResult({ success: false, error: data.error || 'Campaign creation failed' })
+      }
+    } catch (e: any) {
+      setResult({ success: false, error: e.message })
+    } finally {
+      setCreating(false)
+    }
+  }, [form])
+
   return (
     <div className="p-6 space-y-6">
       <div className="flex items-center justify-between">
         <div><h1 className="text-display-sm text-[#eaecef]">Campaigns</h1><p className="text-body-md text-muted mt-1">Manage Torque campaigns — leaderboards, rebates, raffles & gifts</p></div>
-        <button className="flex items-center gap-2 px-5 py-2.5 rounded-md bg-brand-yellow text-ink text-button font-semibold hover:bg-brand-yellow-active transition"><Plus className="w-4 h-4"/>Create Campaign</button>
+        <button onClick={() => { setOpen(true); setResult(null) }} className="flex items-center gap-2 px-5 py-2.5 rounded-md bg-brand-yellow text-ink text-button font-semibold hover:bg-brand-yellow-active transition"><Plus className="w-4 h-4"/>Create Campaign</button>
       </div>
+
       <div className="grid grid-cols-4 gap-4">
         <div className="rounded-xl bg-surface-card border border-hairline-dark p-4"><span className="text-caption text-muted">Total Budget</span><p className="font-mono text-title-lg text-[#eaecef] mt-1 tabular-nums">{fmtUsd(total)}</p></div>
         <div className="rounded-xl bg-surface-card border border-hairline-dark p-4"><span className="text-caption text-muted">Distributed</span><p className="font-mono text-title-lg text-trading-up mt-1 tabular-nums">{fmtUsd(dist)}</p></div>
         <div className="rounded-xl bg-surface-card border border-hairline-dark p-4"><span className="text-caption text-muted">Participants</span><p className="font-mono text-title-lg text-[#eaecef] mt-1 tabular-nums">{fmtNum(parts)}</p></div>
         <div className="rounded-xl bg-surface-card border border-hairline-dark p-4"><div className="flex items-center gap-1.5"><Bot className="w-3.5 h-3.5 text-brand-yellow"/><span className="text-caption text-muted">AI Created</span></div><p className="font-mono text-title-lg text-brand-yellow mt-1 tabular-nums">{ai}/{campaigns.length}</p></div>
       </div>
+
       <div className="rounded-xl bg-surface-card border border-hairline-dark p-5">
         <h3 className="text-title-sm mb-4">Campaign Performance</h3>
         <ResponsiveContainer width="100%" height={250}>
           <BarChart data={perfData}><CartesianGrid strokeDasharray="3 3" stroke="#2b3139"/><XAxis dataKey="name" tick={{fill:'#707a8a',fontSize:11}} axisLine={{stroke:'#2b3139'}}/><YAxis tick={{fill:'#707a8a',fontSize:11}} axisLine={{stroke:'#2b3139'}}/><Tooltip content={<Tip/>}/><Bar dataKey="p" fill="#FCD535" radius={[4,4,0,0]} name="Participants"/><Bar dataKey="e" fill="#0ecb81" radius={[4,4,0,0]} name="Events"/></BarChart>
         </ResponsiveContainer>
       </div>
+
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
         {campaigns.map(c => (
           <div key={c.id} className="rounded-xl bg-surface-card border border-hairline-dark p-5 hover:border-brand-yellow/30 transition-all group cursor-pointer">
@@ -60,6 +107,73 @@ export default function CampaignsPage() {
           </div>
         ))}
       </div>
+
+      {/* Create Campaign Modal */}
+      {open && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm">
+          <div className="w-full max-w-lg bg-surface-card border border-hairline-dark rounded-2xl shadow-2xl p-6">
+            <div className="flex items-center justify-between mb-5">
+              <h2 className="text-title-md text-[#eaecef]">New Torque Campaign</h2>
+              <button onClick={() => setOpen(false)} className="p-1.5 rounded-lg hover:bg-surface-elevated text-muted hover:text-[#eaecef] transition"><X className="w-4 h-4"/></button>
+            </div>
+
+            {result ? (
+              <div className={cn('rounded-xl p-5 flex flex-col items-center gap-3 text-center', result.success ? 'bg-trading-up/10 border border-trading-up/30' : 'bg-trading-down/10 border border-trading-down/30')}>
+                {result.success ? <CheckCircle2 className="w-8 h-8 text-trading-up" /> : <AlertCircle className="w-8 h-8 text-trading-down" />}
+                <p className="text-title-sm text-[#eaecef]">{result.success ? 'Campaign Created!' : 'Creation Failed'}</p>
+                {result.campaignId && <p className="font-mono text-caption text-muted">ID: {result.campaignId}</p>}
+                {result.error && <p className="text-body-sm text-trading-down">{result.error}</p>}
+                <button onClick={() => { setResult(null); if (result.success) setOpen(false) }} className="mt-2 px-4 py-2 rounded-md bg-brand-yellow text-ink text-button font-semibold hover:bg-brand-yellow-active transition">
+                  {result.success ? 'Done' : 'Try Again'}
+                </button>
+              </div>
+            ) : (
+              <div className="space-y-4">
+                <div>
+                  <label className="text-caption text-muted mb-1.5 block">Campaign Type</label>
+                  <div className="grid grid-cols-2 gap-2">
+                    {CAMPAIGN_TYPES.map(t => (
+                      <button key={t.value} onClick={() => setForm(f => ({...f, type: t.value}))}
+                        className={cn('p-3 rounded-xl border text-left transition-all', form.type === t.value ? 'border-brand-yellow/50 bg-brand-yellow/5' : 'border-hairline-dark hover:border-brand-yellow/20')}>
+                        <p className="text-body-sm font-semibold text-[#eaecef]">{t.label}</p>
+                        <p className="text-caption text-muted mt-0.5">{t.desc}</p>
+                      </button>
+                    ))}
+                  </div>
+                </div>
+                <div>
+                  <label className="text-caption text-muted mb-1.5 block">Campaign Name</label>
+                  <input value={form.name} onChange={e => setForm(f => ({...f, name: e.target.value}))} placeholder="Anti-Churn Gift Drop Q2" className="w-full h-9 px-3 rounded-lg bg-surface-elevated border border-hairline-dark text-body-sm text-[#eaecef] placeholder:text-muted focus:outline-none focus:ring-1 focus:ring-brand-yellow/50"/>
+                </div>
+                <div>
+                  <label className="text-caption text-muted mb-1.5 block">Description (optional)</label>
+                  <input value={form.description} onChange={e => setForm(f => ({...f, description: e.target.value}))} placeholder="Targets wallets with churn_risk_high event" className="w-full h-9 px-3 rounded-lg bg-surface-elevated border border-hairline-dark text-body-sm text-[#eaecef] placeholder:text-muted focus:outline-none focus:ring-1 focus:ring-brand-yellow/50"/>
+                </div>
+                <div className="grid grid-cols-2 gap-3">
+                  <div>
+                    <label className="text-caption text-muted mb-1.5 block">Budget (USDC)</label>
+                    <input type="number" value={form.budget} onChange={e => setForm(f => ({...f, budget: e.target.value}))} placeholder="1000" className="w-full h-9 px-3 rounded-lg bg-surface-elevated border border-hairline-dark text-body-sm text-[#eaecef] placeholder:text-muted focus:outline-none focus:ring-1 focus:ring-brand-yellow/50"/>
+                  </div>
+                  <div>
+                    <label className="text-caption text-muted mb-1.5 block">Trigger Event</label>
+                    <select value={form.eventName} onChange={e => setForm(f => ({...f, eventName: e.target.value}))} className="w-full h-9 px-3 rounded-lg bg-surface-elevated border border-hairline-dark text-body-sm text-[#eaecef] focus:outline-none focus:ring-1 focus:ring-brand-yellow/50">
+                      {EVENT_OPTIONS.map(e => <option key={e} value={e}>{e}</option>)}
+                    </select>
+                  </div>
+                </div>
+                <div className="flex gap-3 pt-1">
+                  <button onClick={() => setOpen(false)} className="flex-1 py-2.5 rounded-md border border-hairline-dark text-body-sm text-muted hover:text-[#eaecef] hover:border-brand-yellow/20 transition">Cancel</button>
+                  <button onClick={handleCreate} disabled={creating || !form.name.trim() || !form.budget}
+                    className="flex-1 py-2.5 rounded-md bg-brand-yellow text-ink text-button font-semibold hover:bg-brand-yellow-active transition disabled:opacity-50 flex items-center justify-center gap-2">
+                    {creating && <Loader2 className="w-4 h-4 animate-spin"/>}
+                    {creating ? 'Creating...' : 'Create on Torque'}
+                  </button>
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
     </div>
   )
 }

src/app/(dashboard)/layout.tsx

@@ -1,14 +1,17 @@
 import { Sidebar } from '@/components/layout/Sidebar'
 import { Topbar } from '@/components/layout/Topbar'
+import { ToastProvider } from '@/components/ui/Toast'
 
 export default function DashboardLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="flex h-screen overflow-hidden bg-canvas-dark">
-      <Sidebar />
-      <div className="flex flex-col flex-1 min-w-0">
-        <Topbar />
-        <main className="flex-1 overflow-y-auto">{children}</main>
+    <ToastProvider>
+      <div className="flex h-screen overflow-hidden bg-canvas-dark">
+        <Sidebar />
+        <div className="flex flex-col flex-1 min-w-0">
+          <Topbar />
+          <main className="flex-1 overflow-y-auto">{children}</main>
+        </div>
       </div>
-    </div>
+    </ToastProvider>
   )
 }

src/app/(dashboard)/page.tsx

@@ -1,13 +1,15 @@
 'use client'
 
 import { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, PieChart, Pie, Cell } from 'recharts'
-import { Users, ShieldAlert, HeartPulse, TrendingUp, Bot, Flame, ArrowUpRight, ArrowDownRight } from 'lucide-react'
+import { Users, ShieldAlert, HeartPulse, TrendingUp, Bot, Flame, ArrowUpRight, ArrowDownRight, Scan, Zap, ExternalLink, Timer, ToggleLeft, ToggleRight } from 'lucide-react'
 import { StatCard } from '@/components/ui/StatCard'
 import { CampaignBadge } from '@/components/ui/CampaignBadge'
 import { AgentFeed } from '@/components/ui/AgentFeed'
+import { useToast } from '@/components/ui/Toast'
 import { cn, fmtNum, fmtUsd } from '@/lib/utils'
 import { stats, events, campaigns, retentionData, churnData, protocols } from '@/lib/mock-data'
 import type { CampaignType } from '@/lib/types'
+import { useState, useEffect, useCallback, useRef } from 'react'
 
 const Tip = ({ active, payload, label }: any) => {
   if (!active || !payload?.length) return null
@@ -23,13 +25,151 @@ const riskDist = [
   { name: 'Critical', value: 5, color: '#f6465d' },
 ]
 
+interface LiveEvent {
+  ingestionId: string; wallet: string; eventName: string
+  risk?: string; score?: number; firedAt: string; source: string
+}
+
+const RISK_COLOR: Record<string, string> = {
+  critical: '#f6465d', high: '#ff9500', medium: '#FCD535', low: '#0ecb81', safe: '#2dbdb6'
+}
+
+const AUTO_SCAN_INTERVAL = 30
+
 export default function DashboardPage() {
   const active = campaigns.filter(c => c.status === 'active')
+  const { fire: toast } = useToast()
+  const [scanning, setScanning] = useState(false)
+  const [autoScan, setAutoScan] = useState(false)
+  const [countdown, setCountdown] = useState(AUTO_SCAN_INTERVAL)
+  const [liveEvents, setLiveEvents] = useState<LiveEvent[]>([])
+  const [sessionCount, setSessionCount] = useState(0)
+  const [torqueStatus, setTorqueStatus] = useState<'connected' | 'unconfigured' | null>(null)
+  const prevCountRef = useRef(0)
+
+  useEffect(() => {
+    fetch('/api/torque/status').then(r => r.json()).then(d => {
+      setTorqueStatus(d.configured ? 'connected' : 'unconfigured')
+      setSessionCount(d.sessionEvents || 0)
+    }).catch(() => setTorqueStatus('unconfigured'))
+  }, [])
+
+  useEffect(() => {
+    const poll = () => {
+      fetch('/api/torque/events/recent?limit=8').then(r => r.json()).then(d => {
+        const newEvents: LiveEvent[] = d.events || []
+        const newCount: number = d.total || 0
+        if (newCount > prevCountRef.current && prevCountRef.current > 0) {
+          const latest = newEvents[0]
+          if (latest) {
+            toast({
+              type: 'event',
+              title: latest.eventName.replace(/_/g, ' ').toUpperCase(),
+              body: `${latest.wallet.slice(0, 8)}...${latest.wallet.slice(-4)} · ${latest.ingestionId.slice(0, 8)}`,
+            })
+          }
+        }
+        prevCountRef.current = newCount
+        setLiveEvents(newEvents)
+        setSessionCount(newCount)
+      }).catch(() => {})
+    }
+    poll()
+    const iv = setInterval(poll, 5000)
+    return () => clearInterval(iv)
+  }, [toast])
+
+  const triggerScan = useCallback(async () => {
+    if (scanning) return
+    setScanning(true)
+    try {
+      const res = await fetch('/api/agent/scan', { method: 'POST' })
+      const data = await res.json()
+      if (data.configured) {
+        toast({ type: 'success', title: `Scan complete — ${data.count} at-risk wallets`, body: `${data.detections?.filter((d: any) => d.eventSent).length || 0} events fired to Torque` })
+      } else {
+        toast({ type: 'error', title: 'Torque not configured', body: 'Set TORQUE_INGEST_KEY in .env.local' })
+      }
+      const d = await fetch('/api/torque/events/recent?limit=8').then(r => r.json())
+      setLiveEvents(d.events || [])
+      setSessionCount(d.total || 0)
+    } catch {
+      toast({ type: 'error', title: 'Scan failed', body: 'Check server logs' })
+    } finally {
+      setScanning(false)
+      setCountdown(AUTO_SCAN_INTERVAL)
+    }
+  }, [scanning, toast])
+
+  // Auto-scan countdown + trigger
+  useEffect(() => {
+    if (!autoScan) { setCountdown(AUTO_SCAN_INTERVAL); return }
+    const tick = setInterval(() => {
+      setCountdown(c => {
+        if (c <= 1) { triggerScan(); return AUTO_SCAN_INTERVAL }
+        return c - 1
+      })
+    }, 1000)
+    return () => clearInterval(tick)
+  }, [autoScan, triggerScan])
+
+  // Keyboard shortcut: S = scan
+  useEffect(() => {
+    const handler = (e: KeyboardEvent) => {
+      if (e.key === 's' && !e.metaKey && !e.ctrlKey && e.target === document.body) triggerScan()
+    }
+    document.addEventListener('keydown', handler)
+    return () => document.removeEventListener('keydown', handler)
+  }, [triggerScan])
+
   return (
     <div className="p-6 space-y-6">
       <div className="flex items-center justify-between">
-        <div><h1 className="text-display-sm text-[#eaecef]">Dashboard</h1><p className="text-body-md text-muted mt-1">Real-time churn detection and autonomous retention</p></div>
-        <div className="px-4 py-2 rounded-lg bg-surface-elevated border border-hairline-dark"><span className="text-caption text-muted">Torque MCP</span><span className="ml-2 text-caption text-trading-up font-semibold">Connected</span></div>
+        <div>
+          <h1 className="text-display-sm text-[#eaecef]">Dashboard</h1>
+          <p className="text-body-md text-muted mt-1">Real-time churn detection and autonomous retention</p>
+        </div>
+        <div className="flex items-center gap-3">
+          {torqueStatus !== null && (
+            <div className={cn('flex items-center gap-2 px-3 py-1.5 rounded-lg border text-caption font-semibold',
+              torqueStatus === 'connected'
+                ? 'bg-trading-up/10 border-trading-up/30 text-trading-up'
+                : 'bg-trading-down/10 border-trading-down/30 text-trading-down')}>
+              <div className={cn('w-2 h-2 rounded-full', torqueStatus === 'connected' ? 'bg-trading-up animate-pulse' : 'bg-trading-down')} />
+              {torqueStatus === 'connected' ? 'Torque Connected' : 'Torque Unconfigured'}
+            </div>
+          )}
+          {sessionCount > 0 && (
+            <div className="flex items-center gap-2 px-3 py-1.5 rounded-lg border border-brand-yellow/30 bg-brand-yellow/5">
+              <Zap className="w-3.5 h-3.5 text-brand-yellow" />
+              <span className="text-caption text-brand-yellow font-semibold tabular-nums">{sessionCount} live events</span>
+            </div>
+          )}
+          {/* Auto-scan toggle */}
+          <button
+            onClick={() => setAutoScan(v => !v)}
+            className={cn('flex items-center gap-2 px-3 py-1.5 rounded-lg border text-caption font-semibold transition-all',
+              autoScan ? 'bg-brand-turquoise/10 border-brand-turquoise/30 text-brand-turquoise' : 'bg-surface-card border-hairline-dark text-muted hover:text-[#eaecef]')}
+          >
+            {autoScan ? <ToggleRight className="w-4 h-4" /> : <ToggleLeft className="w-4 h-4" />}
+            Auto
+            {autoScan && (
+              <span className="flex items-center gap-1">
+                <Timer className="w-3 h-3" />
+                <span className="font-mono tabular-nums">{countdown}s</span>
+              </span>
+            )}
+          </button>
+          <button
+            onClick={triggerScan}
+            disabled={scanning}
+            className="flex items-center gap-2 px-4 py-2 rounded-md bg-brand-yellow text-ink text-button font-semibold hover:bg-brand-yellow-active transition disabled:opacity-60"
+            title="Press S to scan"
+          >
+            <Scan className={cn('w-4 h-4', scanning && 'animate-spin')} />
+            {scanning ? 'Scanning...' : 'Scan Now'}
+          </button>
+        </div>
       </div>
 
       <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
@@ -39,6 +179,42 @@ export default function DashboardPage() {
         <StatCard title="ROI" value={stats.roi + '%'} change={15.2} changeLabel="vs last week" icon={TrendingUp} variant="yellow" />
       </div>
 
+      {/* Live Torque Events Strip */}
+      {liveEvents.length > 0 && (
+        <div className="rounded-xl bg-surface-card border border-trading-up/20 overflow-hidden">
+          <div className="flex items-center gap-3 px-5 py-3 border-b border-trading-up/10 bg-trading-up/5">
+            <div className="w-2 h-2 rounded-full bg-trading-up animate-pulse" />
+            <span className="text-caption text-trading-up font-semibold uppercase tracking-wider">Live Torque Events</span>
+            <span className="text-caption text-muted">{sessionCount} fired this session</span>
+            <a href="https://platform.torque.so" target="_blank" rel="noreferrer" className="ml-auto flex items-center gap-1 text-caption text-trading-up/70 hover:text-trading-up transition">
+              <ExternalLink className="w-3 h-3" />View on Torque
+            </a>
+          </div>
+          <div className="divide-y divide-hairline-dark/30">
+            {liveEvents.slice(0, 5).map((e, i) => (
+              <div key={e.ingestionId} className={cn('flex items-center gap-4 px-5 py-2.5 group', i === 0 && 'bg-trading-up/5')}>
+                <div className="w-2 h-2 rounded-full flex-shrink-0" style={{ backgroundColor: RISK_COLOR[e.risk || 'safe'] || '#0ecb81' }} />
+                <code className="font-mono text-caption text-brand-yellow">{e.eventName}</code>
+                <span className="font-mono text-caption text-muted">{e.wallet.slice(0, 8)}...{e.wallet.slice(-4)}</span>
+                {e.score !== undefined && <span className="font-mono text-caption text-muted">score={e.score}</span>}
+                <span className="ml-auto font-mono text-[10px] text-muted/60 group-hover:text-muted transition">{e.ingestionId.slice(0, 12)}...</span>
+                <span className="text-[10px] text-trading-up font-semibold uppercase">LIVE</span>
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+
+      {/* Auto-scan active banner */}
+      {autoScan && (
+        <div className="rounded-xl bg-brand-turquoise/5 border border-brand-turquoise/20 px-5 py-3 flex items-center gap-3">
+          <div className="w-2 h-2 rounded-full bg-brand-turquoise animate-pulse" />
+          <span className="text-caption text-brand-turquoise font-semibold">Auto-scan active</span>
+          <span className="text-caption text-muted">Next scan in <span className="font-mono text-brand-turquoise">{countdown}s</span> — firing real Torque events for at-risk wallets</span>
+          <button onClick={() => setAutoScan(false)} className="ml-auto text-caption text-muted hover:text-trading-down transition">Stop</button>
+        </div>
+      )}
+
       <AgentFeed />
 
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
@@ -48,9 +224,10 @@ export default function DashboardPage() {
             <div className="flex items-center gap-1"><ArrowUpRight className="w-4 h-4 text-trading-up" /><span className="font-mono text-num-sm text-trading-up">+9.6%</span></div>
           </div>
           <ResponsiveContainer width="100%" height={220}>
-            <AreaChart data={retentionData}><defs><linearGradient id="rg" x1="0" y1="0" x2="0" y2="1"><stop offset="5%" stopColor="#0ecb81" stopOpacity={0.3}/><stop offset="95%" stopColor="#0ecb81" stopOpacity={0}/></linearGradient></defs>
-              <CartesianGrid strokeDasharray="3 3" stroke="#2b3139"/><XAxis dataKey="date" tick={{fill:'#707a8a',fontSize:11}} axisLine={{stroke:'#2b3139'}}/><YAxis tick={{fill:'#707a8a',fontSize:11}} axisLine={{stroke:'#2b3139'}} domain={[50,75]}/>
-              <Tooltip content={<Tip/>}/><Area type="monotone" dataKey="value" stroke="#0ecb81" fill="url(#rg)" strokeWidth={2}/>
+            <AreaChart data={retentionData}>
+              <defs><linearGradient id="rg" x1="0" y1="0" x2="0" y2="1"><stop offset="5%" stopColor="#0ecb81" stopOpacity={0.3} /><stop offset="95%" stopColor="#0ecb81" stopOpacity={0} /></linearGradient></defs>
+              <CartesianGrid strokeDasharray="3 3" stroke="#2b3139" /><XAxis dataKey="date" tick={{ fill: '#707a8a', fontSize: 11 }} axisLine={{ stroke: '#2b3139' }} /><YAxis tick={{ fill: '#707a8a', fontSize: 11 }} axisLine={{ stroke: '#2b3139' }} domain={[50, 75]} />
+              <Tooltip content={<Tip />} /><Area type="monotone" dataKey="value" stroke="#0ecb81" fill="url(#rg)" strokeWidth={2} />
             </AreaChart>
           </ResponsiveContainer>
         </div>
@@ -60,9 +237,10 @@ export default function DashboardPage() {
             <div className="flex items-center gap-1"><ArrowDownRight className="w-4 h-4 text-trading-up" /><span className="font-mono text-num-sm text-trading-up">-4.3%</span></div>
           </div>
           <ResponsiveContainer width="100%" height={220}>
-            <AreaChart data={churnData}><defs><linearGradient id="cg" x1="0" y1="0" x2="0" y2="1"><stop offset="5%" stopColor="#f6465d" stopOpacity={0.3}/><stop offset="95%" stopColor="#f6465d" stopOpacity={0}/></linearGradient></defs>
-              <CartesianGrid strokeDasharray="3 3" stroke="#2b3139"/><XAxis dataKey="date" tick={{fill:'#707a8a',fontSize:11}} axisLine={{stroke:'#2b3139'}}/><YAxis tick={{fill:'#707a8a',fontSize:11}} axisLine={{stroke:'#2b3139'}} domain={[0,10]}/>
-              <Tooltip content={<Tip/>}/><Area type="monotone" dataKey="value" stroke="#f6465d" fill="url(#cg)" strokeWidth={2}/>
+            <AreaChart data={churnData}>
+              <defs><linearGradient id="cg" x1="0" y1="0" x2="0" y2="1"><stop offset="5%" stopColor="#f6465d" stopOpacity={0.3} /><stop offset="95%" stopColor="#f6465d" stopOpacity={0} /></linearGradient></defs>
+              <CartesianGrid strokeDasharray="3 3" stroke="#2b3139" /><XAxis dataKey="date" tick={{ fill: '#707a8a', fontSize: 11 }} axisLine={{ stroke: '#2b3139' }} /><YAxis tick={{ fill: '#707a8a', fontSize: 11 }} axisLine={{ stroke: '#2b3139' }} domain={[0, 10]} />
+              <Tooltip content={<Tip />} /><Area type="monotone" dataKey="value" stroke="#f6465d" fill="url(#cg)" strokeWidth={2} />
             </AreaChart>
           </ResponsiveContainer>
         </div>
@@ -72,17 +250,17 @@ export default function DashboardPage() {
         <div className="rounded-xl bg-surface-card border border-hairline-dark p-5">
           <h3 className="text-title-sm mb-4">Risk Distribution</h3>
           <div className="flex items-center gap-6">
-            <ResponsiveContainer width={140} height={140}><PieChart><Pie data={riskDist} innerRadius={40} outerRadius={65} paddingAngle={3} dataKey="value">{riskDist.map((e,i) => <Cell key={i} fill={e.color}/>)}</Pie></PieChart></ResponsiveContainer>
-            <div className="space-y-2">{riskDist.map(r => (<div key={r.name} className="flex items-center gap-2"><div className="w-2.5 h-2.5 rounded-full" style={{backgroundColor:r.color}}/><span className="text-caption text-muted">{r.name}</span><span className="font-mono text-caption text-[#eaecef] ml-auto">{r.value}%</span></div>))}</div>
+            <ResponsiveContainer width={140} height={140}><PieChart><Pie data={riskDist} innerRadius={40} outerRadius={65} paddingAngle={3} dataKey="value">{riskDist.map((e, i) => <Cell key={i} fill={e.color} />)}</Pie></PieChart></ResponsiveContainer>
+            <div className="space-y-2">{riskDist.map(r => (<div key={r.name} className="flex items-center gap-2"><div className="w-2.5 h-2.5 rounded-full" style={{ backgroundColor: r.color }} /><span className="text-caption text-muted">{r.name}</span><span className="font-mono text-caption text-[#eaecef] ml-auto">{r.value}%</span></div>))}</div>
           </div>
         </div>
 
         <div className="rounded-xl bg-surface-card border border-hairline-dark p-5">
           <h3 className="text-title-sm mb-4">Recent Events</h3>
-          <div className="space-y-3">{events.slice(0,5).map(e => (
+          <div className="space-y-3">{events.slice(0, 5).map(e => (
             <div key={e.id} className="flex items-start gap-3 pb-3 border-b border-hairline-dark/50 last:border-0">
               <div className={cn('w-2 h-2 rounded-full mt-1.5 flex-shrink-0', e.resolved ? 'bg-trading-up' : 'bg-trading-down animate-pulse')} />
-              <div className="min-w-0"><p className="text-body-sm text-[#eaecef] truncate">{e.eventType.replace(/_/g,' ').toUpperCase()}</p><p className="text-caption text-muted font-mono">{e.wallet}</p></div>
+              <div className="min-w-0"><p className="text-body-sm text-[#eaecef] truncate">{e.eventType.replace(/_/g, ' ').toUpperCase()}</p><p className="text-caption text-muted font-mono">{e.wallet}</p></div>
               <span className="text-caption text-muted ml-auto whitespace-nowrap">{e.timestamp}</span>
             </div>
           ))}</div>
@@ -90,7 +268,7 @@ export default function DashboardPage() {
 
         <div className="rounded-xl bg-surface-card border border-hairline-dark p-5">
           <h3 className="text-title-sm mb-4">Active Campaigns</h3>
-          <div className="space-y-3">{active.slice(0,4).map(c => (
+          <div className="space-y-3">{active.slice(0, 4).map(c => (
             <div key={c.id} className="flex items-center gap-3 pb-3 border-b border-hairline-dark/50 last:border-0">
               <CampaignBadge type={c.type as CampaignType} />
               <div className="min-w-0 flex-1"><p className="text-body-sm text-[#eaecef] truncate">{c.name}</p><p className="text-caption text-muted font-mono">{fmtNum(c.participantCount)} users</p></div>
@@ -111,12 +289,12 @@ export default function DashboardPage() {
           <th className="text-right text-caption text-muted uppercase tracking-wider px-4 py-3">Avg Streak</th>
         </tr></thead><tbody>{protocols.map(p => (
           <tr key={p.protocol} className="border-b border-hairline-dark/50 hover:bg-surface-hover transition-colors">
-            <td className="px-4 py-3"><div className="flex items-center gap-2"><div className="w-3 h-3 rounded-full" style={{backgroundColor:p.color}}/><span className="text-body-md font-medium">{p.protocol}</span></div></td>
+            <td className="px-4 py-3"><div className="flex items-center gap-2"><div className="w-3 h-3 rounded-full" style={{ backgroundColor: p.color }} /><span className="text-body-md font-medium">{p.protocol}</span></div></td>
             <td className="text-right px-4 py-3 font-mono text-num-md tabular-nums">{fmtUsd(p.volume)}</td>
             <td className="text-right px-4 py-3 font-mono text-num-md tabular-nums">{fmtNum(p.users)}</td>
             <td className="text-right px-4 py-3"><span className={cn('font-mono text-num-sm', p.churnRate <= 4 ? 'text-trading-up' : 'text-trading-down')}>{p.churnRate}%</span></td>
             <td className="text-right px-4 py-3"><span className={cn('font-mono text-num-sm', p.retentionRate >= 70 ? 'text-trading-up' : 'text-brand-yellow')}>{p.retentionRate}%</span></td>
-            <td className="text-right px-4 py-3"><div className="flex items-center justify-end gap-1"><Flame className="w-3.5 h-3.5 text-brand-yellow"/><span className="font-mono text-num-sm">{p.avgStreak}d</span></div></td>
+            <td className="text-right px-4 py-3"><div className="flex items-center justify-end gap-1"><Flame className="w-3.5 h-3.5 text-brand-yellow" /><span className="font-mono text-num-sm">{p.avgStreak}d</span></div></td>
           </tr>
         ))}</tbody></table>
       </div>

src/app/(dashboard)/wallets/page.tsx

@@ -2,39 +2,164 @@
 import { cn, fmtUsd, shortAddr } from '@/lib/utils'
 import { wallets } from '@/lib/mock-data'
 import { RiskBadge } from '@/components/ui/RiskBadge'
-import { Search, Flame, ExternalLink, ChevronRight } from 'lucide-react'
-import { useState } from 'react'
-import type { ChurnRisk } from '@/lib/types'
+import { useToast } from '@/components/ui/Toast'
+import { Search, Flame, ExternalLink, ChevronRight, Zap, CheckCircle2, Loader2, Siren } from 'lucide-react'
+import { useState, useCallback } from 'react'
+import type { ChurnRisk, Wallet } from '@/lib/types'
 
 type Filter = ChurnRisk | 'all'
-const filters: Filter[] = ['all','critical','high','medium','low','safe']
+const filters: Filter[] = ['all', 'critical', 'high', 'medium', 'low', 'safe']
+
+const EVENT_MAP: Record<ChurnRisk, string> = {
+  critical: 'churn_risk_high', high: 'churn_risk_high',
+  medium: 'churn_risk_medium', low: 'inactivity_detected', safe: 'streak_maintained',
+}
+const ACTION_LABEL: Record<ChurnRisk, string> = {
+  critical: 'Send Gift', high: 'Enter Raffle', medium: 'Activate Rebate',
+  low: 'Flag Inactive', safe: 'Reward Streak',
+}
+const RISK_CAN_INTERVENE: ChurnRisk[] = ['critical', 'high', 'medium']
 
 export default function WalletsPage() {
+  const { fire: toast } = useToast()
   const [f, setF] = useState<Filter>('all')
   const [q, setQ] = useState('')
-  const [sort, setSort] = useState<'risk'|'volume'|'streak'>('risk')
+  const [sort, setSort] = useState<'risk' | 'volume' | 'streak'>('risk')
+  const [firing, setFiring] = useState<string | null>(null)
+  const [fired, setFired] = useState<Map<string, string>>(new Map())
+  const [bulkFiring, setBulkFiring] = useState(false)
+  const [bulkProgress, setBulkProgress] = useState<{ done: number; total: number } | null>(null)
+
   const list = wallets
     .filter(w => f === 'all' || w.churnRisk === f)
     .filter(w => !q || w.address.toLowerCase().includes(q.toLowerCase()))
-    .sort((a,b) => sort === 'risk' ? b.riskScore - a.riskScore : sort === 'volume' ? b.totalVolume - a.totalVolume : b.streak - a.streak)
+    .sort((a, b) => sort === 'risk' ? b.riskScore - a.riskScore : sort === 'volume' ? b.totalVolume - a.totalVolume : b.streak - a.streak)
+
+  const criticalUnfired = wallets.filter(w =>
+    (w.churnRisk === 'critical' || w.churnRisk === 'high') && !fired.has(w.address)
+  )
+
+  const intervene = useCallback(async (w: Wallet) => {
+    if (firing || fired.has(w.address)) return
+    setFiring(w.address)
+    try {
+      const res = await fetch('/api/torque/events', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          wallet: w.address,
+          eventName: EVENT_MAP[w.churnRisk],
+          data: { risk: w.churnRisk, score: w.riskScore, detectedBy: 'flowstate-dashboard' },
+          risk: w.churnRisk,
+          score: w.riskScore,
+        }),
+      })
+      const data = await res.json()
+      const eventId = data.eventId || 'sent'
+      setFired(prev => new Map(prev).set(w.address, eventId))
+      toast({
+        type: 'event',
+        title: `${ACTION_LABEL[w.churnRisk]} → ${shortAddr(w.address)}`,
+        body: `${EVENT_MAP[w.churnRisk]} · ${eventId.slice(0, 10)}`,
+      })
+    } catch {
+      setFired(prev => new Map(prev).set(w.address, 'error'))
+      toast({ type: 'error', title: 'Event failed', body: w.address.slice(0, 12) })
+    } finally {
+      setFiring(null)
+    }
+  }, [firing, fired, toast])
+
+  const bulkRescue = useCallback(async () => {
+    if (bulkFiring || criticalUnfired.length === 0) return
+    setBulkFiring(true)
+    setBulkProgress({ done: 0, total: criticalUnfired.length })
+
+    const targets = criticalUnfired.map(w => ({
+      wallet: w.address,
+      eventName: EVENT_MAP[w.churnRisk],
+      risk: w.churnRisk,
+      score: w.riskScore,
+    }))
+
+    try {
+      const res = await fetch('/api/torque/bulk-fire', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ targets }),
+      })
+      const data = await res.json()
+
+      if (data.details) {
+        const newFired = new Map(fired)
+        data.details.forEach((d: any, i: number) => {
+          if (d.success) newFired.set(criticalUnfired[i].address, d.eventId || 'sent')
+        })
+        setFired(newFired)
+        setBulkProgress({ done: data.fired, total: data.total })
+        toast({
+          type: data.fired > 0 ? 'success' : 'error',
+          title: `Bulk rescue: ${data.fired}/${data.total} fired`,
+          body: data.fired > 0 ? 'All critical wallets targeted via Torque' : data.details[0]?.error,
+        })
+      }
+    } catch (e: any) {
+      toast({ type: 'error', title: 'Bulk fire failed', body: e.message })
+    } finally {
+      setBulkFiring(false)
+      setTimeout(() => setBulkProgress(null), 3000)
+    }
+  }, [bulkFiring, criticalUnfired, fired, toast])
 
   return (
     <div className="p-6 space-y-6">
-      <div><h1 className="text-display-sm text-[#eaecef]">Wallets</h1><p className="text-body-md text-muted mt-1">Monitor wallet health, churn risk & activity patterns</p></div>
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-display-sm text-[#eaecef]">Wallets</h1>
+          <p className="text-body-md text-muted mt-1">Monitor wallet health, churn risk & activity patterns</p>
+        </div>
+        <div className="flex items-center gap-3">
+          {fired.size > 0 && (
+            <div className="flex items-center gap-2 px-3 py-1.5 rounded-lg bg-trading-up/10 border border-trading-up/30">
+              <CheckCircle2 className="w-4 h-4 text-trading-up" />
+              <span className="text-caption text-trading-up font-semibold">{fired.size} events sent</span>
+            </div>
+          )}
+          {criticalUnfired.length > 0 && (
+            <button
+              onClick={bulkRescue}
+              disabled={bulkFiring}
+              className="flex items-center gap-2 px-4 py-2 rounded-md bg-trading-down/10 border border-trading-down/40 text-trading-down text-button font-semibold hover:bg-trading-down/20 transition disabled:opacity-50"
+            >
+              {bulkFiring
+                ? <Loader2 className="w-4 h-4 animate-spin" />
+                : <Siren className="w-4 h-4" />}
+              {bulkProgress
+                ? `${bulkProgress.done}/${bulkProgress.total} fired`
+                : bulkFiring
+                  ? 'Rescuing...'
+                  : `Rescue All Critical (${criticalUnfired.length})`}
+            </button>
+          )}
+        </div>
+      </div>
 
       <div className="grid grid-cols-2 lg:grid-cols-6 gap-3">
         {filters.map(r => (
-          <button key={r} onClick={() => setF(r)} className={cn('rounded-xl border p-3 text-center transition-all', f===r ? 'border-brand-yellow/40 bg-brand-yellow/5' : 'border-hairline-dark bg-surface-card hover:border-brand-yellow/20')}>
+          <button key={r} onClick={() => setF(r)} className={cn('rounded-xl border p-3 text-center transition-all', f === r ? 'border-brand-yellow/40 bg-brand-yellow/5' : 'border-hairline-dark bg-surface-card hover:border-brand-yellow/20')}>
             <span className="text-caption text-muted capitalize">{r}</span>
-            <p className="font-mono text-title-md text-[#eaecef] tabular-nums mt-0.5">{r==='all'?wallets.length:wallets.filter(w=>w.churnRisk===r).length}</p>
+            <p className="font-mono text-title-md text-[#eaecef] tabular-nums mt-0.5">{r === 'all' ? wallets.length : wallets.filter(w => w.churnRisk === r).length}</p>
           </button>
         ))}
       </div>
 
       <div className="flex items-center gap-3">
-        <div className="relative flex-1 max-w-md"><Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted"/><input type="text" placeholder="Search wallet..." value={q} onChange={e=>setQ(e.target.value)} className="w-full h-9 pl-9 pr-4 rounded-lg bg-surface-card border border-hairline-dark text-body-sm placeholder:text-muted focus:outline-none focus:ring-1 focus:ring-brand-yellow/50"/></div>
+        <div className="relative flex-1 max-w-md">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted" />
+          <input type="text" placeholder="Search wallet..." value={q} onChange={e => setQ(e.target.value)} className="w-full h-9 pl-9 pr-4 rounded-lg bg-surface-card border border-hairline-dark text-body-sm placeholder:text-muted focus:outline-none focus:ring-1 focus:ring-brand-yellow/50" />
+        </div>
         <div className="flex items-center gap-1 p-1 rounded-lg bg-surface-card border border-hairline-dark">
-          {(['risk','volume','streak'] as const).map(s => <button key={s} onClick={() => setSort(s)} className={cn('px-3 py-1.5 rounded-md text-caption transition capitalize', sort===s?'bg-brand-yellow text-ink font-semibold':'text-muted hover:text-[#eaecef]')}>{s}</button>)}
+          {(['risk', 'volume', 'streak'] as const).map(s => <button key={s} onClick={() => setSort(s)} className={cn('px-3 py-1.5 rounded-md text-caption transition capitalize', sort === s ? 'bg-brand-yellow text-ink font-semibold' : 'text-muted hover:text-[#eaecef]')}>{s}</button>)}
         </div>
       </div>
 
@@ -47,22 +172,69 @@ export default function WalletsPage() {
           <th className="text-right text-caption text-muted uppercase tracking-wider px-5 py-3">Streak</th>
           <th className="text-center text-caption text-muted uppercase tracking-wider px-5 py-3">Protocols</th>
           <th className="text-right text-caption text-muted uppercase tracking-wider px-5 py-3">Last Active</th>
-          <th className="w-10"></th>
-        </tr></thead><tbody>{list.map(w => (
-          <tr key={w.address} className="border-b border-hairline-dark/50 hover:bg-surface-hover transition-colors group">
-            <td className="px-5 py-4"><div className="flex items-center gap-2"><span className="font-mono text-body-md text-[#eaecef]">{shortAddr(w.address)}</span><ExternalLink className="w-3 h-3 text-muted opacity-0 group-hover:opacity-100 transition"/></div></td>
-            <td className="px-5 py-4 text-center"><RiskBadge risk={w.churnRisk}/></td>
-            <td className="px-5 py-4 text-right"><div className="flex items-center justify-end gap-2">
-              <div className="w-16 h-1.5 rounded-full bg-surface-elevated overflow-hidden"><div className={cn('h-full rounded-full', w.riskScore>=80?'bg-trading-down':w.riskScore>=60?'bg-[#ff9500]':w.riskScore>=40?'bg-brand-yellow':w.riskScore>=20?'bg-trading-up':'bg-brand-turquoise')} style={{width:w.riskScore+'%'}}/></div>
-              <span className="font-mono text-num-sm text-muted tabular-nums w-8 text-right">{w.riskScore}</span>
-            </div></td>
-            <td className="px-5 py-4 text-right font-mono text-num-sm text-[#eaecef] tabular-nums">{fmtUsd(w.totalVolume)}</td>
-            <td className="px-5 py-4 text-right"><div className="flex items-center justify-end gap-1"><Flame className={cn('w-3.5 h-3.5', w.streak>=30?'text-brand-yellow':w.streak>=7?'text-trading-up':w.streak===0?'text-trading-down':'text-muted')}/><span className="font-mono text-num-sm tabular-nums">{w.streak}d</span></div></td>
-            <td className="px-5 py-4"><div className="flex flex-wrap justify-center gap-1">{w.protocols.slice(0,3).map(p=><span key={p} className="text-[10px] px-1.5 py-0.5 rounded bg-surface-elevated text-muted">{p}</span>)}{w.protocols.length>3 && <span className="text-[10px] px-1.5 py-0.5 rounded bg-surface-elevated text-muted">+{w.protocols.length-3}</span>}</div></td>
-            <td className="px-5 py-4 text-right text-body-sm text-muted">{w.lastActive}</td>
-            <td className="px-2 py-4"><ChevronRight className="w-4 h-4 text-muted opacity-0 group-hover:opacity-100 transition"/></td>
-          </tr>
-        ))}</tbody></table>
+          <th className="text-right text-caption text-muted uppercase tracking-wider px-5 py-3">Action</th>
+        </tr></thead><tbody>{list.map(w => {
+          const isFiring = firing === w.address
+          const eventId = fired.get(w.address)
+          const canIntervene = RISK_CAN_INTERVENE.includes(w.churnRisk)
+          return (
+            <tr key={w.address} className="border-b border-hairline-dark/50 hover:bg-surface-hover transition-colors group">
+              <td className="px-5 py-4">
+                <div className="flex items-center gap-2">
+                  <span className="font-mono text-body-md text-[#eaecef]">{shortAddr(w.address)}</span>
+                  <a href={`https://solscan.io/account/${w.address}`} target="_blank" rel="noreferrer">
+                    <ExternalLink className="w-3 h-3 text-muted opacity-0 group-hover:opacity-100 transition" />
+                  </a>
+                </div>
+                {eventId && eventId !== 'error' && (
+                  <p className="font-mono text-[10px] text-trading-up mt-0.5">✓ {eventId.slice(0, 10)}...</p>
+                )}
+              </td>
+              <td className="px-5 py-4 text-center"><RiskBadge risk={w.churnRisk} /></td>
+              <td className="px-5 py-4 text-right">
+                <div className="flex items-center justify-end gap-2">
+                  <div className="w-16 h-1.5 rounded-full bg-surface-elevated overflow-hidden">
+                    <div className={cn('h-full rounded-full transition-all duration-700', w.riskScore >= 80 ? 'bg-trading-down' : w.riskScore >= 60 ? 'bg-[#ff9500]' : w.riskScore >= 40 ? 'bg-brand-yellow' : w.riskScore >= 20 ? 'bg-trading-up' : 'bg-brand-turquoise')} style={{ width: w.riskScore + '%' }} />
+                  </div>
+                  <span className="font-mono text-num-sm text-muted tabular-nums w-8 text-right">{w.riskScore}</span>
+                </div>
+              </td>
+              <td className="px-5 py-4 text-right font-mono text-num-sm text-[#eaecef] tabular-nums">{fmtUsd(w.totalVolume)}</td>
+              <td className="px-5 py-4 text-right">
+                <div className="flex items-center justify-end gap-1">
+                  <Flame className={cn('w-3.5 h-3.5', w.streak >= 30 ? 'text-brand-yellow' : w.streak >= 7 ? 'text-trading-up' : w.streak === 0 ? 'text-trading-down' : 'text-muted')} />
+                  <span className="font-mono text-num-sm tabular-nums">{w.streak}d</span>
+                </div>
+              </td>
+              <td className="px-5 py-4">
+                <div className="flex flex-wrap justify-center gap-1">
+                  {w.protocols.slice(0, 3).map(p => <span key={p} className="text-[10px] px-1.5 py-0.5 rounded bg-surface-elevated text-muted">{p}</span>)}
+                  {w.protocols.length > 3 && <span className="text-[10px] px-1.5 py-0.5 rounded bg-surface-elevated text-muted">+{w.protocols.length - 3}</span>}
+                </div>
+              </td>
+              <td className="px-5 py-4 text-right text-body-sm text-muted">{w.lastActive}</td>
+              <td className="px-5 py-4 text-right">
+                {canIntervene && (
+                  eventId ? (
+                    <span className="inline-flex items-center gap-1 text-[10px] font-semibold text-trading-up">
+                      <CheckCircle2 className="w-3 h-3" />Sent
+                    </span>
+                  ) : (
+                    <button
+                      onClick={() => intervene(w)}
+                      disabled={!!firing}
+                      className="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-brand-yellow/10 border border-brand-yellow/30 text-brand-yellow text-[11px] font-semibold hover:bg-brand-yellow/20 transition disabled:opacity-40"
+                    >
+                      {isFiring ? <Loader2 className="w-3 h-3 animate-spin" /> : <Zap className="w-3 h-3" />}
+                      {isFiring ? 'Firing...' : ACTION_LABEL[w.churnRisk]}
+                    </button>
+                  )
+                )}
+                {!canIntervene && <ChevronRight className="w-4 h-4 text-muted opacity-0 group-hover:opacity-100 transition ml-auto" />}
+              </td>
+            </tr>
+          )
+        })}</tbody></table>
       </div>
     </div>
   )

src/app/api/agent/scan/route.ts

@@ -1,3 +1,77 @@
 import { NextResponse } from 'next/server'
-export async function POST() { return NextResponse.json({ detections: [], count: 0 }) }
-export async function GET() { return NextResponse.json({ status: 'active', capabilities: ['churn_detection','auto_campaign_creation','comeback_detection','streak_tracking'] }) }
+import { wallets } from '@/lib/mock-data'
+import { calculateChurnScore } from '@/lib/agent-engine'
+import { sendCustomEvent, isTorqueConfigured } from '@/lib/torque-mcp'
+import { pushEvent } from '@/lib/event-store'
+
+function walletToSignals(w: typeof wallets[0]) {
+  const daysMatch = w.lastActive.match(/(\d+)d/)
+  const daysInactive = daysMatch ? parseInt(daysMatch[1]) : 0
+  return {
+    daysInactive,
+    volumeDropPct: w.streak === 0 ? 80 : Math.max(0, (10 - Math.min(w.streak, 10)) * 8),
+    uniqueProtocols: w.protocols.length,
+    currentStreak: w.streak,
+    hasLiquidation: false,
+  }
+}
+
+export async function POST() {
+  const configured = isTorqueConfigured()
+  const detections: Array<{
+    wallet: string; risk: string; score: number; eventName: string;
+    eventSent: boolean; eventId?: string; error?: string
+  }> = []
+
+  for (const wallet of wallets) {
+    const signals = walletToSignals(wallet)
+    const { score, risk } = calculateChurnScore(signals)
+
+    if (risk === 'critical' || risk === 'high' || risk === 'medium') {
+      const eventName = risk === 'critical' || risk === 'high' ? 'churn_risk_high' : 'churn_risk_medium'
+
+      const result = configured
+        ? await sendCustomEvent(wallet.address, eventName, {
+            risk, score,
+            daysInactive: signals.daysInactive,
+            protocols: wallet.protocols,
+            detectedBy: 'flowstate-ai-agent',
+          })
+        : { success: false, error: 'TORQUE_INGEST_KEY not configured' }
+
+      if (result.success && result.eventId) {
+        pushEvent({
+          ingestionId: result.eventId,
+          wallet: wallet.address,
+          eventName,
+          risk,
+          score,
+          firedAt: new Date().toISOString(),
+          source: 'scan',
+        })
+      }
+
+      detections.push({
+        wallet: wallet.address, risk, score, eventName,
+        eventSent: result.success,
+        eventId: result.eventId,
+        error: result.error,
+      })
+    }
+  }
+
+  return NextResponse.json({
+    detections,
+    count: detections.length,
+    configured,
+    timestamp: new Date().toISOString(),
+  })
+}
+
+export async function GET() {
+  return NextResponse.json({
+    status: 'active',
+    configured: isTorqueConfigured(),
+    capabilities: ['churn_detection', 'auto_campaign_creation', 'comeback_detection', 'streak_tracking'],
+  })
+}

src/app/api/torque/bulk-fire/route.ts

@@ -0,0 +1,45 @@
+import { NextResponse } from 'next/server'
+import { sendCustomEvent, isTorqueConfigured } from '@/lib/torque-mcp'
+import { pushEvent } from '@/lib/event-store'
+
+interface BulkTarget { wallet: string; eventName: string; risk?: string; score?: number }
+
+export async function POST(req: Request) {
+  const body = await req.json()
+  const { targets }: { targets: BulkTarget[] } = body
+
+  if (!Array.isArray(targets) || targets.length === 0) {
+    return NextResponse.json({ error: 'targets array required' }, { status: 400 })
+  }
+  if (!isTorqueConfigured()) {
+    return NextResponse.json({ error: 'TORQUE_INGEST_KEY not configured' }, { status: 503 })
+  }
+
+  const results = await Promise.allSettled(
+    targets.map(async (t) => {
+      const result = await sendCustomEvent(t.wallet, t.eventName, {
+        risk: t.risk,
+        score: t.score,
+        detectedBy: 'flowstate-bulk-rescue',
+        timestamp: new Date().toISOString(),
+      })
+      if (result.success && result.eventId) {
+        pushEvent({
+          ingestionId: result.eventId,
+          wallet: t.wallet,
+          eventName: t.eventName,
+          risk: t.risk,
+          score: t.score,
+          firedAt: new Date().toISOString(),
+          source: 'manual',
+        })
+      }
+      return { wallet: t.wallet, success: result.success, eventId: result.eventId, error: result.error }
+    })
+  )
+
+  const fired = results.filter(r => r.status === 'fulfilled' && (r.value as any).success).length
+  const details = results.map(r => r.status === 'fulfilled' ? r.value : { success: false, error: String((r as any).reason) })
+
+  return NextResponse.json({ fired, total: targets.length, details })
+}

src/app/api/torque/campaigns/route.ts

@@ -1,3 +1,26 @@
 import { NextResponse } from 'next/server'
-export async function POST() { return NextResponse.json({ success: true, campaignId: 'demo-camp-' + Date.now() }) }
-export async function GET() { return NextResponse.json({ campaigns: [] }) }
+import { createCampaign, isTorqueConfigured } from '@/lib/torque-mcp'
+
+export async function POST(req: Request) {
+  const body = await req.json()
+
+  if (!body.name || !body.type || !body.budget) {
+    return NextResponse.json({ error: 'name, type, and budget required' }, { status: 400 })
+  }
+
+  const result = await createCampaign(body)
+
+  if (!result.success) {
+    const status = isTorqueConfigured() ? 502 : 503
+    return NextResponse.json({ success: false, error: result.error }, { status })
+  }
+
+  return NextResponse.json({ success: true, campaignId: result.campaignId })
+}
+
+export async function GET() {
+  return NextResponse.json({
+    status: isTorqueConfigured() ? 'ok' : 'unconfigured',
+    campaigns: [],
+  })
+}

src/app/api/torque/events/recent/route.ts

@@ -0,0 +1,8 @@
+import { NextResponse } from 'next/server'
+import { getEvents, getCount } from '@/lib/event-store'
+
+export async function GET(req: Request) {
+  const { searchParams } = new URL(req.url)
+  const limit = Math.min(parseInt(searchParams.get('limit') || '20'), 50)
+  return NextResponse.json({ events: getEvents(limit), total: getCount() })
+}

src/app/api/torque/events/route.ts

@@ -1,3 +1,40 @@
 import { NextResponse } from 'next/server'
-export async function POST() { return NextResponse.json({ success: true, eventId: 'demo-' + Date.now() }) }
-export async function GET() { return NextResponse.json({ status: 'ok', events: ['churn_risk_high','churn_risk_medium','comeback_detected','streak_maintained','volume_milestone','referral_from_saved','inactivity_detected'] }) }
+import { sendCustomEvent, isTorqueConfigured } from '@/lib/torque-mcp'
+import { pushEvent } from '@/lib/event-store'
+
+export async function POST(req: Request) {
+  const body = await req.json()
+  const { wallet, eventType, eventName, metadata, data, risk, score } = body
+  const name = eventName || eventType
+  const payload = data || metadata || {}
+
+  if (!wallet || !name) {
+    return NextResponse.json({ error: 'wallet and eventName required' }, { status: 400 })
+  }
+
+  const result = await sendCustomEvent(wallet, name, payload)
+
+  if (!result.success) {
+    const status = isTorqueConfigured() ? 502 : 503
+    return NextResponse.json({ success: false, error: result.error }, { status })
+  }
+
+  pushEvent({
+    ingestionId: result.eventId || 'local-' + Date.now(),
+    wallet,
+    eventName: name,
+    risk,
+    score,
+    firedAt: new Date().toISOString(),
+    source: 'manual',
+  })
+
+  return NextResponse.json({ success: true, eventId: result.eventId })
+}
+
+export async function GET() {
+  return NextResponse.json({
+    status: isTorqueConfigured() ? 'ok' : 'unconfigured',
+    events: ['churn_risk_high', 'churn_risk_medium', 'comeback_detected', 'streak_maintained', 'volume_milestone', 'referral_from_saved', 'inactivity_detected'],
+  })
+}

src/app/api/torque/status/route.ts

@@ -0,0 +1,14 @@
+import { NextResponse } from 'next/server'
+import { isTorqueConfigured } from '@/lib/torque-mcp'
+import { getCount } from '@/lib/event-store'
+
+export async function GET() {
+  const configured = isTorqueConfigured()
+  return NextResponse.json({
+    configured,
+    status: configured ? 'connected' : 'unconfigured',
+    sessionEvents: getCount(),
+    projectId: 'cmon6tgg20009jr1iz2b1eue8',
+    projectName: 'FlowState',
+  })
+}

src/components/layout/Sidebar.tsx

@@ -3,7 +3,7 @@ import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import { cn } from '@/lib/utils'
 import { LayoutDashboard, Trophy, Megaphone, BarChart3, Wallet, Bot, Zap, Shield, ChevronLeft, ChevronRight } from 'lucide-react'
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 
 const nav = [
   { label: 'Dashboard', href: '/', icon: LayoutDashboard },
@@ -17,6 +17,23 @@ const nav = [
 export function Sidebar() {
   const path = usePathname()
   const [col, setCol] = useState(false)
+  const [eventCount, setEventCount] = useState<number | null>(null)
+
+  useEffect(() => {
+    const fetchCount = async () => {
+      try {
+        const res = await fetch('/api/torque/events/recent?limit=1')
+        if (res.ok) {
+          const data = await res.json()
+          setEventCount(data.total ?? 0)
+        }
+      } catch {}
+    }
+    fetchCount()
+    const i = setInterval(fetchCount, 5000)
+    return () => clearInterval(i)
+  }, [])
+
   return (
     <aside className={cn('hidden md:flex flex-col border-r border-hairline-dark bg-surface-card transition-all duration-300', col ? 'w-[68px]' : 'w-[240px]')}>
       <div className="flex items-center h-16 px-4 border-b border-hairline-dark">
@@ -40,7 +57,13 @@ export function Sidebar() {
         {!col && (
           <div className="mx-3 mb-3 p-3 rounded-xl bg-brand-yellow/5 border border-brand-yellow/20">
             <div className="flex items-center gap-2 mb-1"><Shield className="w-4 h-4 text-trading-up" /><span className="text-caption text-trading-up font-semibold">AI Agent Active</span></div>
-            <p className="text-caption text-muted">3,847 actions today</p>
+            <p className="text-caption text-muted">
+              {eventCount === null
+                ? 'Connecting...'
+                : eventCount === 0
+                  ? 'No events this session'
+                  : `${eventCount} event${eventCount === 1 ? '' : 's'} fired today`}
+            </p>
           </div>
         )}
         <button onClick={() => setCol(!col)} className="flex items-center gap-3 px-3 py-2.5 rounded-lg text-nav text-muted hover:text-[#eaecef] hover:bg-surface-elevated w-full transition-colors">

src/components/layout/Topbar.tsx

@@ -1,14 +1,32 @@
 'use client'
-import { Bell, Search, Globe, Wifi } from 'lucide-react'
+import { Bell, Search, Globe, Wifi, Zap } from 'lucide-react'
 import { useState, useEffect } from 'react'
 
+interface TorqueStatus { configured: boolean; status: string; sessionEvents: number }
+
 export function Topbar() {
   const [time, setTime] = useState('')
+  const [torque, setTorque] = useState<TorqueStatus | null>(null)
+
   useEffect(() => {
     const u = () => setTime(new Date().toLocaleTimeString('en-US', { hour12: false }))
     u(); const i = setInterval(u, 1000); return () => clearInterval(i)
   }, [])
 
+  useEffect(() => {
+    const fetchStatus = async () => {
+      try {
+        const res = await fetch('/api/torque/status')
+        if (res.ok) setTorque(await res.json())
+      } catch {}
+    }
+    fetchStatus()
+    const i = setInterval(fetchStatus, 8000)
+    return () => clearInterval(i)
+  }, [])
+
+  const isLive = torque?.configured && torque?.status === 'connected'
+
   return (
     <header className="h-14 border-b border-hairline-dark bg-surface-card/80 backdrop-blur-sm flex items-center justify-between px-6">
       <div className="relative">
@@ -16,13 +34,29 @@ export function Topbar() {
         <input type="text" placeholder="Search wallets, campaigns..." className="w-64 h-9 pl-9 pr-4 rounded-lg bg-surface-elevated border border-hairline-dark text-body-sm text-[#eaecef] placeholder:text-muted focus:outline-none focus:ring-1 focus:ring-brand-yellow/50 transition" />
       </div>
       <div className="flex items-center gap-4">
-        <div className="flex items-center gap-2 px-3 py-1.5 rounded-pill bg-trading-up/10 border border-trading-up/20">
-          <div className="w-2 h-2 rounded-full bg-trading-up animate-pulse" />
-          <span className="text-caption text-trading-up font-semibold">LIVE</span>
-        </div>
+        {torque && (
+          <div className={`flex items-center gap-2 px-3 py-1.5 rounded-pill border ${isLive ? 'bg-trading-up/10 border-trading-up/20' : 'bg-trading-down/10 border-trading-down/20'}`}>
+            <div className={`w-2 h-2 rounded-full ${isLive ? 'bg-trading-up animate-pulse' : 'bg-trading-down'}`} />
+            <span className={`text-caption font-semibold ${isLive ? 'text-trading-up' : 'text-trading-down'}`}>
+              TORQUE {isLive ? 'LIVE' : 'OFFLINE'}
+            </span>
+          </div>
+        )}
+        {!torque && (
+          <div className="flex items-center gap-2 px-3 py-1.5 rounded-pill bg-muted/10 border border-muted/20">
+            <div className="w-2 h-2 rounded-full bg-muted animate-pulse" />
+            <span className="text-caption text-muted font-semibold">CONNECTING...</span>
+          </div>
+        )}
+        {torque && torque.sessionEvents > 0 && (
+          <div className="flex items-center gap-1.5 px-2.5 py-1 rounded-pill bg-brand-yellow/10 border border-brand-yellow/20">
+            <Zap className="w-3 h-3 text-brand-yellow" />
+            <span className="font-mono text-caption text-brand-yellow font-semibold">{torque.sessionEvents}</span>
+          </div>
+        )}
         <span className="font-mono text-num-sm text-muted tabular-nums">{time}</span>
         <button className="flex items-center gap-1.5 text-muted hover:text-[#eaecef] transition">
-          <Wifi className="w-4 h-4 text-trading-up" /><span className="text-caption">Solana</span>
+          <Wifi className={`w-4 h-4 ${isLive ? 'text-trading-up' : 'text-muted'}`} /><span className="text-caption">Solana</span>
         </button>
         <button className="relative p-2 rounded-lg hover:bg-surface-elevated transition">
           <Bell className="w-4 h-4 text-muted" />

src/components/ui/AgentFeed.tsx

@@ -1,26 +1,75 @@
 'use client'
-import { useState, useEffect } from 'react'
+import { useState, useEffect, useRef } from 'react'
 import { cn } from '@/lib/utils'
 import { agentMsgs } from '@/lib/mock-data'
-import { Bot, ChevronDown, ChevronUp } from 'lucide-react'
+import { Bot, ChevronDown, ChevronUp, Zap } from 'lucide-react'
+
+interface LiveEvent {
+  ingestionId: string; wallet: string; eventName: string
+  risk?: string; score?: number; firedAt: string; source: string
+}
+
+const EVENT_EMOJI: Record<string, string> = {
+  churn_risk_high: '🚨',
+  churn_risk_medium: '⚠️',
+  comeback_detected: '🔥',
+  streak_maintained: '⚡',
+  volume_milestone: '🏆',
+  inactivity_detected: '💤',
+  referral_from_saved: '🤝',
+}
+
+function liveEventToMsg(e: LiveEvent): string {
+  const emoji = EVENT_EMOJI[e.eventName] || '📡'
+  const short = `${e.wallet.slice(0, 6)}...${e.wallet.slice(-4)}`
+  const label = e.eventName.replace(/_/g, ' ')
+  const score = e.score !== undefined ? ` (score=${e.score})` : ''
+  return `${emoji} LIVE: ${label} → ${short}${score} [${e.ingestionId.slice(0, 8)}]`
+}
 
 export function AgentFeed() {
-  const [msgs, setMsgs] = useState<{ text: string; time: string }[]>([])
+  const [msgs, setMsgs] = useState<{ text: string; time: string; live?: boolean }[]>([])
   const [open, setOpen] = useState(true)
+  const [liveCount, setLiveCount] = useState(0)
+  const seenIds = useRef(new Set<string>())
 
+  // Seed mock messages
   useEffect(() => {
     const init = agentMsgs.slice(0, 5).map((t, i) => ({
-      text: t, time: new Date(Date.now() - i * 120000).toLocaleTimeString('en-US', { hour12: false })
+      text: t,
+      time: new Date(Date.now() - i * 120000).toLocaleTimeString('en-US', { hour12: false }),
     }))
     setMsgs(init)
     let c = 5
     const iv = setInterval(() => {
       const t = agentMsgs[c++ % agentMsgs.length]
-      setMsgs(p => [{ text: t, time: new Date().toLocaleTimeString('en-US', { hour12: false }) }, ...p].slice(0, 20))
+      setMsgs(p => [{ text: t, time: new Date().toLocaleTimeString('en-US', { hour12: false }) }, ...p].slice(0, 30))
     }, 4000)
     return () => clearInterval(iv)
   }, [])
 
+  // Poll real events and inject at top
+  useEffect(() => {
+    const poll = async () => {
+      try {
+        const res = await fetch('/api/torque/events/recent?limit=10')
+        if (!res.ok) return
+        const data = await res.json()
+        const events: LiveEvent[] = data.events || []
+        const newEvents = events.filter(e => !seenIds.current.has(e.ingestionId))
+        if (newEvents.length === 0) return
+        newEvents.forEach(e => seenIds.current.add(e.ingestionId))
+        const now = new Date().toLocaleTimeString('en-US', { hour12: false })
+        const liveLines = newEvents.map(e => ({ text: liveEventToMsg(e), time: now, live: true }))
+        setMsgs(p => [...liveLines, ...p].slice(0, 30))
+        setLiveCount(data.total || 0)
+      } catch {}
+    }
+    poll()
+    const iv = setInterval(poll, 4000)
+    return () => clearInterval(iv)
+  }, [])
+
   return (
     <div className="rounded-xl bg-surface-card border border-hairline-dark overflow-hidden">
       <button onClick={() => setOpen(!open)} className="w-full flex items-center justify-between px-5 py-3 border-b border-hairline-dark hover:bg-surface-elevated transition">
@@ -28,15 +77,26 @@ export function AgentFeed() {
           <Bot className="w-4 h-4 text-brand-yellow" />
           <span className="text-title-sm">AI Agent Feed</span>
           <div className="w-2 h-2 rounded-full bg-trading-up animate-pulse" />
+          {liveCount > 0 && (
+            <div className="flex items-center gap-1 px-2 py-0.5 rounded-pill bg-trading-up/10 border border-trading-up/20">
+              <Zap className="w-2.5 h-2.5 text-trading-up" />
+              <span className="text-[10px] text-trading-up font-semibold">{liveCount} live</span>
+            </div>
+          )}
         </div>
         {open ? <ChevronUp className="w-4 h-4 text-muted" /> : <ChevronDown className="w-4 h-4 text-muted" />}
       </button>
       {open && (
         <div className="max-h-[300px] overflow-y-auto">
           {msgs.map((m, i) => (
-            <div key={i} className={cn('flex items-start gap-3 px-5 py-2.5 border-b border-hairline-dark/50 transition-colors', i === 0 && 'animate-slide-up bg-brand-yellow/5')}>
+            <div key={i} className={cn(
+              'flex items-start gap-3 px-5 py-2.5 border-b border-hairline-dark/50 transition-colors',
+              i === 0 && 'animate-slide-up',
+              m.live ? 'bg-trading-up/5 border-l-2 border-trading-up/50' : i === 0 && 'bg-brand-yellow/5'
+            )}>
               <span className="font-mono text-caption text-muted tabular-nums whitespace-nowrap mt-0.5">{m.time}</span>
-              <span className="text-body-sm text-[#eaecef]">{m.text}</span>
+              <span className={cn('text-body-sm flex-1', m.live ? 'text-[#eaecef] font-medium' : 'text-[#eaecef]')}>{m.text}</span>
+              {m.live && <span className="text-[10px] text-trading-up font-semibold uppercase tracking-wider whitespace-nowrap">LIVE</span>}
             </div>
           ))}
         </div>

src/components/ui/Toast.tsx

@@ -0,0 +1,82 @@
+'use client'
+import { createContext, useContext, useState, useCallback, useEffect, useRef } from 'react'
+import { CheckCircle2, AlertCircle, Zap, X } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+type ToastType = 'success' | 'error' | 'event'
+interface Toast { id: string; type: ToastType; title: string; body?: string }
+interface ToastCtx { fire: (t: Omit<Toast, 'id'>) => void }
+
+const Ctx = createContext<ToastCtx>({ fire: () => {} })
+export const useToast = () => useContext(Ctx)
+
+const ICONS = {
+  success: CheckCircle2,
+  error: AlertCircle,
+  event: Zap,
+}
+const COLORS = {
+  success: 'border-trading-up/40 bg-trading-up/10',
+  error: 'border-trading-down/40 bg-trading-down/10',
+  event: 'border-brand-yellow/40 bg-brand-yellow/10',
+}
+const ICON_COLORS = {
+  success: 'text-trading-up',
+  error: 'text-trading-down',
+  event: 'text-brand-yellow',
+}
+
+function ToastItem({ toast, onDismiss }: { toast: Toast; onDismiss: () => void }) {
+  const [visible, setVisible] = useState(false)
+  const Icon = ICONS[toast.type]
+
+  useEffect(() => {
+    requestAnimationFrame(() => setVisible(true))
+    const t = setTimeout(() => { setVisible(false); setTimeout(onDismiss, 300) }, 4000)
+    return () => clearTimeout(t)
+  }, [onDismiss])
+
+  return (
+    <div className={cn(
+      'flex items-start gap-3 w-80 rounded-xl border p-3.5 shadow-2xl backdrop-blur-sm transition-all duration-300',
+      COLORS[toast.type],
+      visible ? 'opacity-100 translate-x-0' : 'opacity-0 translate-x-full'
+    )}>
+      <Icon className={cn('w-4 h-4 mt-0.5 flex-shrink-0', ICON_COLORS[toast.type])} />
+      <div className="flex-1 min-w-0">
+        <p className="text-body-sm font-semibold text-[#eaecef] leading-tight">{toast.title}</p>
+        {toast.body && <p className="font-mono text-[10px] text-muted mt-0.5 truncate">{toast.body}</p>}
+      </div>
+      <button onClick={() => { setVisible(false); setTimeout(onDismiss, 300) }} className="text-muted hover:text-[#eaecef] transition flex-shrink-0">
+        <X className="w-3.5 h-3.5" />
+      </button>
+    </div>
+  )
+}
+
+export function ToastProvider({ children }: { children: React.ReactNode }) {
+  const [toasts, setToasts] = useState<Toast[]>([])
+  const counter = useRef(0)
+
+  const fire = useCallback((t: Omit<Toast, 'id'>) => {
+    const id = `t-${counter.current++}`
+    setToasts(p => [...p.slice(-4), { ...t, id }])
+  }, [])
+
+  const dismiss = useCallback((id: string) => {
+    setToasts(p => p.filter(t => t.id !== id))
+  }, [])
+
+  return (
+    <Ctx.Provider value={{ fire }}>
+      {children}
+      <div className="fixed bottom-6 right-6 z-[100] flex flex-col gap-2 items-end pointer-events-none">
+        {toasts.map(t => (
+          <div key={t.id} className="pointer-events-auto">
+            <ToastItem toast={t} onDismiss={() => dismiss(t.id)} />
+          </div>
+        ))}
+      </div>
+    </Ctx.Provider>
+  )
+}

src/lib/agent-engine.ts

@@ -66,5 +66,12 @@ export function selectResponse(risk: ChurnRisk, wallet: string): { action: strin
 }
 
 export async function executeResponse(wallet: string, action: string) {
-  return sendCustomEvent(wallet, action === 'gift' ? 'churn_risk_high' : action === 'raffle' ? 'churn_risk_high' : 'churn_risk_medium', { action, timestamp: new Date().toISOString() })
+  // gift/raffle → fire churn_risk_high (triggers Anti-Churn and Comeback campaigns)
+  // rebate → fire churn_risk_medium (triggers Streak Rebate campaign)
+  // detect → fire inactivity_detected
+  const eventName =
+    action === 'gift' || action === 'raffle' ? 'churn_risk_high'
+    : action === 'rebate' ? 'churn_risk_medium'
+    : 'inactivity_detected'
+  return sendCustomEvent(wallet, eventName, { triggeredAction: action, detectedBy: 'flowstate-ai-agent', timestamp: new Date().toISOString() })
 }

src/lib/event-store.ts

@@ -0,0 +1,27 @@
+// In-memory store for live Torque events fired this session.
+// Module-level singleton — persists across API route calls in the same Node.js process.
+
+export interface LiveEvent {
+  ingestionId: string
+  wallet: string
+  eventName: string
+  risk?: string
+  score?: number
+  firedAt: string
+  source: 'scan' | 'manual' | 'agent'
+}
+
+const store: LiveEvent[] = []
+
+export function pushEvent(e: LiveEvent) {
+  store.unshift(e)
+  if (store.length > 100) store.splice(100)
+}
+
+export function getEvents(limit = 20): LiveEvent[] {
+  return store.slice(0, limit)
+}
+
+export function getCount(): number {
+  return store.length
+}

src/lib/torque-mcp.ts

@@ -1,42 +1,99 @@
 /**
- * Torque MCP Client — FlowState's integration with Torque Protocol
- * Wraps Torque REST API + MCP tools for the AI Agent to fire events and create campaigns.
+ * Torque Ingestion Client — FlowState integration with Torque Protocol
+ * Docs: https://ingest.torque.so/events
+ * Auth: x-api-key header (user-scoped key from Torque dashboard)
  */
-const API = process.env.TORQUE_API_URL || 'https://api.torque.so/v1'
-const KEY = process.env.TORQUE_API_KEY || ''
+const INGEST = process.env.TORQUE_INGESTER_URL || 'https://ingest.torque.so/events'
+const API = process.env.TORQUE_API_URL || 'https://server.torque.so'
+// JWT from platform.torque.so/connect-mcp — for MCP auth and REST API calls
+const JWT = process.env.TORQUE_API_KEY || process.env.TORQUE_API_TOKEN || ''
+// tq_... key created via create_api_key MCP tool — for the ingest endpoint
+const INGEST_KEY = process.env.TORQUE_INGEST_KEY || JWT
 
-function headers(): Record<string, string> {
-  return { 'Authorization': 'Bearer ' + KEY, 'Content-Type': 'application/json' }
+export function isTorqueConfigured(): boolean {
+  return INGEST_KEY !== '' && !INGEST_KEY.startsWith('your')
 }
 
-export async function sendCustomEvent(wallet: string, eventType: string, metadata: Record<string, unknown> = {}) {
+function ingestHeaders(): Record<string, string> {
+  return { 'x-api-key': INGEST_KEY, 'Content-Type': 'application/json' }
+}
+
+function apiHeaders(): Record<string, string> {
+  return { 'Authorization': 'Bearer ' + JWT, 'Content-Type': 'application/json' }
+}
+
+export async function sendCustomEvent(
+  wallet: string,
+  eventName: string,
+  data: Record<string, unknown> = {}
+): Promise<{ success: boolean; eventId?: string; error?: string }> {
+  if (!isTorqueConfigured()) {
+    return { success: false, error: 'TORQUE_API_KEY not configured' }
+  }
   try {
-    const r = await fetch(API + '/events', { method: 'POST', headers: headers(), body: JSON.stringify({ wallet, eventType, metadata, timestamp: new Date().toISOString() }) })
-    if (!r.ok) return { success: false }
-    return { success: true, eventId: (await r.json()).id }
-  } catch { return { success: true, eventId: 'demo-' + Date.now() } }
+    const r = await fetch(INGEST, {
+      method: 'POST',
+      headers: ingestHeaders(),
+      body: JSON.stringify({
+        userPubkey: wallet,
+        timestamp: Date.now(),
+        eventName,
+        data,
+      }),
+    })
+    if (!r.ok) {
+      const text = await r.text()
+      return { success: false, error: `Torque ingest ${r.status}: ${text}` }
+    }
+    const res = await r.json()
+    return { success: true, eventId: res.id || res.eventId }
+  } catch (e) {
+    return { success: false, error: String(e) }
+  }
 }
 
-export async function createCampaign(params: { name: string; type: string; description: string; budget: number; tokenMint: string; formula?: string }) {
+export async function createCampaign(params: {
+  name: string; type: string; description: string; budget: number; tokenMint: string; formula?: string
+}): Promise<{ success: boolean; campaignId?: string; error?: string }> {
+  if (!isTorqueConfigured()) {
+    return { success: false, error: 'TORQUE_API_KEY not configured' }
+  }
   try {
     const now = new Date()
-    const r = await fetch(API + '/campaigns', { method: 'POST', headers: headers(), body: JSON.stringify({ ...params, startTime: now.toISOString(), endTime: new Date(now.getTime() + 7*86400000).toISOString() }) })
-    if (!r.ok) return { success: false }
-    return { success: true, campaignId: (await r.json()).id }
-  } catch { return { success: true, campaignId: 'demo-camp-' + Date.now() } }
+    const r = await fetch(API + '/campaigns', {
+      method: 'POST',
+      headers: apiHeaders(),
+      body: JSON.stringify({
+        ...params,
+        startTime: now.toISOString(),
+        endTime: new Date(now.getTime() + 7 * 86400000).toISOString(),
+      }),
+    })
+    if (!r.ok) {
+      const text = await r.text()
+      return { success: false, error: `Torque API ${r.status}: ${text}` }
+    }
+    const data = await r.json()
+    return { success: true, campaignId: data.id }
+  } catch (e) {
+    return { success: false, error: String(e) }
+  }
 }
 
-export async function getLeaderboard(campaignId: string, limit = 50) {
+export async function getLeaderboard(campaignId: string, limit = 50): Promise<unknown[]> {
+  if (!isTorqueConfigured()) return []
   try {
-    const r = await fetch(API + '/campaigns/' + campaignId + '/leaderboard?limit=' + limit, { headers: headers() })
+    const r = await fetch(API + '/campaigns/' + campaignId + '/leaderboard?limit=' + limit, { headers: apiHeaders() })
     if (!r.ok) return []
     return (await r.json()).entries || []
-  } catch { return [] }
+  } catch {
+    return []
+  }
 }
 
 export async function fireChurnRiskEvent(wallet: string, risk: string, score: number, daysInactive: number, volumeDrop: number) {
-  const eventType = risk === 'critical' || risk === 'high' ? 'churn_risk_high' : 'churn_risk_medium'
-  return sendCustomEvent(wallet, eventType, { risk, score, daysInactive, volumeDrop, detectedBy: 'flowstate-ai-agent' })
+  const eventName = risk === 'critical' || risk === 'high' ? 'churn_risk_high' : 'churn_risk_medium'
+  return sendCustomEvent(wallet, eventName, { risk, score, daysInactive, volumeDrop, detectedBy: 'flowstate-ai-agent' })
 }
 
 export async function fireComebackEvent(wallet: string, inactiveDays: number, returnProtocol: string) {
@@ -48,7 +105,7 @@ export async function fireStreakEvent(wallet: string, streakDays: number, protoc
 }
 
 export const MCP_TOOLS = {
-  send_custom_event: { name: 'send_custom_event', description: 'Send a custom event to Torque for a wallet', inputSchema: { type: 'object', properties: { wallet: { type: 'string' }, eventType: { type: 'string' }, metadata: { type: 'object' } }, required: ['wallet', 'eventType'] } },
-  create_campaign: { name: 'create_campaign', description: 'Create a new Torque campaign', inputSchema: { type: 'object', properties: { name: { type: 'string' }, type: { type: 'string', enum: ['leaderboard','rebate','raffle','gift'] }, budget: { type: 'number' } }, required: ['name', 'type', 'budget'] } },
+  send_custom_event: { name: 'send_custom_event', description: 'Send a custom event to Torque for a wallet', inputSchema: { type: 'object', properties: { wallet: { type: 'string' }, eventName: { type: 'string' }, data: { type: 'object' } }, required: ['wallet', 'eventName'] } },
+  create_campaign: { name: 'create_campaign', description: 'Create a new Torque campaign', inputSchema: { type: 'object', properties: { name: { type: 'string' }, type: { type: 'string', enum: ['leaderboard', 'rebate', 'raffle', 'gift'] }, budget: { type: 'number' } }, required: ['name', 'type', 'budget'] } },
   get_leaderboard: { name: 'get_leaderboard', description: 'Get leaderboard rankings', inputSchema: { type: 'object', properties: { campaignId: { type: 'string' } }, required: ['campaignId'] } },
 } as const