diff --git a/.cursor/rules/00-core.mdc b/.cursor/rules/00-core.mdc
new file mode 100644
index 00000000..e7524b7a
--- /dev/null
+++ b/.cursor/rules/00-core.mdc
@@ -0,0 +1,21 @@
+---
+description: Core context & output contract for AiM
+globs:
+  - "**/*"
+alwaysApply: true
+---
+
+# Core Project Context (AiM)
+STACK: Next.js 15, React 19, TS, Prisma + Postgres, NextAuth, shadcn/ui, Zod.
+DOMAINS: Organization, Campaign, Content, Asset, Schedule, AnalyticsEvent.
+
+## OUTPUT CONTRACT (include in every response)
+1) CHANGES — file list + brief diff
+2) COMMANDS — install/migrate/dev/test
+3) TESTS/RESULTS — build/typecheck/lint/health logs
+4) GIT — branch name, commit SHAs, PR link (if cloud)
+
+MUST READ (if present): docs/SPEC.md, docs/data-model.md, docs/api/*.md
+DO NOT:
+- Touch real `.env`; only update `.env.example`
+- Add dependencies without explicit approval
diff --git a/.cursor/rules/01-guardrails.mdc b/.cursor/rules/01-guardrails.mdc
new file mode 100644
index 00000000..a4be43c0
--- /dev/null
+++ b/.cursor/rules/01-guardrails.mdc
@@ -0,0 +1,22 @@
+---
+description: Guardrails — permissions, limits, safety
+globs:
+  - "app/**"
+  - "features/**"
+  - "prisma/**"
+  - "app/api/**"
+  - "lib/**"
+alwaysApply: false
+---
+
+# Guardrails
+WRITE ALLOWED: app/**, features/**, lib/**, prisma/**, app/api/**
+ASK FIRST: package.json, pnpm-lock.yaml, next.config.ts, .github/workflows/**
+
+SECURITY:
+- Mọi route phải check session + RBAC
+- Validate input bằng Zod; trả JSON { ok, data | error }
+
+LIMITS:
+- ≤ 20 files / ≤ 800 lines diff / PR; vượt ngưỡng → dừng và hỏi
+- Không ghi logs nhạy cảm (PII)
diff --git a/.cursor/rules/02-repo-map.mdc b/.cursor/rules/02-repo-map.mdc
new file mode 100644
index 00000000..abd6ca44
--- /dev/null
+++ b/.cursor/rules/02-repo-map.mdc
@@ -0,0 +1,16 @@
+---
+description: Repo map & module boundaries for AiM
+globs:
+  - "**/*"
+alwaysApply: false
+---
+
+# Repo Map & Boundaries
+FEATURES: features/{auth,orgs,campaigns,content,assets,calendar,analytics,settings}
+API: app/api/[orgId]/{campaigns,content,assets,schedules,analytics}/...
+DATA: prisma/schema.prisma (source of truth)
+UI: components/layout/*, components/ui/*, components/dashboards/*
+
+RULE:
+- Tôn trọng boundaries: service/repo/UI tách lớp
+- Không gọi Prisma trực tiếp từ UI client
\ No newline at end of file
diff --git a/.cursor/rules/03-sop-ai-sse.mdc b/.cursor/rules/03-sop-ai-sse.mdc
new file mode 100644
index 00000000..be465e56
--- /dev/null
+++ b/.cursor/rules/03-sop-ai-sse.mdc
@@ -0,0 +1,20 @@
+---
+description: SOP for AI-SSE — how to deliver a PR
+globs:
+  - "docs/tasks/**"
+  - "app/**"
+  - "features/**"
+  - "app/api/**"
+  - "prisma/**"
+alwaysApply: false
+---
+
+# SOP for AI-SSE (per PR)
+ACCEPTANCE (check all):
+- Feature chạy sau khi `pnpm dev`
+- Inputs validated (Zod); Auth + RBAC: 401/403 đúng chỗ
+- Có migration + seed + rollback note (dev)
+- CI pass (build, typecheck, lint, /api/health)
+
+RESPONSE FORMAT = theo OUTPUT CONTRACT.
+Nếu chạm schema/kiến trúc → tạo docs/adr/####-*.md
diff --git a/.cursor/rules/04-api-style.mdc b/.cursor/rules/04-api-style.mdc
new file mode 100644
index 00000000..4041fd2a
--- /dev/null
+++ b/.cursor/rules/04-api-style.mdc
@@ -0,0 +1,16 @@
+---
+description: API style & contracts for route handlers
+globs:
+  - "app/api/**"
+  - "lib/**"
+alwaysApply: false
+---
+
+# API Style (Next.js Route Handlers)
+RESPONSE SHAPE:
+{ "ok": true, "data": ... } | { "ok": false, "error": { "code", "message", "details?" } }
+
+VALIDATION: Zod per route → 400 invalid; 404 not found.
+ORG SCOPING: Lấy orgId từ path; cấm cross-org access.
+PAGINATION: ?page=&limit= → { items, total, page, limit }
+ERRORS: Dùng mã ngắn (e.g., E_VALIDATION, E_FORBIDDEN)
diff --git a/.cursor/rules/05-rbac-security.mdc b/.cursor/rules/05-rbac-security.mdc
new file mode 100644
index 00000000..6a1b5f21
--- /dev/null
+++ b/.cursor/rules/05-rbac-security.mdc
@@ -0,0 +1,17 @@
+---
+description: RBAC roles & security checklist
+globs:
+  - "app/api/**"
+  - "lib/**"
+  - "middleware.ts"
+alwaysApply: false
+---
+
+# RBAC & Security
+ROLES: ADMIN, BRAND_OWNER, CREATOR (mặc định deny-by-default).
+HELPERS: lib/rbac.ts — kiểm tra quyền theo orgId + vai trò.
+
+CHECKLIST:
+- [ ] Session bắt buộc cho routes không public
+- [ ] Sanitize input/output; strip secrets khỏi logs
+- [ ] Rate limit (nếu có hành vi ghi/nhạy cảm)
diff --git a/.cursor/rules/06-ci-quality.mdc b/.cursor/rules/06-ci-quality.mdc
new file mode 100644
index 00000000..ec959043
--- /dev/null
+++ b/.cursor/rules/06-ci-quality.mdc
@@ -0,0 +1,18 @@
+---
+description: CI pipeline & quality gates
+globs:
+  - ".github/workflows/**"
+  - "**/*"
+alwaysApply: false
+---
+
+# CI & Quality Gates
+CI MUST:
+- build, typecheck, lint
+- curl /api/health trả 200
+
+PR CHECKLIST (đi vào PR template):
+- [ ] Zod validation
+- [ ] Auth + RBAC checks
+- [ ] Migration/seed + rollback note
+- [ ] CI xanh
diff --git a/.env.example b/.env.example
new file mode 100644
index 00000000..54aed853
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,10 @@
+# Database (Postgres)
+DATABASE_URL="postgresql://postgres:postgres@localhost:5432/circle_dev?schema=public"
+
+# NextAuth
+NEXTAUTH_URL="http://localhost:3000"
+NEXTAUTH_SECRET="changeme-in-local"
+
+# Dev-only credentials login
+DEV_LOGIN_PASSWORD="dev"
+
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 00000000..3bf624f0
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,49 @@
+name: CI
+
+on:
+  push:
+    branches: [ main, develop ]
+  pull_request:
+    branches: [ main, develop ]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'pnpm'
+
+    - name: Install dependencies
+      run: pnpm install --frozen-lockfile
+
+    - name: Lint
+      run: pnpm run lint
+
+    - name: Typecheck
+      run: pnpm run typecheck
+
+    - name: Run unit tests
+      run: pnpm run test
+
+    - name: Build
+      run: pnpm run build
+
+    - name: Install Playwright browsers
+      run: npx playwright install --with-deps
+
+    - name: Run E2E tests
+      run: pnpm run test:e2e
+
+    - name: Health check
+      run: |
+        pnpm run start &
+        sleep 10
+        curl -f http://localhost:3000/api/health || exit 1
+        pkill -f "next start" || true
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 4f9a9e88..2e91c277 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,7 +31,10 @@ yarn-error.log*
 .pnpm-debug.log*
 
 # env files (can opt-in for committing if needed)
-.env*
+.env
+.env.local
+.env.production
+# .env.example is allowed to be committed
 
 # vercel
 .vercel
diff --git a/.obsidian/app.json b/.obsidian/app.json
new file mode 100644
index 00000000..0967ef42
--- /dev/null
+++ b/.obsidian/app.json
@@ -0,0 +1 @@
+{}
diff --git a/.obsidian/appearance.json b/.obsidian/appearance.json
new file mode 100644
index 00000000..0967ef42
--- /dev/null
+++ b/.obsidian/appearance.json
@@ -0,0 +1 @@
+{}
diff --git a/.obsidian/core-plugins.json b/.obsidian/core-plugins.json
new file mode 100644
index 00000000..aa7bd982
--- /dev/null
+++ b/.obsidian/core-plugins.json
@@ -0,0 +1,33 @@
+{
+   "file-explorer": true,
+   "global-search": true,
+   "switcher": true,
+   "graph": true,
+   "backlink": true,
+   "canvas": true,
+   "outgoing-link": true,
+   "tag-pane": true,
+   "footnotes": false,
+   "properties": false,
+   "page-preview": true,
+   "daily-notes": true,
+   "templates": true,
+   "note-composer": true,
+   "command-palette": true,
+   "slash-command": false,
+   "editor-status": true,
+   "bookmarks": true,
+   "markdown-importer": false,
+   "zk-prefixer": false,
+   "random-note": false,
+   "outline": true,
+   "word-count": true,
+   "slides": false,
+   "audio-recorder": false,
+   "workspaces": false,
+   "file-recovery": true,
+   "publish": false,
+   "sync": true,
+   "bases": true,
+   "webviewer": false
+}
diff --git a/.obsidian/workspace.json b/.obsidian/workspace.json
new file mode 100644
index 00000000..ec1b1390
--- /dev/null
+++ b/.obsidian/workspace.json
@@ -0,0 +1,211 @@
+{
+   "main": {
+      "id": "893e4335666bb73c",
+      "type": "split",
+      "children": [
+         {
+            "id": "11c40342203930f7",
+            "type": "tabs",
+            "children": [
+               {
+                  "id": "b1d29e7c72ab1df3",
+                  "type": "leaf",
+                  "state": {
+                     "type": "markdown",
+                     "state": {
+                        "file": "docs/ui/campaigns.md",
+                        "mode": "source",
+                        "source": false
+                     },
+                     "icon": "lucide-file",
+                     "title": "campaigns"
+                  }
+               }
+            ]
+         }
+      ],
+      "direction": "vertical"
+   },
+   "left": {
+      "id": "72e3f419536dccb2",
+      "type": "split",
+      "children": [
+         {
+            "id": "15caff196190004c",
+            "type": "tabs",
+            "children": [
+               {
+                  "id": "5c458420e26c3b03",
+                  "type": "leaf",
+                  "state": {
+                     "type": "file-explorer",
+                     "state": {
+                        "sortOrder": "alphabetical",
+                        "autoReveal": false
+                     },
+                     "icon": "lucide-folder-closed",
+                     "title": "Files"
+                  }
+               },
+               {
+                  "id": "53b843ad39ed6c0f",
+                  "type": "leaf",
+                  "state": {
+                     "type": "search",
+                     "state": {
+                        "query": "",
+                        "matchingCase": false,
+                        "explainSearch": false,
+                        "collapseAll": false,
+                        "extraContext": false,
+                        "sortOrder": "alphabetical"
+                     },
+                     "icon": "lucide-search",
+                     "title": "Search"
+                  }
+               },
+               {
+                  "id": "96501c8e7e5e3dce",
+                  "type": "leaf",
+                  "state": {
+                     "type": "bookmarks",
+                     "state": {},
+                     "icon": "lucide-bookmark",
+                     "title": "Bookmarks"
+                  }
+               }
+            ]
+         }
+      ],
+      "direction": "horizontal",
+      "width": 242.5
+   },
+   "right": {
+      "id": "291dec6b9bbe827e",
+      "type": "split",
+      "children": [
+         {
+            "id": "c54902261a13dcf7",
+            "type": "tabs",
+            "children": [
+               {
+                  "id": "650593ff38043448",
+                  "type": "leaf",
+                  "state": {
+                     "type": "backlink",
+                     "state": {
+                        "file": "docs/ui/campaigns.md",
+                        "collapseAll": false,
+                        "extraContext": false,
+                        "sortOrder": "alphabetical",
+                        "showSearch": false,
+                        "searchQuery": "",
+                        "backlinkCollapsed": false,
+                        "unlinkedCollapsed": true
+                     },
+                     "icon": "links-coming-in",
+                     "title": "Backlinks for campaigns"
+                  }
+               },
+               {
+                  "id": "2d9a526162c43ded",
+                  "type": "leaf",
+                  "state": {
+                     "type": "outgoing-link",
+                     "state": {
+                        "file": "docs/ui/campaigns.md",
+                        "linksCollapsed": false,
+                        "unlinkedCollapsed": true
+                     },
+                     "icon": "links-going-out",
+                     "title": "Outgoing links from campaigns"
+                  }
+               },
+               {
+                  "id": "5092e30ea33d8ccd",
+                  "type": "leaf",
+                  "state": {
+                     "type": "tag",
+                     "state": {
+                        "sortOrder": "frequency",
+                        "useHierarchy": true,
+                        "showSearch": false,
+                        "searchQuery": ""
+                     },
+                     "icon": "lucide-tags",
+                     "title": "Tags"
+                  }
+               },
+               {
+                  "id": "35aaf7d0cc18ec7f",
+                  "type": "leaf",
+                  "state": {
+                     "type": "outline",
+                     "state": {
+                        "file": "docs/ui/campaigns.md",
+                        "followCursor": false,
+                        "showSearch": false,
+                        "searchQuery": ""
+                     },
+                     "icon": "lucide-list",
+                     "title": "Outline of campaigns"
+                  }
+               }
+            ]
+         }
+      ],
+      "direction": "horizontal",
+      "width": 300,
+      "collapsed": true
+   },
+   "left-ribbon": {
+      "hiddenItems": {
+         "switcher:Open quick switcher": false,
+         "graph:Open graph view": false,
+         "canvas:Create new canvas": false,
+         "daily-notes:Open today's daily note": false,
+         "templates:Insert template": false,
+         "command-palette:Open command palette": false,
+         "bases:Create new base": false
+      }
+   },
+   "active": "5c458420e26c3b03",
+   "lastOpenFiles": [
+      "node_modules/@testing-library",
+      "node_modules/@playwright",
+      "node_modules/@eslint",
+      "node_modules/@tailwindcss",
+      "node_modules/@kayron013",
+      "components/campaigns/content/index.ts",
+      "components/campaigns/analytics/index.ts",
+      "components/campaigns/members/index.ts",
+      "app/api/[orgId]/campaigns/[id]/tasks/[taskId]/route.ts",
+      "app/api/[orgId]/campaigns/[id]/tasks/[taskId]",
+      "app/api/[orgId]/campaigns/[id]/contents/route.ts",
+      "docs/tasks/PR-002-campaigns-content-crud.md",
+      "docs/tasks/PR-001-auth-prisma.md",
+      "docs/ui/campaigns.md",
+      "docs/ui/README.md",
+      "docs/ui/dashboards.md",
+      "docs/ui/content-editor.md",
+      "docs/ui/auth.md",
+      "docs/ui/dashboard-layout.md",
+      "docs/ui/content-layout.md",
+      "docs/ui/campaigns-layout.md",
+      "docs/ui/schedule.md",
+      "docs/adr/0002-schedule-system-architecture.md",
+      "docs/design/schedule/README.md",
+      "docs/tasks/PR-012-documentation-deployment.md",
+      "docs/tasks/PR-011-testing-quality.md",
+      "docs/tasks/PR-010-performance-optimization.md",
+      "docs/tasks/PR-009-settings-management.md",
+      "docs/tasks/PR-008-analytics-reporting.md",
+      "docs/tasks/PR-007-scheduling-calendar.md",
+      "docs/tasks/README.md",
+      "docs/tasks/PR-006-ai-integration.md",
+      "docs/tasks/PR-005-dashboards.md",
+      "docs/tasks/PR-004-assets-upload.md",
+      "docs/tasks/PR-003-rbac-navigation.md",
+      "docs/playbooks/rollback.md"
+   ]
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 00000000..1b525590
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+   // Use IntelliSense to learn about possible attributes.
+   // Hover to view descriptions of existing attributes.
+   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+   "version": "0.2.0",
+   "configurations": [
+      {
+         "type": "chrome",
+         "request": "launch",
+         "name": "Launch Chrome against localhost",
+         "url": "http://localhost:3000",
+         "webRoot": "${workspaceFolder}"
+      }
+   ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..eb66b02f
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+   "chatgpt.openOnStartup": true
+}
diff --git a/AI_INTEGRATION_README.md b/AI_INTEGRATION_README.md
new file mode 100644
index 00000000..3026adfc
--- /dev/null
+++ b/AI_INTEGRATION_README.md
@@ -0,0 +1,246 @@
+# AI Services Integration for AiM
+
+This document describes the AI services integration implemented in the AiM (AI Marketing) platform.
+
+## Overview
+
+The AI integration provides the following services:
+
+- **Content Generation**: Generate new content based on prompts
+- **Content Summarization**: Summarize long-form content
+- **Content Translation**: Translate content to different languages
+- **Idea Generation**: Generate creative ideas for content topics
+
+## Setup
+
+### Environment Variables
+
+Add the following to your `.env` file:
+
+```env
+# OpenAI
+OPENAI_API_KEY="your-openai-api-key-here"
+```
+
+### Dependencies
+
+The following packages are required:
+
+- `openai`: OpenAI SDK for API integration
+
+Install with:
+
+```bash
+pnpm add openai
+```
+
+## API Endpoints
+
+### Content Generation
+
+**POST** `/api/[orgId]/content/generate`
+
+Generates new content using AI based on a prompt.
+
+**Request Body:**
+
+```json
+{
+   "prompt": "Write a social media post about summer fashion",
+   "campaignId": "campaign-uuid"
+}
+```
+
+**Response:**
+
+```json
+{
+   "id": "content-uuid",
+   "title": "AI Generated: Write a social media post about summer fashion...",
+   "body": "Generated content here...",
+   "campaignId": "campaign-uuid",
+   "createdAt": "2024-01-01T00:00:00.000Z"
+}
+```
+
+### Content Summarization
+
+**POST** `/api/[orgId]/content/summarize`
+
+Summarizes provided content.
+
+**Request Body:**
+
+```json
+{
+  "content": "Long text to summarize...",
+  "length": "brief" | "detailed"
+}
+```
+
+**Response:**
+
+```json
+{
+   "summary": "Summarized content here..."
+}
+```
+
+### Content Translation
+
+**POST** `/api/[orgId]/content/translate`
+
+Translates content to a target language.
+
+**Request Body:**
+
+```json
+{
+   "content": "Text to translate",
+   "targetLanguage": "Spanish",
+   "sourceLanguage": "English" // optional
+}
+```
+
+**Response:**
+
+```json
+{
+   "translatedContent": "Texto traducido"
+}
+```
+
+### Idea Generation
+
+**POST** `/api/[orgId]/content/ideas`
+
+Generates creative ideas for content topics.
+
+**Request Body:**
+
+```json
+{
+  "topic": "social media marketing",
+  "count": 5,
+  "type": "general" | "titles" | "hashtags" | "campaigns"
+}
+```
+
+**Response:**
+
+```json
+{
+   "ideas": ["Idea 1", "Idea 2", "Idea 3"]
+}
+```
+
+## UI Integration
+
+### Creator Dashboard
+
+The AI features are integrated into the Creator Dashboard with three main sections:
+
+1. **AI Assistant Tab**: Contains forms for all AI services
+2. **Content Studio**: AI-powered content creation dialog
+3. **Idea Generation**: Generate content ideas based on topics
+
+### Features
+
+- **Real-time AI Generation**: Generate content instantly
+- **Campaign Integration**: Associate generated content with campaigns
+- **Multi-language Support**: Translate content to various languages
+- **Idea Brainstorming**: Generate multiple ideas for content topics
+- **Content Optimization**: Summarize and improve existing content
+
+## Usage Examples
+
+### Generating Content
+
+```typescript
+import { generateContent } from '@/lib/openai';
+
+const content = await generateContent({
+   prompt: 'Write a blog post about AI in marketing',
+   type: 'blog',
+   tone: 'professional',
+   length: 'medium',
+});
+```
+
+### Summarizing Content
+
+```typescript
+import { summarizeContent } from '@/lib/openai';
+
+const summary = await summarizeContent({
+   content: 'Long article text...',
+   length: 'brief',
+});
+```
+
+### Translating Content
+
+```typescript
+import { translateContent } from '@/lib/openai';
+
+const translation = await translateContent({
+   content: 'Hello world',
+   targetLanguage: 'Spanish',
+});
+```
+
+### Generating Ideas
+
+```typescript
+import { generateIdeas } from '@/lib/openai';
+
+const ideas = await generateIdeas({
+   topic: 'content marketing',
+   count: 5,
+   type: 'general',
+});
+```
+
+## Error Handling
+
+All AI functions include proper error handling:
+
+- API key validation
+- Network error handling
+- Rate limiting considerations
+- Fallback responses for failed requests
+
+## Security
+
+- API keys are stored as environment variables
+- All endpoints require authentication
+- RBAC permissions are enforced
+- Input validation using Zod schemas
+
+## Testing
+
+Run the AI integration tests:
+
+```typescript
+import { runAITests } from '@/lib/ai-test';
+
+// Run all tests
+const results = await runAITests();
+```
+
+## Future Enhancements
+
+- Support for additional AI models
+- Batch processing for multiple content items
+- Advanced content optimization features
+- Integration with other AI services
+- Custom AI model training
+
+## Support
+
+For issues or questions about the AI integration:
+
+1. Check the API key is valid and has sufficient credits
+2. Verify network connectivity
+3. Review error logs in the console
+4. Ensure proper permissions are set for the user
diff --git a/AiM_Migration_Plan_vi.md b/AiM_Migration_Plan_vi.md
new file mode 100644
index 00000000..a209ae15
--- /dev/null
+++ b/AiM_Migration_Plan_vi.md
@@ -0,0 +1,586 @@
+---
+title: 'Kế hoạch Phân tích & Migration Toàn Diện cho **AiM Platform**'
+tags: [AiM, Migration, Architecture, Next.js, Prisma, NextAuth, Postgres, RBAC, Obsidian]
+date: 2025-09-02
+---
+
+# Kế hoạch Phân tích & Migration Toàn Diện cho **AiM Platform**
+
+## 1) Tóm tắt điều hành (**Executive Summary**)
+
+Repository hiện tại (**ioqwfoihas**, tên **Circle**) là một ứng dụng **Next.js** lấy cảm hứng từ công cụ quản lý dự án **Linear**. Ứng dụng theo dõi _issues, projects, teams_ với UI hiện đại, _responsive_. `package.json` cho thấy đây là **client-only stack** với các dependencies như **Next.js 15**, **React 19**, **Tailwind CSS**, **Radix UI**, **Zustand**, **Recharts** và **Zod**. Chưa có **database** hay **API layer**; dữ liệu đang nằm ở **local state**.
+
+**AiM** hướng tới chuyển hoá codebase này thành một **AI‑powered content platform** phục vụ **Creators** và **Brands**. Hệ thống tương lai cần hỗ trợ **role‑based dashboards**, **campaign planning**, **AI‑assisted content creation**, **scheduling**, **asset management**, **analytics** và **administrative controls**. Báo cáo này phân tích repo, _map_ năng lực hiện tại sang yêu cầu **AiM**, xác định **gaps/risks**, đề xuất **target architecture** và **data model**, đồng thời cung cấp **migration roadmap** với **150+** nhiệm vụ khả dụng ngay.
+
+---
+
+## 2) Kiểm kê Repo & Tech Stack (**Repo Inventory & Tech Stack**)
+
+### Cây thư mục (ước lượng, depth ≤ 3)
+
+> Ghi chú: do không có listing đầy đủ, một số đường dẫn được suy luận theo pattern **Linear/Next.js** phổ biến.
+
+```text
+ioqwfoihas/
+├─ README.md
+├─ package.json
+├─ tsconfig.json
+├─ next.config.ts
+├─ app/
+│  ├─ page.tsx
+│  ├─ layout.tsx
+│  ├─ lndev-ui/
+│  │  ├─ team/[team]/[view]/
+│  │  │  ├─ page.tsx
+│  │  │  └─ layout.tsx
+│  │  ├─ settings/…
+│  │  └─ …
+│  └─ (auth)/
+├─ components/
+│  ├─ ui/
+│  ├─ board/
+│  ├─ modal/
+│  ├─ chart/
+│  └─ navigation/
+├─ lib/
+│  ├─ store/
+│  ├─ hooks/
+│  └─ utils.ts
+├─ public/
+├─ styles/
+├─ .husky/
+└─ .eslintrc, .prettierrc
+```
+
+### Công nghệ & phiên bản (**Tech & Versions**)
+
+| Khu vực                | Chi tiết                                             |
+| ---------------------- | ---------------------------------------------------- |
+| **Framework**          | **Next.js 15** (App Router, React Server Components) |
+| **Ngôn ngữ**           | **TypeScript** (strict)                              |
+| **UI Library**         | **shadcn/ui** (trên nền **Radix UI**)                |
+| **Styling**            | **Tailwind CSS v4** + `tailwindcss-animate`          |
+| **State Mgmt**         | **Zustand** cho client state                         |
+| **Forms & Validation** | **React Hook Form** + **Zod**                        |
+| **Charts**             | **Recharts**                                         |
+| **Utilities**          | `clsx`, `date-fns`, `uuid`, …                        |
+| **Testing**            | Chưa có **Jest/Vitest/Cypress**                      |
+| **CI & Scripts**       | **Husky**, **lint-staged**, **ESLint**, **Prettier** |
+| **Database/ORM**       | Chưa có (no **Prisma/ORM**)                          |
+
+---
+
+## 3) Đánh giá kiến trúc (**Architecture Assessment**)
+
+- **Single-app**: cấu trúc **Next.js** thuần, không **monorepo/workspaces**.
+- **Client‑only**: không có API routes/server logic; dữ liệu nằm ở **Zustand** → _không phù hợp cho AiM_ (cần persistence).
+- **UI/UX**: responsive, dark/light, sidebars, modals; dùng **shadcn/ui** + **Radix**; có command palette (**cmdk**) và **Recharts** có thể tái sử dụng.
+- **Routing**: **App Router**; root page redirect sang board; dynamic routes theo `team/view`.
+- **State**: **Zustand** cho local data; để lên **AiM** cần **React Query** (data fetching/cache) + backend.
+- **Auth**: Chưa có **authentication/roles**.
+- **Config/Env**: Tối thiểu; chưa có `.env.example` hay secret management.
+- **Quality/DX**: Có lint/format cơ bản; chưa có tests/CI đầy đủ.
+- **Security**: Không có ranh giới bảo mật (no auth, no server validation).
+
+---
+
+## 4) Mapping sang **AiM** (**Reuse / Extend / Replace / Remove**)
+
+| Module/Screen hiện có          | Mapping sang AiM                    | Action             | Lý do                                                                                                            |
+| ------------------------------ | ----------------------------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------- |
+| UI Shell (layout, navigation)  | Base dashboard cho mọi role         | **Reuse & Extend** | Giữ responsive & theme; mở rộng navigation: **Campaigns, Content Studio, Calendar, Assets, Analytics, Settings** |
+| Team/Project Boards            | **Campaign Kanban**                 | **Extend**         | Chuyển issue card → campaign card (**Draft/Active/Completed**), drag‑drop persist                                |
+| List/Issue Views               | **Content lists** trong campaign    | **Replace**        | Thay issue list → content items; thêm trạng thái AI (**Draft/AI‑generated/Approved**)                            |
+| **Zustand Stores** (mock data) | Server data qua **React Query**     | **Replace**        | **Zustand** chỉ giữ UI state; data persist qua **Postgres/API**                                                  |
+| Modals & Forms                 | Wizards tạo **Campaign/Content**    | **Reuse & Extend** | Reuse modal patterns + multi‑step, **zod** validation, AI suggestions                                            |
+| Charts (**Recharts**)          | **Campaign/Content analytics**      | **Reuse & Extend** | Nối analytics API, hiển thị metrics (impressions/CTR/ROI)                                                        |
+| Command palette                | **AI assistant** & global search    | **Extend**         | Palette nhận prompt AI, thực thi lệnh (“Generate LinkedIn post for X”)                                           |
+| Auth/RBAC (missing)            | **Auth** & role‑based access        | **Add**            | Thêm **NextAuth** + **Prisma**, roles: **Creator/Brand/Admin** (+**Reviewer/Publisher** nếu cần)                 |
+| API & ORM (missing)            | API endpoints/**tRPC** + **Prisma** | **Add**            | CRUD cho campaigns/contents/schedules/assets/analytics                                                           |
+| Tests/CI (missing)             | Testing & CI pipelines              | **Add**            | Unit/integration/e2e; **GitHub Actions**: lint, test, build, health check                                        |
+| Assets (missing)               | Asset storage                       | **Add**            | Upload → **S3/UploadThing**; Asset Library UI/API                                                                |
+| Analytics (missing)            | Event tracking & dashboards         | **Add**            | Thu thập events (view/click/conv), tổng hợp hiển thị                                                             |
+| AI (missing)                   | AI content generation               | **Add**            | Server route gọi AI provider; UI để generate/refine/translate                                                    |
+| i18n (missing)                 | Đa ngôn ngữ                         | **Extend**         | Thêm **next-intl** (English/Vietnamese)                                                                          |
+| Settings (missing)             | Settings (profile/org/billing/AI)   | **Add**            | Trang cấu hình user/org, API keys, preferences, …                                                                |
+
+---
+
+## 5) Gaps, Risks & Mitigations
+
+### Gaps
+
+- **Persistence**: chưa có DB → **Prisma + Postgres** (schema cho **Users/Orgs/Campaign/Content/Asset/Schedule/Analytics**).
+- **Auth & RBAC**: thiếu → **NextAuth** + role enum/middleware.
+- **API layer**: thiếu CRUD → API routes hoặc **tRPC** + **zod** validation.
+- **Testing/CI**: thiếu → thêm **Jest/Vitest**, **Playwright**, **GitHub Actions**.
+- **Security**: chưa có validation, rate limit, secrets → thêm server validation, rate limiting, secret mgmt.
+- **Observability**: thiếu logs/monitoring → **pino/winston**, **Sentry**.
+- **i18n**: English‑only → **next-intl**.
+- **Scalability**: dễ thành monolith → module boundaries, cân nhắc packages sau.
+
+### Risks & Mitigations
+
+| Risk                                    | Tác động         | Xác suất | Giảm thiểu                                              |
+| --------------------------------------- | ---------------- | -------- | ------------------------------------------------------- |
+| Migration phức tạp                      | Dễ phát sinh bug | Cao      | Chia nhỏ PR, giữ trạng thái chạy được, test tự động     |
+| Dependencies chưa ổn định (**Next 15**) | Compatibility    | TB       | Pin version, thử nghiệm trước khi merge                 |
+| Security (auth/upload)                  | Lỗ hổng          | TB       | Lib an toàn, OWASP, rate limit, file‑type validation    |
+| Hiệu năng (board nhiều items)           | Lag              | TB       | Pagination/virtualization, lazy load, React Query cache |
+| Adoption/training                       | Chậm triển khai  | TB       | Tài liệu, code samples, workshop                        |
+| Compliance (GDPR, …)                    | Rủi ro pháp lý   | Thấp     | Privacy by design, retention policy, consent            |
+
+---
+
+## 6) Kiến trúc mục tiêu (**Target Architecture for AiM**)
+
+```mermaid
+flowchart TD
+    subgraph Client
+        U[Creators/Brands/Admins] -->|Browser| FE[Next.js 15 App]
+        FE -->|Fetch| API
+        FE -->|Auth Hooks| AuthClient
+    end
+    subgraph Server
+        API --> DB[(PostgreSQL via Prisma)]
+        API --> AIService[(External AI API)]
+        API --> Storage[(Asset Storage: S3/UploadThing)]
+        API --> Analytics[(Analytics Service)]
+        API --> RBAC[(RBAC Middleware)]
+        AuthService[(NextAuth.js)] --> DB
+        RBAC --> AuthService
+    end
+    Analytics --> DB
+    FE -.->|WebSockets| Notifications[(Real-time Notifications)]
+```
+
+**Mô tả ngắn**
+
+- **Frontend (Next.js)**: server/client components; **Zustand** cho UI state; **React Query** để fetch/cache.
+- **API layer (Next API routes/tRPC)**: endpoints cho campaign/content/asset/schedule/analytics/ai; **zod** + RBAC middleware.
+- **Auth**: **NextAuth.js**, session lưu DB.
+- **DB**: **PostgreSQL** qua **Prisma** (migrations).
+- **AI Service**: proxy tới provider (**OpenAI/…**).
+- **Asset Storage**: **S3/UploadThing**, metadata trong DB.
+- **Analytics**: thu thập & tổng hợp events.
+- **Real‑time**: **WebSockets/Pusher** (tuỳ chọn).
+
+### Data model đề xuất (**Proposed Data Model**)
+
+| Entity                | Fields chính                                                                                                                  | Quan hệ                                                                        |
+| --------------------- | ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
+| **User**              | `id, name, email (unique), passwordHash, role (creator/brand/admin/reviewer/publisher), organizationId, timestamps`           | Thuộc **Organization**; tạo **Campaign/Content/Schedule/Asset/AnalyticsEvent** |
+| **Organization**      | `id, name, slug, timestamps`                                                                                                  | Có nhiều **Users/Campaigns/Assets**                                            |
+| **Campaign**          | `id, organizationId, createdById, name, description, status (draft/active/completed), budget, startDate, endDate, timestamps` | Thuộc **Organization/User**; có **Contents/Schedules/AnalyticsEvents**         |
+| **Content**           | `id, campaignId, authorId, assetId?, title, body, type, aiGenerated, status, metadata (JSON), timestamps`                     | Thuộc **Campaign**; tham chiếu **Asset**; có **Schedules/AnalyticsEvents**     |
+| **Asset**             | `id, organizationId, uploadedById, fileName, fileType, size, url, timestamps`                                                 | Thuộc **Organization**; liên kết nhiều **Contents**                            |
+| **Schedule**          | `id, contentId, campaignId, scheduledAt, platform, status, createdById`                                                       | Lịch đăng cho **Content** trong **Campaign**                                   |
+| **AnalyticsEvent**    | `id, contentId, userId?, eventType, timestamp, metadata`                                                                      | Log tương tác, dùng để tổng hợp                                                |
+| **Role** _(tuỳ chọn)_ | `id, name, permissions (JSON)`                                                                                                | Many‑to‑many với **User** nếu cần RBAC chi tiết                                |
+
+### UI shell & điều hướng theo role (**Role‑Based Navigation**)
+
+- **Creator**: Dashboard nhanh vào _Campaigns, Content Studio, Calendar, Assets, Analytics_; có AI assistant; hiển thị deadlines/assignments.
+- **Brand**: Tổng quan campaigns, approval queue, budget/ROI; duyệt nội dung, review assets, giám sát lịch.
+- **Admin**: Quản trị organizations/users/roles/settings; cấu hình billing/AI quotas.
+
+---
+
+## 7) Kế hoạch Delta theo file (**Delta Plan – File‑level**)
+
+> Bảng **ADD/MODIFY/REMOVE** chi tiết — xem đầy đủ trong bản gốc; giữ nguyên danh sách đường dẫn và mô tả như đã đề xuất (**Prisma schema**, **API routes**, **pages**, **components**, **workflows CI**, **Docker**, **scripts**…).
+
+**ADD**:  
+`prisma/schema.prisma`, `prisma/migrations/*`, `lib/prisma.ts`, `app/api/auth/[...nextauth]/route.ts`, `app/api/auth/register/route.ts`,  
+`app/api/campaigns/*`, `app/api/contents/*`, `app/api/assets/*`, `app/api/schedules/*`, `app/api/analytics/*`,  
+`app/api/ai/generate/route.ts`, `app/middleware.ts`, `lib/rbac.ts`, `lib/hooks/useCurrentUser.ts`,  
+`(auth)/login`, `(auth)/register`, `(dashboard)/creator`, `(dashboard)/brand`, `(dashboard)/admin`,  
+`campaigns/*`, `content/*`, `calendar/page.tsx`, `assets/page.tsx`, `settings/page.tsx`,  
+các components `forms/ai/navigation/dashboard…`, `.env.example`, `.github/workflows/*.yml`, `Dockerfile`, `docker-compose.yml`, `scripts/publish-worker.ts`…
+
+**MODIFY**:  
+`package.json`, `tsconfig.json`, `next.config.ts`, `app/layout.tsx`, `app/page.tsx`, `components/board/*`, `components/navigation/*`, `styles/globals.css`…
+
+**REMOVE**:  
+mock data trong `lib/store`, routes cũ dưới `lndev-ui` không dùng, assets placeholder.
+
+---
+
+## 8) Lộ trình 30/60/90 ngày (**Roadmap**)
+
+- **0–30 ngày – Nền tảng**: **Prisma/Postgres**, **Auth + RBAC**, **API** cơ bản, **Dashboard shell**, CI tối thiểu, Docs.
+- **31–60 ngày – Tính năng chính**: **Campaign Kanban + Wizard**, **Content Studio + AI**, **Calendar & Scheduling**, **Asset Library**, **Analytics** cơ bản, **i18n**, **Testing**.
+- **61–90 ngày – Nâng cao & polishing**: RBAC chi tiết, **Realtime notifications**, **Observability**, **Performance**, **Collaboration**, **Deployment**, **Extensibility**.
+
+> Chi tiết từng hạng mục đã được giữ nguyên và diễn giải tiếng Việt ở phần **Backlog**.
+
+---
+
+## 9) Backlog – To‑Do chi tiết (≥ 150 tasks)
+
+Giữ nguyên cấu trúc **Epic → Story → Task** như bản gốc. Nội dung dưới đây được dịch phần diễn giải, giữ thuật ngữ gốc trong ngoặc cho dễ đọc.  
+Mỗi task có: **Acceptance Criteria**, **Files touched**, **Effort (S/M/L)**, **Priority (P0–P3)**.
+
+### Epic: **Authentication & RBAC**
+
+**Story: Cài đặt & cấu hình NextAuth.js**
+
+- Cài dependencies Auth… (như bản gốc; acceptance/files/effort/priority giữ nguyên). _Gợi ý_: dùng **NextAuth** (credentials provider), **bcrypt**, **JWT**.
+- Tạo route `app/api/auth/[...nextauth]/route.ts` (credentials) với callbacks (session/JWT)…
+- Hash password (`lib/auth.ts`) bằng **bcrypt**…
+- Endpoint **register** tạo **User + Organization**…
+- Bọc `<SessionProvider>`…
+- Trang **login** (zod validation, `signIn()`)…
+- Trang **register** (tạo org, role mặc định)…
+- **Logout** (`signOut()`)…
+- `/api/auth/session` trả user hiện tại…
+
+**Story: Quản lý vai trò (**Role Management & RBAC**)**
+
+- `lib/roles.ts` khai báo enum roles…
+- Thêm field **role** vào **User** (**Prisma enum**)…
+- `lib/rbac.ts` helpers `hasRole/hasPermission` + tests…
+- `middleware.ts` bảo vệ route theo session/role…
+- Gán role khi register (first user = **admin**)…
+- Role switcher (dev only)…
+- **Role‑based navigation** (Sidebar)…
+- **Role‑based API checks**…
+
+### Epic: **Database & Prisma**
+
+**Story: Định nghĩa schema**
+
+- `npx prisma init`…
+- Models **User/Organization**…
+- **Campaign**…
+- **Content**…
+- **Asset**…
+- **Schedule**…
+- **AnalyticsEvent**…
+- _(Tuỳ chọn)_ **Role/UserRole**…
+
+**Story: Migrations & Seeding**
+
+- `prisma migrate dev --name init`…
+- `scripts/seed.ts` (roles, admin, org mẫu, campaigns, content)…
+- `pnpm seed`…
+- Document DB setup trong **README**…
+
+### Epic: **API Layer**
+
+**Story: Campaign Endpoints**
+
+- `GET /campaigns` (pagination/search, RBAC)…
+- `POST /campaigns` (zod, `createdBy`, status `draft`)…
+- `GET /campaigns/[id]` (details + relations)…
+- `PUT /campaigns/[id]`…
+- `DELETE /campaigns/[id]` (cascade theo rule)…
+- `GET /campaigns/[id]/analytics` (summary)…
+- `POST /campaigns/[id]/duplicate`…
+
+**Story: Content Endpoints**
+
+- `GET /contents` (filter status/type)…
+- `POST /contents` (create)…
+- `GET /contents/[id]` (asset/author/schedules)…
+- `PUT /contents/[id]` (restrictions by role/status)…
+- `DELETE /contents/[id]`…
+- `POST /contents/[id]/submit` (submit for approval)…
+- `POST /contents/[id]/approve|reject` (**Brand** role)…
+- `POST /ai/generate` (**OpenAI**; cache; audit)…
+- `POST /ai/translate`…
+- `POST /ai/summarise`…
+
+**Story: Asset Endpoints**
+
+- `POST /assets` (**UploadThing/S3**; validate type/size; metadata)…
+- `GET /assets` (org scope; pagination/search)…
+- `DELETE /assets/[id]` (prevent delete if in‑use)…
+- `GET /assets/upload-url` (pre‑signed **S3**)…
+
+**Story: Schedule Endpoints**
+
+- `GET /schedules` (filters)…
+- `POST /schedules` (validate future; content must be approved)…
+- `PUT /schedules/[id]`…
+- `POST /schedules/[id]/cancel`…
+- `scripts/publish-worker.ts` (cron publish + analytics + notifications)…
+
+**Story: Analytics Endpoints**
+
+- `POST /analytics` (record event)…
+- `GET /analytics` (filters)…
+- `GET /analytics/summary` (aggregate)…
+- `GET /analytics/export` (CSV/Excel; admin/brand only)…
+
+### Epic: **Frontend – Global Layout & Navigation**
+
+**Story: Providers & Setup**
+
+- **React Query** provider (`QueryClientProvider`, `Hydrate`)…
+- **next-intl** (en/vi) + `<IntlProvider>`…
+- **Theme provider** (dark/light)…
+
+**Story: Sidebar & Topbar**
+
+- Sidebar (role‑specific menus)…
+- Topbar (search, notifications, user menu)…
+- **Command palette** (global search + AI commands)…
+- **Notifications panel** (**Radix UI** + realtime)…
+
+### Epic: **Dashboards**
+
+**Story: Creator Dashboard**
+
+- Summary cards (active campaigns, drafts, scheduled, impressions)…
+- Campaign list…
+- Quick actions…
+- Draft reminders…
+- AI suggestions widget…
+
+**Story: Brand Dashboard**
+
+- Brand metrics cards (budget/ROI)…
+- Approval queue…
+- Budget vs ROI chart…
+- Creator leaderboard…
+- Campaign health summary…
+
+**Story: Admin Dashboard**
+
+- `UserTable` (enable/disable)…
+- `OrgTable` (rename/delete cascade)…
+- Role manager (nếu dùng Role model)…
+- Audit logs…
+- Feature flags…
+
+### Epic: **Campaign Module**
+
+**Story: Campaign List & Board**
+
+- Campaign table (sort/filter/search)…
+- Pagination/infinite scroll…
+- Board view (**Draft/Active/Completed**; drag‑drop persist)…
+- Campaign detail (**Overview/Content/Schedule/Analytics/Settings**)…
+- Create wizard (multi‑step)…
+- Duplicate…
+- Delete confirm…
+- Search debounce…
+- Permissions UI…
+
+### Epic: **Content Module**
+
+**Story: Content Editor**
+
+- Rich text editor (**TipTap**)…
+- **AI assistant** panel (prompt, rewrite, tone)…
+- Auto‑save drafts…
+- Asset picker…
+- Preview…
+- **Translate & summarise**…
+- Status management (**Draft/Submitted/Approved/Published/Rejected**)…
+- Comments & versioning…
+
+**Story: Content List & Cards**
+
+- Content list (trong **Campaign**)…
+- Content card (badge, quick actions)…
+- Filtering & search…
+- Bulk actions…
+
+### Epic: **Calendar & Scheduling**
+
+**Story: Calendar View**
+
+- Calendar page (**react-day-picker**) — color‑code theo platform…
+- Schedule form modal (platform/date/time/timezone)…
+- Timezone support (user preference, store **UTC**)…
+- Recurring schedules (**RRULE** model)…
+
+### Epic: **Assets Module**
+
+**Story: Asset Library UI**
+
+- Assets page (search/filter/thumbnail)…
+- Upload dialog (multi files, progress)…
+- Asset detail drawer (preview, metadata, usage)…
+- Asset usage indicator…
+
+### Epic: **Analytics Module**
+
+**Story: Analytics Dashboards**
+
+- Overview chart (7/30/90)…
+- Campaign analytics tab (line/bar/pie)…
+- Content analytics tab…
+- Creator performance…
+- Export analytics UI…
+
+### Epic: **Settings Module**
+
+**Story: User & Organization Settings**
+
+- Profile settings (name/email/password; AI usage)…
+- Organization settings (slug/logo/default language)…
+- Notification preferences…
+- Billing & quotas (**Stripe**)…
+- API keys management…
+
+### Epic: **Internationalisation**
+
+**Story: i18n**
+
+- Cài **next-intl** (en/vi)…
+- Tạo translation files…
+- Refactor components dùng `t('key')`…
+- Language switcher…
+
+### Epic: **Testing & Quality**
+
+**Story: Unit & Integration Tests**
+
+- **Jest/Vitest** setup…
+- Tests cho utilities (auth, rbac, utils)…
+- Tests forms & components…
+- Tests API routes…
+
+**Story: End‑to‑End Tests**
+
+- **Playwright** setup…
+- e2e login…
+- e2e create campaign…
+- e2e content workflow…
+- e2e schedule & publish…
+
+### Epic: **CI/CD & Observability**
+
+**Story: Continuous Integration**
+
+- `ci.yml` (lint/build/test)…
+- `e2e.yml` (**Playwright** artifacts)…
+- Health check (`/api/health`)…
+
+**Story: Delivery & Deployment**
+
+- `Dockerfile` (**Node 20**; `prisma migrate deploy`)…
+- `docker-compose.yml` (app + postgres + mailhog)…
+- `deploy.yml` (push image, deploy staging/prod)…
+
+**Story: Observability & Monitoring**
+
+- Logging (**pino/winston**)…
+- Error tracking (**Sentry**)…
+- `/api/health`…
+- `/api/metrics` (**Prometheus prom-client**)…
+
+### Epic: **AI Integration**
+
+**Story: AI Services**
+
+- Chọn AI provider (đánh giá cost/perf/language)…
+- AI proxy endpoint (`/api/ai/generate`) — prompt engineering, rate limit, cache…
+- Prompt library (`lib/prompts.ts`)…
+- AI usage tracking (model **AIUsage** hoặc gắn vào **Analytics**)…
+- AI tone tuning (formal/friendly/professional)…
+- Content idea generator (`/api/ai/ideas`)…
+
+### Epic: **Performance & Scalability**
+
+**Story: Optimisations**
+
+- Bundle analysis (`next build --profile`, dynamic imports)…
+- Image optimization (`<Image/>`, lazy)…
+- Virtualization (lists > 100 rows)…
+- Caching & SWR (**React Query** strategies)…
+
+> ⚠️ **Tổng số mục checklist vượt 150** (đủ chuẩn để tạo **GitHub Issues** ngay).
+
+---
+
+## 10) CI/CD & Quality Gates
+
+- **Static Analysis**: **ESLint/Prettier**, **Husky** pre‑commit.
+- **Type Checking**: `tsc --noEmit` trong CI.
+- **Unit & Integration Tests**: ≥ 80% cho core logic.
+- **E2E Tests**: **Playwright** trên PR.
+- **Build & Health Check**: ping `/api/health`.
+- **Code Review**: branch protection + **Conventional Commits**.
+- **Secrets Management**: **GitHub Secrets**, `.env.example`.
+- **CD Pipeline**: deploy **staging** tự động; smoke test; promote to **prod**.
+
+---
+
+## 11) `.env` & xử lý secrets (**Secrets Handling**)
+
+Tạo **.env.example** với các biến:
+
+```env
+DATABASE_URL="postgresql://aim_user:password@localhost:5432/aim_db"
+NEXTAUTH_SECRET="set-a-random-secret-here"
+NEXTAUTH_URL="http://localhost:3000"
+S3_BUCKET="aim-assets"
+S3_REGION="ap-southeast-1"
+S3_ACCESS_KEY_ID=""
+S3_SECRET_ACCESS_KEY=""
+AI_API_KEY=""
+PUBLIC_SITE_URL="http://localhost:3000"
+DEFAULT_LANGUAGE="en"
+
+# Optional
+SMTP_HOST=""
+SMTP_PORT=""
+SMTP_USER=""
+SMTP_PASS=""
+```
+
+- Dev sao chép `.env.example` → `.env` (được `.gitignore`).
+- Prod dùng **platform secrets** (**Vercel/AWS/GitHub Actions**).
+- Tránh log secrets; **rotate** định kỳ; **least privilege**.
+
+---
+
+## 12) Câu hỏi mở (**Open Questions**)
+
+- **Stack Upgrade Tolerance**: Giữ **Next.js 15** hay cân nhắc **Next.js 14 LTS** để ổn định?
+- **Roles bổ sung**: Có cần **Reviewer/Publisher** không?
+- **Compliance**: Có yêu cầu **GDPR/ISO** cụ thể? (ảnh hưởng đến retention, consent, audit).
+
+---
+
+## 13) Phụ lục (**Appendix**)
+
+### Scripts/Commands đề xuất
+
+```bash
+pnpm prisma generate
+pnpm prisma migrate dev --name <migration>
+pnpm seed
+pnpm dev
+pnpm build
+pnpm test
+pnpm e2e
+node scripts/publish-worker.js
+```
+
+### Quy ước thư mục (**Folder Conventions**)
+
+```
+app/        # App Router; groups theo role
+components/ # UI tái sử dụng theo domain
+lib/        # Prisma/RBAC/logger/metrics/prompts/hooks
+prisma/     # schema + migrations
+public/     # assets
+scripts/    # seed/cron/test data
+tests/      # unit/integration/e2e
+```
+
+### Coding Guidelines
+
+- **TypeScript** nghiêm ngặt, tránh `any`.
+- **Conventional Commits**.
+- **ESLint + Prettier** (Next preset).
+- Ưu tiên **Server Components**; **Client Components** khi cần interactivity.
+- **React Query** cho data fetching/cache.
+- **zod** validate ở boundary (API/forms).
+- **A11y** với **Radix/ARIA**.
+- Viết tests cho components/APIs (ưu tiên critical paths).
diff --git a/DEPLOYMENT_README.md b/DEPLOYMENT_README.md
new file mode 100644
index 00000000..21a09a46
--- /dev/null
+++ b/DEPLOYMENT_README.md
@@ -0,0 +1,57 @@
+# Deployment and Monitoring Guide
+
+## Containerization
+
+### Docker
+
+- Build: `docker build -t aim-platform .`
+- Run: `docker run -p 3000:3000 aim-platform`
+
+### Docker Compose (Development)
+
+- Start: `docker-compose up`
+- Stop: `docker-compose down`
+
+## Deployment
+
+### Vercel
+
+1. Connect repository to Vercel
+2. Set environment variables in Vercel dashboard:
+   - `DATABASE_URL`
+   - `NEXTAUTH_SECRET`
+   - `NEXTAUTH_URL`
+   - `OPENAI_API_KEY`
+3. Deploy
+
+### AWS Amplify
+
+1. Connect repository to Amplify
+2. Configure build settings (amplify.yml provided)
+3. Set environment variables
+4. Deploy
+
+## Environment Variables
+
+### Production (.env.production)
+
+- Update with production values
+- Use secure secrets for sensitive data
+
+## Monitoring
+
+### Health Check
+
+- Endpoint: `/api/health`
+- Returns status of services (database, OpenAI)
+- Use for load balancer health checks
+
+### Logs
+
+- Application logs available in deployment platform
+- Database logs via PostgreSQL
+
+### Performance
+
+- Next.js analytics in production
+- Monitor API response times
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 00000000..4da00ea1
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,29 @@
+# Use the official Node.js 20 image as the base image
+FROM node:20-alpine
+
+# Set the working directory inside the container
+WORKDIR /app
+
+# Copy package.json and package-lock.json (or pnpm-lock.yaml)
+COPY package.json pnpm-lock.yaml ./
+
+# Install dependencies
+RUN npm install -g pnpm && pnpm install --frozen-lockfile
+
+# Copy the rest of the application code
+COPY . .
+
+# Generate Prisma client
+RUN pnpm run db:generate
+
+# Build the Next.js application
+RUN pnpm run build
+
+# Expose the port the app runs on
+EXPOSE 3000
+
+# Set environment variables
+ENV NODE_ENV=production
+
+# Start the application
+CMD ["pnpm", "start"]
\ No newline at end of file
diff --git a/README.md b/README.md
index 5e731633..df216969 100644
--- a/README.md
+++ b/README.md
@@ -1,47 +1,166 @@
-# Circle
+# AiM Platform
 
-<br />
-<a href="https://vercel.com/oss">
-  <img alt="Vercel OSS Program" src="https://vercel.com/oss/program-badge.svg" />
-</a>
+**AI-powered Marketing Platform** - Hệ thống quản lý nội dung và chiến dịch marketing được hỗ trợ bởi AI.
 
-<br />
-<br />
+## 🚀 Features
 
-Project management interface inspired by Linear. Built with Next.js and shadcn/ui, this application allows tracking of issues, projects and teams with a modern, responsive UI.
+- **🎨 Content Creation**: AI-assisted content generation với approval workflow
+- **📅 Smart Scheduling**: Multi-view calendar (Day/Week/Month) với drag & drop
+- **📊 Campaign Management**: End-to-end campaign lifecycle management
+- **🔐 Role-based Access**: Creator, Brand Owner, Admin roles với permissions
+- **📱 Multi-platform**: Support Facebook, Instagram, Twitter, YouTube, LinkedIn, TikTok
+- **📈 Analytics**: Event tracking và performance monitoring
 
-## 🛠️ Technologies
+## 🛠️ Tech Stack
 
-- **Framework**: [Next.js](https://nextjs.org/)
-- **Langage**: [TypeScript](https://www.typescriptlang.org/)
-- **UI Components**: [shadcn/ui](https://ui.shadcn.com/)
-- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
+- **Frontend**: Next.js 15 (App Router), React 19, TypeScript 5
+- **UI Components**: shadcn/ui, Radix UI, Tailwind CSS 4
+- **Backend**: Next.js API Routes, Prisma 6 ORM
+- **Database**: PostgreSQL
+- **Authentication**: NextAuth.js 5
+- **State Management**: Zustand, React Query
+- **AI Integration**: OpenAI API
+- **File Storage**: UploadThing/S3
 
-### 📦 Installation
+## 📚 Documentation
 
-```shell
-git clone https://github.com/ln-dev7/circle.git
-cd circle
-```
+### 🏗️ Architecture & Design
+
+- [**AiM Architecture**](./AiM_Architecture.md) - Overall system architecture và design decisions
+- [**Product Specification**](./docs/SPEC.md) - Product features, user roles, và MVP scope
+- [**Data Model**](./docs/data-model.md) - Database schema, entities, và relationships
+
+### 🔌 API Reference
+
+- [**Campaigns API**](./docs/api/campaigns.md) - Campaign management endpoints
+- [**Content API**](./docs/api/content.md) - Content creation và management
+- [**Schedules API**](./docs/api/schedules.md) - Content scheduling với timezone support
+- [**Assets API**](./docs/api/assets.md) - File upload và management
+- [**Analytics API**](./docs/api/analytics.md) - Event tracking và metrics
+
+### 🎨 User Interface
+
+- [**Schedule UI Guide**](./docs/ui/schedule.md) - Calendar interface, drag & drop, draft panel
+- [**Design System**](./docs/ui/design-system.md) - Component library và design tokens
+
+### 🔒 Security & Operations
+
+- [**Security Guide**](./docs/SECURITY.md) - Authentication, authorization, data protection
+- [**Contributing Guide**](./docs/CONTRIBUTING.md) - Development setup và contribution guidelines
+- [**Rollback Playbook**](./docs/playbooks/rollback.md) - Emergency procedures và rollback steps
+- [**Observability Guide**](./docs/playbooks/observability.md) - Monitoring, logging, alerting
+
+### 📋 Development Tasks
+
+- [**Task Templates**](./docs/tasks/) - PR templates và development guidelines
+- [**Migration Plan**](./AiM_Migration_Plan_vi.md) - Technical migration roadmap
 
-### Install dependencies
+## 🚀 Quick Start
 
-```shell
+### Prerequisites
+
+- Node.js 18+
+- PostgreSQL 15+
+- pnpm (recommended)
+
+### Installation
+
+```bash
+# Clone repository
+git clone <repository-url>
+cd aim-platform
+
+# Install dependencies
 pnpm install
-```
 
-### Start the development server
+# Setup environment
+cp .env.example .env
+# Edit .env with your configuration
 
-```shell
+# Setup database
+pnpm db:generate
+pnpm db:push
+pnpm db:seed
+
+# Start development server
 pnpm dev
 ```
 
-## Star History
+### Environment Variables
+
+```bash
+# Database
+DATABASE_URL="postgresql://user:password@localhost:5432/aim_db"
+
+# Authentication
+NEXTAUTH_SECRET="your-secret-key"
+NEXTAUTH_URL="http://localhost:3000"
+
+# AI Integration
+OPENAI_API_KEY="your-openai-key"
+
+# File Storage
+UPLOADTHING_SECRET="your-uploadthing-secret"
+UPLOADTHING_APP_ID="your-uploadthing-app-id"
+```
+
+## 🧪 Testing
+
+```bash
+# Unit tests
+pnpm test
+
+# E2E tests
+pnpm test:e2e
+
+# Test coverage
+pnpm test:coverage
+```
+
+## 📁 Project Structure
+
+```
+aim-platform/
+├── app/                    # Next.js App Router
+│   ├── [orgId]/          # Organization-scoped routes
+│   │   ├── schedule/     # Schedule management
+│   │   ├── campaigns/    # Campaign management
+│   │   ├── content/      # Content management
+│   │   └── analytics/    # Analytics dashboard
+│   ├── api/              # API routes
+│   └── auth/             # Authentication pages
+├── components/            # Reusable UI components
+├── features/              # Feature-specific components
+│   └── calendar/         # Schedule calendar components
+├── lib/                   # Utility functions và configurations
+├── prisma/                # Database schema và migrations
+├── docs/                  # Documentation
+└── tests/                 # Test files
+```
+
+## 🤝 Contributing
+
+Please read our [Contributing Guide](./docs/CONTRIBUTING.md) for details on our code of conduct and the process for submitting pull requests.
+
+### Development Workflow
+
+1. Create feature branch từ `main`
+2. Implement changes với tests
+3. Update documentation nếu cần
+4. Submit PR với detailed description
+5. Code review và approval
+6. Merge vào `main`
+
+## 📄 License
+
+This project is licensed under the MIT License - see the [LICENSE](./LICENSE.md) file for details.
+
+## 🆘 Support
+
+- **Documentation**: Check the [docs/](./docs/) directory
+- **Issues**: Create GitHub issue với detailed description
+- **Discussions**: Use GitHub Discussions cho questions và ideas
+
+---
 
-<a href="https://www.star-history.com/#ln-dev7/circle&Date">
- <picture>
-   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=ln-dev7/circle&type=Date&theme=dark" />
-   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=ln-dev7/circle&type=Date" />
-   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=ln-dev7/circle&type=Date" />
- </picture>
-</a>
+_Built with ❤️ by the AiM Team_
diff --git a/__mocks__/next-intl.ts b/__mocks__/next-intl.ts
new file mode 100644
index 00000000..c09b69e1
--- /dev/null
+++ b/__mocks__/next-intl.ts
@@ -0,0 +1,26 @@
+export const useTranslations = () => (key: string) => {
+   const translations: Record<string, string> = {
+      admin_title: 'Admin Dashboard',
+      admin_description: 'Manage your organization and users',
+      total_users: 'Total Users',
+      active_users: 'active',
+      active_campaigns: 'Active Campaigns',
+      total_campaigns: 'of',
+      total: 'total',
+      content_pieces: 'Content Pieces',
+      pending_approvals: 'Pending Approvals',
+      user_management: 'User Management',
+      organization: 'Organization',
+      system: 'System',
+      system_settings: 'System Settings',
+   };
+
+   return translations[key] || key;
+};
+
+export const useFormatter = () => ({
+   dateTime: (date: Date) => date.toISOString(),
+   number: (num: number) => num.toString(),
+});
+
+export const NextIntlClientProvider = ({ children }: { children: React.ReactNode }) => children;
diff --git a/amplify.yml b/amplify.yml
new file mode 100644
index 00000000..a5d35f30
--- /dev/null
+++ b/amplify.yml
@@ -0,0 +1,19 @@
+version: 1
+frontend:
+  phases:
+    preBuild:
+      commands:
+        - npm install -g pnpm
+        - pnpm install
+        - pnpm run db:generate
+    build:
+      commands:
+        - pnpm run build
+  artifacts:
+    baseDirectory: .next
+    files:
+      - '**/*'
+  cache:
+    paths:
+      - node_modules/**/*
+      - .next/cache/**/*
\ No newline at end of file
diff --git a/app/[orgId]/assets/page.tsx b/app/[orgId]/assets/page.tsx
new file mode 100644
index 00000000..f4d5bad0
--- /dev/null
+++ b/app/[orgId]/assets/page.tsx
@@ -0,0 +1,17 @@
+import { AssetLibrary } from '@/components/assets/asset-library';
+
+interface AssetsPageProps {
+   params: {
+      orgId: string;
+   };
+}
+
+export default function AssetsPage({ params }: AssetsPageProps) {
+   const { orgId } = params;
+
+   return (
+      <div className="container mx-auto py-6">
+         <AssetLibrary orgId={orgId} />
+      </div>
+   );
+}
diff --git a/app/[orgId]/campaigns/[id]/analytics/page.tsx b/app/[orgId]/campaigns/[id]/analytics/page.tsx
new file mode 100644
index 00000000..1eeabe35
--- /dev/null
+++ b/app/[orgId]/campaigns/[id]/analytics/page.tsx
@@ -0,0 +1,31 @@
+import { Suspense } from 'react';
+import { notFound } from 'next/navigation';
+import { getCampaign } from '@/lib/campaigns';
+import { CampaignAnalyticsPage } from '@/components/campaigns/analytics/campaign-analytics-page';
+
+interface CampaignAnalyticsPageProps {
+   params: {
+      orgId: string;
+      id: string;
+   };
+}
+
+export default async function CampaignAnalyticsPage({ params }: CampaignAnalyticsPageProps) {
+   const campaign = await getCampaign(params.orgId, params.id);
+
+   if (!campaign) {
+      notFound();
+   }
+
+   return (
+      <div className="flex flex-col space-y-6">
+         <Suspense fallback={<div>Loading analytics...</div>}>
+            <CampaignAnalyticsPage
+               orgId={params.orgId}
+               campaignId={params.id}
+               campaign={campaign}
+            />
+         </Suspense>
+      </div>
+   );
+}
diff --git a/app/[orgId]/campaigns/[id]/content/page.tsx b/app/[orgId]/campaigns/[id]/content/page.tsx
new file mode 100644
index 00000000..bdbf96eb
--- /dev/null
+++ b/app/[orgId]/campaigns/[id]/content/page.tsx
@@ -0,0 +1,27 @@
+import { Suspense } from 'react';
+import { notFound } from 'next/navigation';
+import { getCampaign } from '@/lib/campaigns';
+import { CampaignContentPage } from '@/components/campaigns/content/campaign-content-page';
+
+interface CampaignContentPageProps {
+   params: {
+      orgId: string;
+      id: string;
+   };
+}
+
+export default async function CampaignContentPage({ params }: CampaignContentPageProps) {
+   const campaign = await getCampaign(params.orgId, params.id);
+
+   if (!campaign) {
+      notFound();
+   }
+
+   return (
+      <div className="flex flex-col space-y-6">
+         <Suspense fallback={<div>Loading content management...</div>}>
+            <CampaignContentPage orgId={params.orgId} campaignId={params.id} campaign={campaign} />
+         </Suspense>
+      </div>
+   );
+}
diff --git a/app/[orgId]/campaigns/[id]/members/page.tsx b/app/[orgId]/campaigns/[id]/members/page.tsx
new file mode 100644
index 00000000..f9006074
--- /dev/null
+++ b/app/[orgId]/campaigns/[id]/members/page.tsx
@@ -0,0 +1,27 @@
+import { Suspense } from 'react';
+import { notFound } from 'next/navigation';
+import { getCampaign } from '@/lib/campaigns';
+import { CampaignMembersPage } from '@/components/campaigns/members/campaign-members-page';
+
+interface CampaignMembersPageProps {
+   params: {
+      orgId: string;
+      id: string;
+   };
+}
+
+export default async function CampaignMembersPage({ params }: CampaignMembersPageProps) {
+   const campaign = await getCampaign(params.orgId, params.id);
+
+   if (!campaign) {
+      notFound();
+   }
+
+   return (
+      <div className="flex flex-col space-y-6">
+         <Suspense fallback={<div>Loading member management...</div>}>
+            <CampaignMembersPage orgId={params.orgId} campaignId={params.id} campaign={campaign} />
+         </Suspense>
+      </div>
+   );
+}
diff --git a/app/[orgId]/campaigns/[id]/page.tsx b/app/[orgId]/campaigns/[id]/page.tsx
new file mode 100644
index 00000000..7ca23e58
--- /dev/null
+++ b/app/[orgId]/campaigns/[id]/page.tsx
@@ -0,0 +1,28 @@
+import { Suspense } from 'react';
+import { CampaignDetail } from '@/components/campaigns/campaign-detail';
+import { notFound } from 'next/navigation';
+import { getCampaign } from '@/lib/campaigns';
+import { CampaignDetailWrapper } from '@/components/campaigns/campaign-detail-wrapper';
+
+interface CampaignPageProps {
+   params: {
+      orgId: string;
+      id: string;
+   };
+}
+
+export default async function CampaignPage({ params }: CampaignPageProps) {
+   const campaign = await getCampaign(params.orgId, params.id);
+
+   if (!campaign) {
+      notFound();
+   }
+
+   return (
+      <div className="flex flex-col space-y-6">
+         <Suspense fallback={<div>Loading campaign...</div>}>
+            <CampaignDetailWrapper campaign={campaign} />
+         </Suspense>
+      </div>
+   );
+}
diff --git a/app/[orgId]/campaigns/[id]/tasks/page.tsx b/app/[orgId]/campaigns/[id]/tasks/page.tsx
new file mode 100644
index 00000000..1585e42f
--- /dev/null
+++ b/app/[orgId]/campaigns/[id]/tasks/page.tsx
@@ -0,0 +1,27 @@
+import { Suspense } from 'react';
+import { notFound } from 'next/navigation';
+import { getCampaign } from '@/lib/campaigns';
+import { TaskManagementPage } from '@/components/campaigns/task-management/task-management-page';
+
+interface CampaignTasksPageProps {
+   params: {
+      orgId: string;
+      id: string;
+   };
+}
+
+export default async function CampaignTasksPage({ params }: CampaignTasksPageProps) {
+   const campaign = await getCampaign(params.orgId, params.id);
+
+   if (!campaign) {
+      notFound();
+   }
+
+   return (
+      <div className="flex flex-col space-y-6">
+         <Suspense fallback={<div>Loading task management...</div>}>
+            <TaskManagementPage orgId={params.orgId} campaignId={params.id} campaign={campaign} />
+         </Suspense>
+      </div>
+   );
+}
diff --git a/app/[orgId]/campaigns/new/page.tsx b/app/[orgId]/campaigns/new/page.tsx
new file mode 100644
index 00000000..cefe084b
--- /dev/null
+++ b/app/[orgId]/campaigns/new/page.tsx
@@ -0,0 +1,14 @@
+import { CampaignForm } from '@/components/campaigns/campaign-form';
+import { PageHeader } from '@/components/ui/page-header';
+
+export default function CreateCampaignPage() {
+   return (
+      <div className="flex flex-col space-y-6">
+         <PageHeader title="Create Campaign" description="Start a new marketing campaign" />
+
+         <div className="max-w-2xl">
+            <CampaignForm />
+         </div>
+      </div>
+   );
+}
diff --git a/app/[orgId]/campaigns/page.tsx b/app/[orgId]/campaigns/page.tsx
new file mode 100644
index 00000000..9fda5fa5
--- /dev/null
+++ b/app/[orgId]/campaigns/page.tsx
@@ -0,0 +1,11 @@
+import MainLayout from '@/components/layout/main-layout';
+import Header from '@/components/layout/headers/campaigns/header';
+import Campaigns from '@/components/common/campaigns/campaigns';
+
+export default function CampaignsPage() {
+   return (
+      <MainLayout header={<Header />}>
+         <Campaigns />
+      </MainLayout>
+   );
+}
diff --git a/app/[orgId]/content/[id]/page.tsx b/app/[orgId]/content/[id]/page.tsx
new file mode 100644
index 00000000..bcdc094c
--- /dev/null
+++ b/app/[orgId]/content/[id]/page.tsx
@@ -0,0 +1,27 @@
+import { Suspense } from 'react';
+import { ContentDetail } from '@/components/content/content-detail';
+import { notFound } from 'next/navigation';
+import { getContent } from '@/lib/content';
+
+interface ContentPageProps {
+   params: {
+      orgId: string;
+      id: string;
+   };
+}
+
+export default async function ContentPage({ params }: ContentPageProps) {
+   const content = await getContent(params.orgId, params.id);
+
+   if (!content) {
+      notFound();
+   }
+
+   return (
+      <div className="flex flex-col space-y-6">
+         <Suspense fallback={<div>Loading content...</div>}>
+            <ContentDetail content={content} />
+         </Suspense>
+      </div>
+   );
+}
diff --git a/app/[orgId]/content/new/page.tsx b/app/[orgId]/content/new/page.tsx
new file mode 100644
index 00000000..0d4a36b2
--- /dev/null
+++ b/app/[orgId]/content/new/page.tsx
@@ -0,0 +1,22 @@
+import { ContentEditor } from '@/components/content/content-editor';
+import { PageHeader } from '@/components/ui/page-header';
+
+interface CreateContentPageProps {
+   params: {
+      orgId: string;
+   };
+}
+
+export default function CreateContentPage({ params }: CreateContentPageProps) {
+   const { orgId } = params;
+
+   return (
+      <div className="flex flex-col space-y-6">
+         <PageHeader title="Create Content" description="Create new content for your campaigns" />
+
+         <div className="max-w-4xl">
+            <ContentEditor orgId={orgId} />
+         </div>
+      </div>
+   );
+}
diff --git a/app/[orgId]/content/page.tsx b/app/[orgId]/content/page.tsx
new file mode 100644
index 00000000..213d7d1a
--- /dev/null
+++ b/app/[orgId]/content/page.tsx
@@ -0,0 +1,28 @@
+import { Suspense } from 'react';
+import { ContentList } from '@/components/content/content-list';
+import { CreateContentButton } from '@/components/content/create-content-button';
+import { PageHeader } from '@/components/ui/page-header';
+
+interface ContentPageProps {
+   params: {
+      orgId: string;
+   };
+}
+
+export default function ContentPage({ params }: ContentPageProps) {
+   const { orgId } = params;
+
+   return (
+      <div className="flex flex-col space-y-6">
+         <PageHeader
+            title="Content"
+            description="Manage your content and creative assets"
+            action={<CreateContentButton orgId={orgId} />}
+         />
+
+         <Suspense fallback={<div>Loading content...</div>}>
+            <ContentList orgId={orgId} />
+         </Suspense>
+      </div>
+   );
+}
diff --git a/app/[orgId]/page.tsx b/app/[orgId]/page.tsx
index afd7d1bf..e6841772 100644
--- a/app/[orgId]/page.tsx
+++ b/app/[orgId]/page.tsx
@@ -1,5 +1,55 @@
+import { Suspense } from 'react';
+import { getUserRole } from '@/lib/rbac';
+import { CreatorDashboard } from '@/components/dashboards/creator-dashboard';
+import { BrandDashboard } from '@/components/dashboards/brand-dashboard';
+import { AdminDashboard } from '@/components/dashboards/admin-dashboard';
 import { redirect } from 'next/navigation';
+import { OrgRole } from '@prisma/client';
 
-export default function OrgIdPage() {
-   redirect('lndev-ui/team/CORE/all');
+interface OrgIdPageProps {
+   params: Promise<{
+      orgId: string;
+   }>;
+}
+
+async function DashboardContent({ orgId }: { orgId: string }) {
+   const userRole = await getUserRole(orgId);
+
+   if (!userRole) {
+      // User doesn't have access to this organization
+      redirect('/auth/signin');
+   }
+
+   switch (userRole) {
+      case OrgRole.CREATOR:
+         return <CreatorDashboard orgId={orgId} />;
+      case OrgRole.BRAND_OWNER:
+         return <BrandDashboard orgId={orgId} />;
+      case OrgRole.ADMIN:
+         return <AdminDashboard orgId={orgId} />;
+      default:
+         redirect('/auth/signin');
+   }
+}
+
+export default async function OrgIdPage({ params }: OrgIdPageProps) {
+   const resolvedParams = await params;
+
+   return (
+      <Suspense
+         fallback={
+            <div className="min-h-screen flex items-center justify-center bg-background">
+               <div className="text-center space-y-4">
+                  <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto"></div>
+                  <div className="text-lg font-medium">Loading dashboard...</div>
+                  <div className="text-sm text-muted-foreground">
+                     Please wait while we set up your workspace
+                  </div>
+               </div>
+            </div>
+         }
+      >
+         <DashboardContent orgId={resolvedParams.orgId} />
+      </Suspense>
+   );
 }
diff --git a/app/[orgId]/schedule/page.tsx b/app/[orgId]/schedule/page.tsx
new file mode 100644
index 00000000..d87d77fc
--- /dev/null
+++ b/app/[orgId]/schedule/page.tsx
@@ -0,0 +1,27 @@
+import { Suspense } from 'react';
+import { ScheduleShell } from '@/features/calendar/ui/ScheduleShell';
+
+interface SchedulePageProps {
+   params: {
+      orgId: string;
+   };
+}
+
+export default function SchedulePage({ params }: SchedulePageProps) {
+   const { orgId } = params;
+
+   return (
+      <div className="container mx-auto py-6">
+         <div className="mb-6">
+            <h1 className="text-3xl font-bold">Content Scheduling</h1>
+            <p className="text-gray-600 mt-2">
+               Schedule your content for publication and manage your posting calendar.
+            </p>
+         </div>
+
+         <Suspense fallback={<div>Loading calendar...</div>}>
+            <ScheduleShell orgId={orgId} />
+         </Suspense>
+      </div>
+   );
+}
diff --git a/app/[orgId]/schedules/page.tsx b/app/[orgId]/schedules/page.tsx
new file mode 100644
index 00000000..2972be9b
--- /dev/null
+++ b/app/[orgId]/schedules/page.tsx
@@ -0,0 +1,27 @@
+import { Suspense } from 'react';
+import { ScheduleCalendar } from '@/components/schedules/schedule-calendar';
+
+interface SchedulesPageProps {
+   params: {
+      orgId: string;
+   };
+}
+
+export default function SchedulesPage({ params }: SchedulesPageProps) {
+   const { orgId } = params;
+
+   return (
+      <div className="container mx-auto py-6">
+         <div className="mb-6">
+            <h1 className="text-3xl font-bold">Content Scheduling</h1>
+            <p className="text-gray-600 mt-2">
+               Schedule your content for publication and manage your posting calendar.
+            </p>
+         </div>
+
+         <Suspense fallback={<div>Loading calendar...</div>}>
+            <ScheduleCalendar orgId={orgId} />
+         </Suspense>
+      </div>
+   );
+}
diff --git a/app/api/[orgId]/analytics/events/route.ts b/app/api/[orgId]/analytics/events/route.ts
new file mode 100644
index 00000000..79d1b24a
--- /dev/null
+++ b/app/api/[orgId]/analytics/events/route.ts
@@ -0,0 +1,66 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { createAnalyticsEventSchema } from '@/lib/schemas';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function GET(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.VIEW_ANALYTICS);
+
+      const events = await (prisma as any).analyticsEvent.findMany({
+         where: { userId: session.user.id },
+         orderBy: { createdAt: 'desc' },
+      });
+
+      return NextResponse.json(events);
+   } catch (error) {
+      console.error('Error fetching analytics events:', error);
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.VIEW_ANALYTICS);
+
+      const body = await request.json();
+      const validatedData = createAnalyticsEventSchema.parse(body);
+
+      const event = await (prisma as any).analyticsEvent.create({
+         data: {
+            ...validatedData,
+            userId: session.user.id,
+            organizationId: params.orgId,
+         },
+      });
+
+      return NextResponse.json(event, { status: 201 });
+   } catch (error) {
+      console.error('Error creating analytics event:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/analytics/metrics/route.ts b/app/api/[orgId]/analytics/metrics/route.ts
new file mode 100644
index 00000000..03f0e45f
--- /dev/null
+++ b/app/api/[orgId]/analytics/metrics/route.ts
@@ -0,0 +1,88 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function GET(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.VIEW_ANALYTICS);
+
+      // Get metrics for the org - count events by type
+      const eventCounts = await prisma.analyticsEvent.groupBy({
+         by: ['event'],
+         where: { organizationId: params.orgId },
+         _count: {
+            event: true,
+         },
+      });
+
+      // Get campaign-specific metrics
+      const campaignMetrics = await prisma.campaign.findMany({
+         where: { organizationId: params.orgId },
+         include: {
+            contents: {
+               include: {
+                  analyticsEvents: true,
+               },
+            },
+            analyticsEvents: true,
+         },
+      });
+
+      // Calculate aggregated metrics
+      const totalImpressions = eventCounts.find((e) => e.event === 'impression')?._count.event || 0;
+      const totalClicks = eventCounts.find((e) => e.event === 'click')?._count.event || 0;
+      const totalViews = eventCounts.find((e) => e.event === 'view')?._count.event || 0;
+
+      const ctr = totalImpressions > 0 ? (totalClicks / totalImpressions) * 100 : 0;
+
+      // Calculate ROI (simplified - assuming some conversion value)
+      const conversions = eventCounts.find((e) => e.event === 'conversion')?._count.event || 0;
+      const roi = conversions > 0 ? ((conversions * 100) / totalClicks) * 100 : 0; // Assuming $100 per conversion
+
+      const metrics = {
+         totalEvents: eventCounts.reduce((sum, item) => sum + item._count.event, 0),
+         eventsByType: eventCounts.reduce(
+            (acc, item) => {
+               acc[item.event] = item._count.event;
+               return acc;
+            },
+            {} as Record<string, number>
+         ),
+         impressions: totalImpressions,
+         clicks: totalClicks,
+         views: totalViews,
+         ctr: ctr,
+         roi: roi,
+         campaignMetrics: campaignMetrics.map((campaign) => ({
+            id: campaign.id,
+            name: campaign.name,
+            totalEvents: campaign.analyticsEvents.length,
+            contentCount: campaign.contents.length,
+            contentMetrics: campaign.contents.map((content) => ({
+               id: content.id,
+               title: content.title,
+               events: content.analyticsEvents.length,
+               impressions: content.analyticsEvents.filter((e) => e.event === 'impression').length,
+               clicks: content.analyticsEvents.filter((e) => e.event === 'click').length,
+               views: content.analyticsEvents.filter((e) => e.event === 'view').length,
+            })),
+         })),
+      };
+
+      return NextResponse.json(metrics);
+   } catch (error) {
+      console.error('Error fetching analytics metrics:', error);
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/analytics/track/route.ts b/app/api/[orgId]/analytics/track/route.ts
new file mode 100644
index 00000000..e4c2fd2d
--- /dev/null
+++ b/app/api/[orgId]/analytics/track/route.ts
@@ -0,0 +1,73 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.VIEW_ANALYTICS);
+
+      const body = await request.json();
+      const { event, campaignId, contentId, data } = body;
+
+      if (!event) {
+         return NextResponse.json({ error: 'Event type is required' }, { status: 400 });
+      }
+
+      // Validate that campaign and content belong to the organization
+      if (campaignId) {
+         const campaign = await prisma.campaign.findFirst({
+            where: {
+               id: campaignId,
+               organizationId: orgId,
+            },
+         });
+         if (!campaign) {
+            return NextResponse.json({ error: 'Campaign not found' }, { status: 404 });
+         }
+      }
+
+      if (contentId) {
+         const content = await prisma.content.findFirst({
+            where: {
+               id: contentId,
+               campaign: {
+                  organizationId: orgId,
+               },
+            },
+         });
+         if (!content) {
+            return NextResponse.json({ error: 'Content not found' }, { status: 404 });
+         }
+      }
+
+      const analyticsEvent = await prisma.analyticsEvent.create({
+         data: {
+            event,
+            data,
+            userId: session.user.id,
+            organizationId: orgId,
+            campaignId: campaignId || null,
+            contentId: contentId || null,
+         },
+      });
+
+      return NextResponse.json(analyticsEvent, { status: 201 });
+   } catch (error) {
+      console.error('Error tracking analytics event:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/assets/[id]/route.ts b/app/api/[orgId]/assets/[id]/route.ts
new file mode 100644
index 00000000..bdf47728
--- /dev/null
+++ b/app/api/[orgId]/assets/[id]/route.ts
@@ -0,0 +1,136 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function GET(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId, id } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const asset = await prisma.asset.findFirst({
+         where: {
+            id,
+            content: { campaign: { organizationId: orgId } },
+         },
+         include: {
+            content: true,
+         },
+      });
+
+      if (!asset) {
+         return NextResponse.json({ error: 'Asset not found' }, { status: 404 });
+      }
+
+      return NextResponse.json(asset);
+   } catch (error) {
+      console.error('Error fetching asset:', error);
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
+
+export async function PUT(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId, id } = params;
+      const body = await request.json();
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      // Verify asset belongs to org
+      const existingAsset = await prisma.asset.findFirst({
+         where: {
+            id,
+            content: { campaign: { organizationId: orgId } },
+         },
+      });
+
+      if (!existingAsset) {
+         return NextResponse.json({ error: 'Asset not found' }, { status: 404 });
+      }
+
+      const updatedAsset = await prisma.asset.update({
+         where: { id },
+         data: {
+            url: body.url,
+            type: body.type,
+         },
+         include: {
+            content: true,
+         },
+      });
+
+      return NextResponse.json(updatedAsset);
+   } catch (error) {
+      console.error('Error updating asset:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
+
+export async function DELETE(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId, id } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      // Verify asset belongs to org
+      const existingAsset = await prisma.asset.findFirst({
+         where: {
+            id,
+            content: { campaign: { organizationId: orgId } },
+         },
+      });
+
+      if (!existingAsset) {
+         return NextResponse.json({ error: 'Asset not found' }, { status: 404 });
+      }
+
+      await prisma.asset.delete({
+         where: { id },
+      });
+
+      return NextResponse.json({ message: 'Asset deleted successfully' });
+   } catch (error) {
+      console.error('Error deleting asset:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/assets/route.ts b/app/api/[orgId]/assets/route.ts
new file mode 100644
index 00000000..9a5d6c90
--- /dev/null
+++ b/app/api/[orgId]/assets/route.ts
@@ -0,0 +1,38 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function GET(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+      const { searchParams } = new URL(request.url);
+      const contentId = searchParams.get('contentId');
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const where = contentId
+         ? { content: { campaign: { organizationId: orgId } }, contentId }
+         : { content: { campaign: { organizationId: orgId } } };
+
+      const assets = await prisma.asset.findMany({
+         where,
+         include: {
+            content: true,
+         },
+      });
+
+      return NextResponse.json(assets);
+   } catch (error) {
+      console.error('Error fetching assets:', error);
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/assets/upload/route.ts b/app/api/[orgId]/assets/upload/route.ts
new file mode 100644
index 00000000..fec30c42
--- /dev/null
+++ b/app/api/[orgId]/assets/upload/route.ts
@@ -0,0 +1,69 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+import formidable from 'formidable';
+import { promises as fs } from 'fs';
+import path from 'path';
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      // Parse multipart form data
+      const form = formidable({
+         uploadDir: path.join(process.cwd(), 'public/uploads'),
+         keepExtensions: true,
+      });
+
+      const [fields, files] = await form.parse(request as any);
+
+      const contentId = fields.contentId?.[0];
+      const file = files.file?.[0];
+
+      if (!contentId || !file) {
+         return NextResponse.json({ error: 'Missing contentId or file' }, { status: 400 });
+      }
+
+      // Verify content belongs to org
+      const content = await prisma.content.findFirst({
+         where: { id: contentId, campaign: { organizationId: orgId } },
+      });
+      if (!content) {
+         return NextResponse.json({ error: 'Content not found' }, { status: 404 });
+      }
+
+      // Mock URL - in real implementation, upload to cloud storage
+      const mockUrl = `/uploads/${file.newFilename}`;
+
+      const asset = await prisma.asset.create({
+         data: {
+            url: mockUrl,
+            name: fields.name?.[0] || file.originalFilename || 'Untitled',
+            type: file.mimetype || 'unknown',
+            size: file.size,
+            description: fields.description?.[0],
+            tags: fields.tags?.[0] ? JSON.parse(fields.tags[0]) : [],
+            contentId,
+         },
+      });
+
+      return NextResponse.json(asset, { status: 201 });
+   } catch (error) {
+      console.error('Error uploading asset:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/campaigns/[id]/contents/route.ts b/app/api/[orgId]/campaigns/[id]/contents/route.ts
new file mode 100644
index 00000000..1b9b2765
--- /dev/null
+++ b/app/api/[orgId]/campaigns/[id]/contents/route.ts
@@ -0,0 +1,61 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+
+export async function GET(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Fetch contents for the specific campaign
+      const contents = await prisma.content.findMany({
+         where: {
+            campaignId: params.id,
+            organizationId: params.orgId,
+         },
+         include: {
+            campaign: {
+               select: {
+                  id: true,
+                  title: true,
+               },
+            },
+            creator: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+         },
+         orderBy: {
+            createdAt: 'desc',
+         },
+      });
+
+      return NextResponse.json({ contents });
+   } catch (error) {
+      console.error('Error fetching campaign contents:', error);
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
diff --git a/app/api/[orgId]/campaigns/[id]/labels/route.ts b/app/api/[orgId]/campaigns/[id]/labels/route.ts
new file mode 100644
index 00000000..6cc87e53
--- /dev/null
+++ b/app/api/[orgId]/campaigns/[id]/labels/route.ts
@@ -0,0 +1,138 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+import { z } from 'zod';
+
+// Validation schemas
+const createLabelSchema = z.object({
+   name: z.string().min(1).max(50),
+   color: z
+      .string()
+      .regex(/^#[0-9A-F]{6}$/i)
+      .default('#3B82F6'),
+});
+
+// const updateLabelSchema = z.object({
+//   name: z.string().min(1).max(50).optional(),
+//   color: z.string().regex(/^#[0-9A-F]{6}$/i).optional(),
+// });
+
+export async function GET(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Get campaign labels
+      const labels = await prisma.campaignLabel.findMany({
+         where: {
+            campaignId: params.id,
+         },
+         orderBy: [{ name: 'asc' }],
+      });
+
+      return NextResponse.json(labels);
+   } catch (error) {
+      console.error('Error fetching campaign labels:', error);
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
+
+export async function POST(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Check if user is campaign member with edit permissions
+      const campaignMember = await prisma.campaignMember.findUnique({
+         where: {
+            campaignId_userId: {
+               campaignId: params.id,
+               userId: session.user.id,
+            },
+         },
+      });
+
+      if (!campaignMember || !['OWNER', 'MANAGER'].includes(campaignMember.role)) {
+         return NextResponse.json({ error: 'Insufficient permissions' }, { status: 403 });
+      }
+
+      const body = await request.json();
+      const validatedData = createLabelSchema.parse(body);
+
+      // Check if label name already exists for this campaign
+      const existingLabel = await prisma.campaignLabel.findUnique({
+         where: {
+            campaignId_name: {
+               campaignId: params.id,
+               name: validatedData.name,
+            },
+         },
+      });
+
+      if (existingLabel) {
+         return NextResponse.json(
+            { error: 'Label with this name already exists' },
+            { status: 400 }
+         );
+      }
+
+      // Create label
+      const label = await prisma.campaignLabel.create({
+         data: {
+            ...validatedData,
+            campaignId: params.id,
+         },
+      });
+
+      return NextResponse.json(label, { status: 201 });
+   } catch (error) {
+      console.error('Error creating campaign label:', error);
+
+      if (error instanceof z.ZodError) {
+         return NextResponse.json(
+            { error: 'Invalid request data', details: error.errors },
+            { status: 400 }
+         );
+      }
+
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
diff --git a/app/api/[orgId]/campaigns/[id]/members/route.ts b/app/api/[orgId]/campaigns/[id]/members/route.ts
new file mode 100644
index 00000000..3848edd7
--- /dev/null
+++ b/app/api/[orgId]/campaigns/[id]/members/route.ts
@@ -0,0 +1,172 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+import { z } from 'zod';
+
+// Validation schemas
+const addMemberSchema = z.object({
+   userId: z.string().cuid(),
+   role: z.enum(['OWNER', 'MANAGER', 'MEMBER', 'VIEWER']).default('MEMBER'),
+});
+
+// const updateMemberSchema = z.object({
+//   role: z.enum(['OWNER', 'MANAGER', 'MEMBER', 'VIEWER']),
+// });
+
+export async function GET(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Get campaign members
+      const members = await prisma.campaignMember.findMany({
+         where: {
+            campaignId: params.id,
+         },
+         include: {
+            user: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+         },
+         orderBy: [{ role: 'asc' }, { createdAt: 'asc' }],
+      });
+
+      return NextResponse.json(members);
+   } catch (error) {
+      console.error('Error fetching campaign members:', error);
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
+
+export async function POST(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Check if user is campaign member with edit permissions
+      const campaignMember = await prisma.campaignMember.findUnique({
+         where: {
+            campaignId_userId: {
+               campaignId: params.id,
+               userId: session.user.id,
+            },
+         },
+      });
+
+      if (!campaignMember || !['OWNER', 'MANAGER'].includes(campaignMember.role)) {
+         return NextResponse.json({ error: 'Insufficient permissions' }, { status: 403 });
+      }
+
+      const body = await request.json();
+      const validatedData = addMemberSchema.parse(body);
+
+      // Check if user exists in organization
+      const targetUserMembership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: validatedData.userId,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!targetUserMembership) {
+         return NextResponse.json(
+            { error: 'User is not a member of this organization' },
+            { status: 400 }
+         );
+      }
+
+      // Check if user is already a campaign member
+      const existingMember = await prisma.campaignMember.findUnique({
+         where: {
+            campaignId_userId: {
+               campaignId: params.id,
+               userId: validatedData.userId,
+            },
+         },
+      });
+
+      if (existingMember) {
+         return NextResponse.json(
+            { error: 'User is already a member of this campaign' },
+            { status: 400 }
+         );
+      }
+
+      // Add member to campaign
+      const newMember = await prisma.campaignMember.create({
+         data: {
+            campaignId: params.id,
+            userId: validatedData.userId,
+            role: validatedData.role,
+         },
+         include: {
+            user: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+         },
+      });
+
+      return NextResponse.json(newMember, { status: 201 });
+   } catch (error) {
+      console.error('Error adding campaign member:', error);
+
+      if (error instanceof z.ZodError) {
+         return NextResponse.json(
+            { error: 'Invalid request data', details: error.errors },
+            { status: 400 }
+         );
+      }
+
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
diff --git a/app/api/[orgId]/campaigns/[id]/route.ts b/app/api/[orgId]/campaigns/[id]/route.ts
new file mode 100644
index 00000000..edf1ffc3
--- /dev/null
+++ b/app/api/[orgId]/campaigns/[id]/route.ts
@@ -0,0 +1,307 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+import { z } from 'zod';
+
+// Validation schemas
+const updateCampaignSchema = z.object({
+   name: z.string().min(3).max(100).optional(),
+   summary: z.string().max(200).optional(),
+   description: z.string().max(2000).optional(),
+   status: z.enum(['DRAFT', 'PLANNING', 'READY', 'DONE', 'CANCELED']).optional(),
+   health: z.enum(['ON_TRACK', 'AT_RISK', 'OFF_TRACK']).optional(),
+   priority: z.enum(['NO_PRIORITY', 'LOW', 'MEDIUM', 'HIGH', 'URGENT']).optional(),
+   leadId: z.string().cuid().optional(),
+   startDate: z.string().datetime().optional(),
+   targetDate: z.string().datetime().optional(),
+});
+
+export async function GET(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Get campaign with all related data
+      const campaign = await prisma.campaign.findFirst({
+         where: {
+            id: params.id,
+            organizationId: params.orgId,
+         },
+         include: {
+            lead: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+            members: {
+               include: {
+                  user: {
+                     select: {
+                        id: true,
+                        name: true,
+                        email: true,
+                        image: true,
+                     },
+                  },
+               },
+            },
+            tasks: {
+               include: {
+                  assignee: {
+                     select: {
+                        id: true,
+                        name: true,
+                        email: true,
+                        image: true,
+                     },
+                  },
+                  subtasks: {
+                     include: {
+                        assignee: {
+                           select: {
+                              id: true,
+                              name: true,
+                              email: true,
+                              image: true,
+                           },
+                        },
+                     },
+                  },
+               },
+               orderBy: [{ priority: 'desc' }, { createdAt: 'asc' }],
+            },
+            labels: true,
+            milestones: {
+               orderBy: { dueDate: 'asc' },
+            },
+            contents: {
+               select: {
+                  id: true,
+                  title: true,
+                  status: true,
+                  createdAt: true,
+               },
+            },
+            schedules: {
+               select: {
+                  id: true,
+                  name: true,
+                  status: true,
+                  runAt: true,
+                  channel: true,
+               },
+            },
+            _count: {
+               select: {
+                  tasks: true,
+                  members: true,
+                  labels: true,
+                  milestones: true,
+                  contents: true,
+                  schedules: true,
+               },
+            },
+         },
+      });
+
+      if (!campaign) {
+         return NextResponse.json({ error: 'Campaign not found' }, { status: 404 });
+      }
+
+      return NextResponse.json(campaign);
+   } catch (error) {
+      console.error('Error fetching campaign:', error);
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
+
+export async function PUT(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Check if user is campaign member with edit permissions
+      const campaignMember = await prisma.campaignMember.findUnique({
+         where: {
+            campaignId_userId: {
+               campaignId: params.id,
+               userId: session.user.id,
+            },
+         },
+      });
+
+      if (!campaignMember || !['OWNER', 'MANAGER'].includes(campaignMember.role)) {
+         return NextResponse.json({ error: 'Insufficient permissions' }, { status: 403 });
+      }
+
+      const body = await request.json();
+      const validatedData = updateCampaignSchema.parse(body);
+
+      // Validate dates if both are provided
+      if (validatedData.startDate && validatedData.targetDate) {
+         const startDate = new Date(validatedData.startDate);
+         const targetDate = new Date(validatedData.targetDate);
+
+         if (startDate >= targetDate) {
+            return NextResponse.json(
+               { error: 'Target date must be after start date' },
+               { status: 400 }
+            );
+         }
+      }
+
+      // Update campaign
+      const updatedCampaign = await prisma.campaign.update({
+         where: {
+            id: params.id,
+            organizationId: params.orgId,
+         },
+         data: {
+            ...validatedData,
+            startDate: validatedData.startDate ? new Date(validatedData.startDate) : undefined,
+            targetDate: validatedData.targetDate ? new Date(validatedData.targetDate) : undefined,
+         },
+         include: {
+            lead: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+            members: {
+               include: {
+                  user: {
+                     select: {
+                        id: true,
+                        name: true,
+                        email: true,
+                        image: true,
+                     },
+                  },
+               },
+            },
+            labels: true,
+            milestones: true,
+            _count: {
+               select: {
+                  tasks: true,
+                  members: true,
+                  labels: true,
+                  milestones: true,
+               },
+            },
+         },
+      });
+
+      return NextResponse.json(updatedCampaign);
+   } catch (error) {
+      console.error('Error updating campaign:', error);
+
+      if (error instanceof z.ZodError) {
+         return NextResponse.json(
+            { error: 'Invalid request data', details: error.errors },
+            { status: 400 }
+         );
+      }
+
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
+
+export async function DELETE(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Only campaign OWNER or organization ADMIN can delete campaigns
+      const campaignMember = await prisma.campaignMember.findUnique({
+         where: {
+            campaignId_userId: {
+               campaignId: params.id,
+               userId: session.user.id,
+            },
+         },
+      });
+
+      const canDelete = campaignMember?.role === 'OWNER' || membership.role === 'ADMIN';
+
+      if (!canDelete) {
+         return NextResponse.json({ error: 'Insufficient permissions' }, { status: 403 });
+      }
+
+      // Delete campaign (cascades to related data)
+      await prisma.campaign.delete({
+         where: {
+            id: params.id,
+            organizationId: params.orgId,
+         },
+      });
+
+      return NextResponse.json({ message: 'Campaign deleted successfully' });
+   } catch (error) {
+      console.error('Error deleting campaign:', error);
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
diff --git a/app/api/[orgId]/campaigns/[id]/tasks/[taskId]/route.ts b/app/api/[orgId]/campaigns/[id]/tasks/[taskId]/route.ts
new file mode 100644
index 00000000..039e5b66
--- /dev/null
+++ b/app/api/[orgId]/campaigns/[id]/tasks/[taskId]/route.ts
@@ -0,0 +1,106 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+
+export async function PUT(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string; taskId: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      const body = await request.json();
+
+      // Update the task
+      const updatedTask = await prisma.campaignTask.update({
+         where: {
+            id: params.taskId,
+            campaignId: params.id,
+         },
+         data: body,
+         include: {
+            assignee: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+            subtasks: {
+               include: {
+                  assignee: {
+                     select: {
+                        id: true,
+                        name: true,
+                        email: true,
+                        image: true,
+                     },
+                  },
+               },
+            },
+         },
+      });
+
+      return NextResponse.json({ task: updatedTask });
+   } catch (error) {
+      console.error('Error updating task:', error);
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
+
+export async function DELETE(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string; taskId: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Delete the task and all its subtasks
+      await prisma.campaignTask.deleteMany({
+         where: {
+            OR: [{ id: params.taskId }, { parentTaskId: params.taskId }],
+            campaignId: params.id,
+         },
+      });
+
+      return NextResponse.json({ message: 'Task deleted successfully' });
+   } catch (error) {
+      console.error('Error deleting task:', error);
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
diff --git a/app/api/[orgId]/campaigns/[id]/tasks/route.ts b/app/api/[orgId]/campaigns/[id]/tasks/route.ts
new file mode 100644
index 00000000..85f4d7ba
--- /dev/null
+++ b/app/api/[orgId]/campaigns/[id]/tasks/route.ts
@@ -0,0 +1,164 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+import { z } from 'zod';
+
+// Validation schemas
+const createTaskSchema = z.object({
+   title: z.string().min(3).max(200),
+   description: z.string().max(2000).optional(),
+   status: z.enum(['TODO', 'IN_PROGRESS', 'REVIEW', 'DONE', 'CANCELLED']).default('TODO'),
+   priority: z.enum(['LOW', 'MEDIUM', 'HIGH', 'URGENT']).default('MEDIUM'),
+   assigneeId: z.string().cuid().optional(),
+   dueDate: z.string().datetime().optional(),
+   parentTaskId: z.string().cuid().optional(),
+});
+
+// const updateTaskSchema = z.object({
+//   title: z.string().min(3).max(200).optional(),
+//   description: z.string().max(3).max(2000).optional(),
+//   status: z.enum(['TODO', 'IN_PROGRESS', 'REVIEW', 'DONE', 'CANCELLED']).optional(),
+//   priority: z.enum(['LOW', 'MEDIUM', 'HIGH', 'URGENT']).optional(),
+//   assigneeId: z.string().cuid().optional(),
+//   dueDate: z.string().datetime().optional(),
+//   parentTaskId: z.string().cuid().optional(),
+// });
+
+export async function GET(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Get tasks for the campaign
+      const tasks = await prisma.campaignTask.findMany({
+         where: {
+            campaignId: params.id,
+            parentTaskId: null, // Only get top-level tasks
+         },
+         include: {
+            assignee: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+            subtasks: {
+               include: {
+                  assignee: {
+                     select: {
+                        id: true,
+                        name: true,
+                        email: true,
+                        image: true,
+                     },
+                  },
+               },
+               orderBy: [{ priority: 'desc' }, { createdAt: 'asc' }],
+            },
+         },
+         orderBy: [{ priority: 'desc' }, { createdAt: 'asc' }],
+      });
+
+      return NextResponse.json(tasks);
+   } catch (error) {
+      console.error('Error fetching campaign tasks:', error);
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
+
+export async function POST(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Check if user is campaign member with edit permissions
+      const campaignMember = await prisma.campaignMember.findUnique({
+         where: {
+            campaignId_userId: {
+               campaignId: params.id,
+               userId: session.user.id,
+            },
+         },
+      });
+
+      if (!campaignMember || !['OWNER', 'MANAGER'].includes(campaignMember.role)) {
+         return NextResponse.json({ error: 'Insufficient permissions' }, { status: 403 });
+      }
+
+      const body = await request.json();
+      const validatedData = createTaskSchema.parse(body);
+
+      // Create task
+      const task = await prisma.campaignTask.create({
+         data: {
+            ...validatedData,
+            campaignId: params.id,
+            dueDate: validatedData.dueDate ? new Date(validatedData.dueDate) : null,
+         },
+         include: {
+            assignee: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+            subtasks: true,
+         },
+      });
+
+      return NextResponse.json(task, { status: 201 });
+   } catch (error) {
+      console.error('Error creating campaign task:', error);
+
+      if (error instanceof z.ZodError) {
+         return NextResponse.json(
+            { error: 'Invalid request data', details: error.errors },
+            { status: 400 }
+         );
+      }
+
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
diff --git a/app/api/[orgId]/campaigns/route.ts b/app/api/[orgId]/campaigns/route.ts
new file mode 100644
index 00000000..925f4c62
--- /dev/null
+++ b/app/api/[orgId]/campaigns/route.ts
@@ -0,0 +1,269 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+import { z } from 'zod';
+
+// Validation schemas
+const createCampaignSchema = z.object({
+   name: z.string().min(3).max(100),
+   summary: z.string().max(200).optional(),
+   description: z.string().max(2000).optional(),
+   status: z.enum(['DRAFT', 'PLANNING', 'READY', 'DONE', 'CANCELED']).default('DRAFT'),
+   health: z.enum(['ON_TRACK', 'AT_RISK', 'OFF_TRACK']).default('ON_TRACK'),
+   priority: z.enum(['NO_PRIORITY', 'LOW', 'MEDIUM', 'HIGH', 'URGENT']).default('NO_PRIORITY'),
+   leadId: z.string().cuid().optional(),
+   startDate: z.string().datetime().optional(),
+   targetDate: z.string().datetime().optional(),
+});
+
+const getCampaignsSchema = z.object({
+   status: z.enum(['DRAFT', 'PLANNING', 'READY', 'DONE', 'CANCELED']).optional(),
+   health: z.enum(['ON_TRACK', 'AT_RISK', 'OFF_TRACK']).optional(),
+   priority: z.enum(['NO_PRIORITY', 'LOW', 'MEDIUM', 'HIGH', 'URGENT']).optional(),
+   search: z.string().optional(),
+   page: z.coerce.number().min(1).default(1),
+   limit: z.coerce.number().min(1).max(100).default(20),
+});
+
+export async function GET(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { searchParams } = new URL(request.url);
+      const query = getCampaignsSchema.parse({
+         status: searchParams.get('status'),
+         health: searchParams.get('health'),
+         priority: searchParams.get('priority'),
+         search: searchParams.get('search'),
+         page: searchParams.get('page'),
+         limit: searchParams.get('limit'),
+      });
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Build where clause
+      const where: any = {
+         organizationId: params.orgId,
+      };
+
+      if (query.status) {
+         where.status = query.status;
+      }
+
+      if (query.health) {
+         where.health = query.health;
+      }
+
+      if (query.priority) {
+         where.priority = query.priority;
+      }
+
+      if (query.search) {
+         where.OR = [
+            { name: { contains: query.search, mode: 'insensitive' } },
+            { summary: { contains: query.search, mode: 'insensitive' } },
+            { description: { contains: query.search, mode: 'insensitive' } },
+         ];
+      }
+
+      // Get total count for pagination
+      const total = await prisma.campaign.count({ where });
+
+      // Get campaigns with pagination
+      const campaigns = await prisma.campaign.findMany({
+         where,
+         include: {
+            lead: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+            members: {
+               include: {
+                  user: {
+                     select: {
+                        id: true,
+                        name: true,
+                        email: true,
+                        image: true,
+                     },
+                  },
+               },
+            },
+            tasks: {
+               select: {
+                  id: true,
+                  status: true,
+               },
+            },
+            labels: true,
+            milestones: true,
+            _count: {
+               select: {
+                  tasks: true,
+                  members: true,
+                  labels: true,
+                  milestones: true,
+               },
+            },
+         },
+         orderBy: [{ priority: 'desc' }, { createdAt: 'desc' }],
+         skip: (query.page - 1) * query.limit,
+         take: query.limit,
+      });
+
+      // Calculate pagination info
+      const totalPages = Math.ceil(total / query.limit);
+      const hasNextPage = query.page < totalPages;
+      const hasPrevPage = query.page > 1;
+
+      return NextResponse.json({
+         campaigns,
+         pagination: {
+            page: query.page,
+            limit: query.limit,
+            total,
+            totalPages,
+            hasNextPage,
+            hasPrevPage,
+         },
+      });
+   } catch (error) {
+      console.error('Error fetching campaigns:', error);
+
+      if (error instanceof z.ZodError) {
+         return NextResponse.json(
+            { error: 'Invalid query parameters', details: error.errors },
+            { status: 400 }
+         );
+      }
+
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Check if user has access to this organization
+      const membership = await prisma.membership.findUnique({
+         where: {
+            userId_organizationId: {
+               userId: session.user.id,
+               organizationId: params.orgId,
+            },
+         },
+      });
+
+      if (!membership) {
+         return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+      }
+
+      // Only ADMIN and BRAND_OWNER can create campaigns
+      if (!['ADMIN', 'BRAND_OWNER'].includes(membership.role)) {
+         return NextResponse.json({ error: 'Insufficient permissions' }, { status: 403 });
+      }
+
+      const body = await request.json();
+      const validatedData = createCampaignSchema.parse(body);
+
+      // Validate dates
+      if (validatedData.startDate && validatedData.targetDate) {
+         const startDate = new Date(validatedData.startDate);
+         const targetDate = new Date(validatedData.targetDate);
+
+         if (startDate >= targetDate) {
+            return NextResponse.json(
+               { error: 'Target date must be after start date' },
+               { status: 400 }
+            );
+         }
+      }
+
+      // Create campaign
+      const campaign = await prisma.campaign.create({
+         data: {
+            ...validatedData,
+            organizationId: params.orgId,
+            startDate: validatedData.startDate ? new Date(validatedData.startDate) : null,
+            targetDate: validatedData.targetDate ? new Date(validatedData.targetDate) : null,
+         },
+         include: {
+            lead: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+            members: {
+               include: {
+                  user: {
+                     select: {
+                        id: true,
+                        name: true,
+                        email: true,
+                        image: true,
+                     },
+                  },
+               },
+            },
+            labels: true,
+            milestones: true,
+            _count: {
+               select: {
+                  tasks: true,
+                  members: true,
+                  labels: true,
+                  milestones: true,
+               },
+            },
+         },
+      });
+
+      // Add creator as campaign member with OWNER role
+      await prisma.campaignMember.create({
+         data: {
+            campaignId: campaign.id,
+            userId: session.user.id,
+            role: 'OWNER',
+         },
+      });
+
+      return NextResponse.json(campaign, { status: 201 });
+   } catch (error) {
+      console.error('Error creating campaign:', error);
+
+      if (error instanceof z.ZodError) {
+         return NextResponse.json(
+            { error: 'Invalid request data', details: error.errors },
+            { status: 400 }
+         );
+      }
+
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
diff --git a/app/api/[orgId]/content/[id]/route.ts b/app/api/[orgId]/content/[id]/route.ts
new file mode 100644
index 00000000..9c4ce172
--- /dev/null
+++ b/app/api/[orgId]/content/[id]/route.ts
@@ -0,0 +1,111 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { updateContentSchema } from '@/lib/schemas';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function GET(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId, id } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const content = await prisma.content.findFirst({
+         where: { id, campaign: { organizationId: orgId } },
+         include: {
+            campaign: true,
+            assets: true,
+         },
+      });
+
+      if (!content) {
+         return NextResponse.json({ error: 'Content not found' }, { status: 404 });
+      }
+
+      return NextResponse.json(content);
+   } catch (error) {
+      console.error('Error fetching content:', error);
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
+
+export async function PUT(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId, id } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const body = await request.json();
+      const validatedData = updateContentSchema.parse(body);
+
+      const content = await prisma.content.update({
+         where: { id },
+         data: validatedData,
+         include: {
+            campaign: true,
+            assets: true,
+         },
+      });
+
+      return NextResponse.json(content);
+   } catch (error) {
+      console.error('Error updating content:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
+
+export async function DELETE(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId, id } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      await prisma.content.delete({
+         where: { id },
+      });
+
+      return NextResponse.json({ message: 'Content deleted' });
+   } catch (error) {
+      console.error('Error deleting content:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/content/generate/route.ts b/app/api/[orgId]/content/generate/route.ts
new file mode 100644
index 00000000..0ccb6865
--- /dev/null
+++ b/app/api/[orgId]/content/generate/route.ts
@@ -0,0 +1,61 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { generateContentSchema } from '@/lib/schemas';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+import { generateContent } from '@/lib/openai';
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const body = await request.json();
+      const validatedData = generateContentSchema.parse(body);
+
+      // Verify campaign belongs to org
+      const campaign = await prisma.campaign.findFirst({
+         where: { id: validatedData.campaignId, organizationId: orgId },
+      });
+      if (!campaign) {
+         return NextResponse.json({ error: 'Campaign not found' }, { status: 404 });
+      }
+
+      // Generate content using OpenAI
+      const generatedBody = await generateContent({
+         prompt: validatedData.prompt,
+         type: 'general',
+         tone: 'professional',
+         length: 'medium',
+      });
+
+      const content = await prisma.content.create({
+         data: {
+            title: `AI Generated: ${validatedData.prompt.slice(0, 50)}...`,
+            body: generatedBody,
+            campaignId: validatedData.campaignId,
+         },
+         include: {
+            campaign: true,
+            assets: true,
+         },
+      });
+
+      return NextResponse.json(content, { status: 201 });
+   } catch (error) {
+      console.error('Error generating content:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/content/ideas/route.ts b/app/api/[orgId]/content/ideas/route.ts
new file mode 100644
index 00000000..18f83c18
--- /dev/null
+++ b/app/api/[orgId]/content/ideas/route.ts
@@ -0,0 +1,41 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { generateIdeas } from '@/lib/openai';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const body = await request.json();
+      const { topic, count = 5, type = 'general' } = body;
+
+      if (!topic) {
+         return NextResponse.json({ error: 'Topic is required' }, { status: 400 });
+      }
+
+      const ideas = await generateIdeas({
+         topic,
+         count,
+         type,
+      });
+
+      return NextResponse.json({ ideas }, { status: 200 });
+   } catch (error) {
+      console.error('Error generating ideas:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/content/route.ts b/app/api/[orgId]/content/route.ts
new file mode 100644
index 00000000..98139997
--- /dev/null
+++ b/app/api/[orgId]/content/route.ts
@@ -0,0 +1,111 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { createContentSchema } from '@/lib/schemas';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function GET(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json(
+            { ok: false, error: { code: 'E_UNAUTHORIZED', message: 'Unauthorized' } },
+            { status: 401 }
+         );
+      }
+
+      const { orgId } = params;
+      const { searchParams } = new URL(request.url);
+      const campaignId = searchParams.get('campaignId');
+      const status = searchParams.get('status');
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const where: any = {
+         campaign: { organizationId: orgId },
+      };
+
+      if (campaignId) {
+         where.campaignId = campaignId;
+      }
+
+      if (status) {
+         where.status = status;
+      }
+
+      const contents = await prisma.content.findMany({
+         where,
+         include: {
+            campaign: true,
+            assets: true,
+         },
+         orderBy: { createdAt: 'desc' },
+      });
+
+      return NextResponse.json({ ok: true, data: contents });
+   } catch (error) {
+      console.error('Error fetching contents:', error);
+      return NextResponse.json(
+         { ok: false, error: { code: 'E_INTERNAL', message: 'Internal server error' } },
+         { status: 500 }
+      );
+   }
+}
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json(
+            { ok: false, error: { code: 'E_UNAUTHORIZED', message: 'Unauthorized' } },
+            { status: 401 }
+         );
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const body = await request.json();
+      const validatedData = createContentSchema.parse(body);
+
+      // Verify campaign belongs to org
+      const campaign = await prisma.campaign.findFirst({
+         where: { id: validatedData.campaignId, organizationId: orgId },
+      });
+      if (!campaign) {
+         return NextResponse.json(
+            {
+               ok: false,
+               error: { code: 'E_NOT_FOUND', message: 'Campaign not found' },
+            },
+            { status: 404 }
+         );
+      }
+
+      const content = await prisma.content.create({
+         data: validatedData,
+         include: {
+            campaign: true,
+            assets: true,
+         },
+      });
+
+      return NextResponse.json({ ok: true, data: content }, { status: 201 });
+   } catch (error) {
+      console.error('Error creating content:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json(
+            {
+               ok: false,
+               error: { code: 'E_FORBIDDEN', message: 'Forbidden' },
+            },
+            { status: 403 }
+         );
+      }
+      return NextResponse.json(
+         { ok: false, error: { code: 'E_INTERNAL', message: 'Internal server error' } },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/content/summarize/route.ts b/app/api/[orgId]/content/summarize/route.ts
new file mode 100644
index 00000000..e6de9068
--- /dev/null
+++ b/app/api/[orgId]/content/summarize/route.ts
@@ -0,0 +1,40 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { summarizeContent } from '@/lib/openai';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const body = await request.json();
+      const { content, length = 'brief' } = body;
+
+      if (!content) {
+         return NextResponse.json({ error: 'Content is required' }, { status: 400 });
+      }
+
+      const summary = await summarizeContent({
+         content,
+         length,
+      });
+
+      return NextResponse.json({ summary }, { status: 200 });
+   } catch (error) {
+      console.error('Error summarizing content:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/content/translate/route.ts b/app/api/[orgId]/content/translate/route.ts
new file mode 100644
index 00000000..29c528a3
--- /dev/null
+++ b/app/api/[orgId]/content/translate/route.ts
@@ -0,0 +1,44 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { translateContent } from '@/lib/openai';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_CONTENT);
+
+      const body = await request.json();
+      const { content, targetLanguage, sourceLanguage } = body;
+
+      if (!content || !targetLanguage) {
+         return NextResponse.json(
+            { error: 'Content and target language are required' },
+            { status: 400 }
+         );
+      }
+
+      const translatedContent = await translateContent({
+         content,
+         targetLanguage,
+         sourceLanguage,
+      });
+
+      return NextResponse.json({ translatedContent }, { status: 200 });
+   } catch (error) {
+      console.error('Error translating content:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/schedules/[id]/route.ts b/app/api/[orgId]/schedules/[id]/route.ts
new file mode 100644
index 00000000..ff8e6913
--- /dev/null
+++ b/app/api/[orgId]/schedules/[id]/route.ts
@@ -0,0 +1,110 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { updateScheduleSchema } from '@/lib/schemas';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function GET(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId, id } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_SCHEDULES);
+
+      const schedule = await prisma.schedule.findFirst({
+         where: { id, campaign: { organizationId: orgId } },
+         include: {
+            campaign: true,
+            content: true,
+         },
+      });
+
+      if (!schedule) {
+         return NextResponse.json({ error: 'Schedule not found' }, { status: 404 });
+      }
+
+      return NextResponse.json(schedule);
+   } catch (error) {
+      console.error('Error fetching schedule:', error);
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
+
+export async function PUT(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId, id } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_SCHEDULES);
+
+      const body = await request.json();
+      const validatedData = updateScheduleSchema.parse(body);
+
+      const schedule = await prisma.schedule.update({
+         where: { id },
+         data: validatedData,
+         include: {
+            campaign: true,
+         },
+      });
+
+      return NextResponse.json(schedule);
+   } catch (error) {
+      console.error('Error updating schedule:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
+
+export async function DELETE(
+   request: NextRequest,
+   { params }: { params: { orgId: string; id: string } }
+) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { orgId, id } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_SCHEDULES);
+
+      await prisma.schedule.delete({
+         where: { id },
+      });
+
+      return NextResponse.json({ message: 'Schedule deleted' });
+   } catch (error) {
+      console.error('Error deleting schedule:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/[orgId]/schedules/route.ts b/app/api/[orgId]/schedules/route.ts
new file mode 100644
index 00000000..d956f514
--- /dev/null
+++ b/app/api/[orgId]/schedules/route.ts
@@ -0,0 +1,190 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { createScheduleSchema } from '@/lib/schemas';
+import { requirePermission, PERMISSIONS } from '@/lib/rbac';
+
+export async function GET(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json(
+            { ok: false, error: { code: 'E_UNAUTHORIZED', message: 'Unauthorized' } },
+            { status: 401 }
+         );
+      }
+
+      const { orgId } = params;
+      const { searchParams } = new URL(request.url);
+      const from = searchParams.get('from');
+      const to = searchParams.get('to');
+      const channels = searchParams.get('channels')?.split(',');
+      const campaigns = searchParams.get('campaigns')?.split(',');
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_SCHEDULES);
+
+      const where: any = {
+         campaign: { organizationId: orgId },
+      };
+
+      // Add date range filter
+      if (from && to) {
+         where.runAt = {
+            gte: new Date(from),
+            lte: new Date(to),
+         };
+      }
+
+      // Add channel filter
+      if (channels && channels.length > 0) {
+         where.channel = { in: channels };
+      }
+
+      // Add campaign filter
+      if (campaigns && campaigns.length > 0) {
+         where.campaignId = { in: campaigns };
+      }
+
+      const schedules = await prisma.schedule.findMany({
+         where,
+         include: {
+            campaign: true,
+            content: true,
+         },
+         orderBy: { runAt: 'asc' },
+      });
+
+      return NextResponse.json({ ok: true, data: schedules });
+   } catch (error) {
+      console.error('Error fetching schedules:', error);
+      return NextResponse.json(
+         { ok: false, error: { code: 'E_INTERNAL', message: 'Internal server error' } },
+         { status: 500 }
+      );
+   }
+}
+
+export async function POST(request: NextRequest, { params }: { params: { orgId: string } }) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json(
+            { ok: false, error: { code: 'E_UNAUTHORIZED', message: 'Unauthorized' } },
+            { status: 401 }
+         );
+      }
+
+      const { orgId } = params;
+
+      await requirePermission(session.user.id, orgId, PERMISSIONS.MANAGE_SCHEDULES);
+
+      const body = await request.json();
+      const validatedData = createScheduleSchema.parse(body);
+
+      // Verify campaign belongs to org
+      const campaign = await prisma.campaign.findFirst({
+         where: { id: validatedData.campaignId, organizationId: orgId },
+      });
+      if (!campaign) {
+         return NextResponse.json(
+            {
+               ok: false,
+               error: { code: 'E_NOT_FOUND', message: 'Campaign not found' },
+            },
+            { status: 404 }
+         );
+      }
+
+      // Verify content belongs to campaign
+      const content = await prisma.content.findFirst({
+         where: { id: validatedData.contentId, campaignId: validatedData.campaignId },
+      });
+      if (!content) {
+         return NextResponse.json(
+            {
+               ok: false,
+               error: { code: 'E_NOT_FOUND', message: 'Content not found' },
+            },
+            { status: 404 }
+         );
+      }
+
+      // Check for potential conflicts (same channel at overlapping times)
+      const conflictingSchedule = await prisma.schedule.findFirst({
+         where: {
+            channel: validatedData.channel,
+            runAt: {
+               gte: new Date(new Date(validatedData.runAt).getTime() - 15 * 60 * 1000), // 15 minutes before
+               lte: new Date(new Date(validatedData.runAt).getTime() + 15 * 60 * 1000), // 15 minutes after
+            },
+            status: { not: 'CANCELLED' },
+         },
+      });
+
+      if (conflictingSchedule) {
+         return NextResponse.json(
+            {
+               ok: false,
+               error: {
+                  code: 'E_CONFLICT_SLOT',
+                  message: 'Potential scheduling conflict detected',
+                  details: { conflictingScheduleId: conflictingSchedule.id },
+               },
+            },
+            { status: 409 }
+         );
+      }
+
+      // Create schedule and update content status in a transaction
+      const result = await prisma.$transaction(async (tx) => {
+         const schedule = await tx.schedule.create({
+            data: {
+               runAt: new Date(validatedData.runAt),
+               timezone: validatedData.timezone,
+               channel: validatedData.channel,
+               status: validatedData.status || 'PENDING',
+               campaignId: validatedData.campaignId,
+               contentId: validatedData.contentId,
+            },
+            include: {
+               campaign: true,
+               content: true,
+            },
+         });
+
+         // Update content status to SCHEDULED
+         await tx.content.update({
+            where: { id: validatedData.contentId },
+            data: { status: 'SCHEDULED' },
+         });
+
+         return schedule;
+      });
+
+      return NextResponse.json({ ok: true, data: result }, { status: 201 });
+   } catch (error) {
+      console.error('Error creating schedule:', error);
+      if (error instanceof Error && error.message === 'Insufficient permissions') {
+         return NextResponse.json(
+            {
+               ok: false,
+               error: { code: 'E_FORBIDDEN', message: 'Forbidden' },
+            },
+            { status: 403 }
+         );
+      }
+      if (error instanceof Error && error.message.includes('Invalid date')) {
+         return NextResponse.json(
+            {
+               ok: false,
+               error: { code: 'E_VALIDATION', message: 'Invalid date format' },
+            },
+            { status: 400 }
+         );
+      }
+      return NextResponse.json(
+         { ok: false, error: { code: 'E_INTERNAL', message: 'Internal server error' } },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/auth/[...nextauth]/route.ts b/app/api/auth/[...nextauth]/route.ts
new file mode 100644
index 00000000..bf39bebd
--- /dev/null
+++ b/app/api/auth/[...nextauth]/route.ts
@@ -0,0 +1,3 @@
+import { authHandlers } from '@/lib/auth';
+
+export const { GET, POST } = authHandlers;
diff --git a/app/api/cron/publish/route.ts b/app/api/cron/publish/route.ts
new file mode 100644
index 00000000..d4234386
--- /dev/null
+++ b/app/api/cron/publish/route.ts
@@ -0,0 +1,32 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { runCronJob } from '@/lib/cron-worker';
+
+export async function POST(request: NextRequest) {
+   try {
+      // You might want to add authentication/authorization here
+      // to prevent unauthorized access to the cron endpoint
+
+      const result = await runCronJob();
+
+      if (result.success) {
+         return NextResponse.json({
+            message: 'Cron job executed successfully',
+            published: result.published,
+         });
+      } else {
+         return NextResponse.json({ error: result.error }, { status: 500 });
+      }
+   } catch (error) {
+      console.error('Error running cron job:', error);
+      return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+   }
+}
+
+// Optional: GET endpoint to check cron status
+export async function GET() {
+   return NextResponse.json({
+      message: 'Cron endpoint is available',
+      endpoint: '/api/cron/publish',
+      method: 'POST',
+   });
+}
diff --git a/app/api/health/route.ts b/app/api/health/route.ts
new file mode 100644
index 00000000..ec945278
--- /dev/null
+++ b/app/api/health/route.ts
@@ -0,0 +1,38 @@
+import { NextResponse } from 'next/server';
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+export async function GET() {
+   try {
+      // Check database connection
+      await prisma.$queryRaw`SELECT 1`;
+
+      // Check OpenAI API key (basic check)
+      const openaiKey = process.env.OPENAI_API_KEY;
+      const openaiOk = openaiKey && openaiKey.startsWith('sk-');
+
+      return NextResponse.json({
+         ok: true,
+         status: 'healthy',
+         timestamp: new Date().toISOString(),
+         services: {
+            database: 'connected',
+            openai: openaiOk ? 'configured' : 'not configured',
+         },
+      });
+   } catch (error) {
+      console.error('Health check failed:', error);
+      return NextResponse.json(
+         {
+            ok: false,
+            status: 'unhealthy',
+            timestamp: new Date().toISOString(),
+            error: error instanceof Error ? error.message : 'Unknown error',
+         },
+         { status: 503 }
+      );
+   } finally {
+      await prisma.$disconnect();
+   }
+}
diff --git a/app/api/me/role/route.ts b/app/api/me/role/route.ts
new file mode 100644
index 00000000..39c390b6
--- /dev/null
+++ b/app/api/me/role/route.ts
@@ -0,0 +1,36 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+import { getUserRole } from '@/lib/rbac';
+
+export async function GET(request: NextRequest) {
+   try {
+      const session = await auth();
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      const { searchParams } = new URL(request.url);
+      const orgId = searchParams.get('orgId');
+
+      if (!orgId) {
+         return NextResponse.json({ error: 'Organization ID required' }, { status: 400 });
+      }
+
+      const userRole = await getUserRole(orgId);
+
+      if (!userRole) {
+         return NextResponse.json(
+            { error: 'No role found for this organization' },
+            { status: 403 }
+         );
+      }
+
+      return NextResponse.json({ role: userRole });
+   } catch (error) {
+      console.error('Error fetching user role:', error);
+      return NextResponse.json(
+         { error: error instanceof Error ? error.message : 'Internal server error' },
+         { status: 500 }
+      );
+   }
+}
diff --git a/app/api/me/route.ts b/app/api/me/route.ts
new file mode 100644
index 00000000..cef8894c
--- /dev/null
+++ b/app/api/me/route.ts
@@ -0,0 +1,13 @@
+import { NextResponse } from 'next/server';
+import prisma from '@/lib/prisma';
+import { auth } from '@/lib/auth';
+
+export async function GET() {
+   const session = await auth();
+   if (!session?.user?.id) return NextResponse.json({ hasMembership: false });
+   const membership = await prisma.membership.findFirst({ where: { userId: session.user.id } });
+   return NextResponse.json({
+      hasMembership: !!membership,
+      organizationId: membership?.organizationId,
+   });
+}
diff --git a/app/auth/signin/page.tsx b/app/auth/signin/page.tsx
new file mode 100644
index 00000000..47d4f1e0
--- /dev/null
+++ b/app/auth/signin/page.tsx
@@ -0,0 +1,110 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { signIn } from 'next-auth/react';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+
+export default function SignInPage() {
+   const [email, setEmail] = useState('');
+   const [password, setPassword] = useState('');
+   const [loading, setLoading] = useState(false);
+   const [callbackUrl, setCallbackUrl] = useState<string>('/');
+   const router = useRouter();
+
+   useEffect(() => {
+      if (typeof window !== 'undefined') {
+         try {
+            const url = new URL(window.location.href);
+            const cb = url.searchParams.get('callbackUrl');
+            if (cb) setCallbackUrl(cb);
+         } catch {}
+      }
+   }, []);
+
+   async function onSubmit(e: React.FormEvent) {
+      e.preventDefault();
+      setLoading(true);
+      const res = await signIn('credentials', {
+         email,
+         password,
+         redirect: false,
+         callbackUrl,
+      });
+      setLoading(false);
+      if (res?.ok) {
+         try {
+            const me = await fetch('/api/me').then((r) =>
+               r.ok ? r.json() : { hasMembership: false }
+            );
+
+            if (!me.hasMembership) {
+               router.push('/onboarding');
+               return;
+            }
+
+            // If user has membership, check if callbackUrl is valid
+            // If callbackUrl is from an org route but user doesn't have access, use their actual org
+            let targetUrl = callbackUrl;
+
+            if (callbackUrl) {
+               // Check if callbackUrl is an org route (contains orgId)
+               const urlParts = callbackUrl.split('/').filter(Boolean);
+               if (
+                  urlParts.length >= 1 &&
+                  urlParts[0] !== 'auth' &&
+                  urlParts[0] !== 'api' &&
+                  urlParts[0] !== '_next'
+               ) {
+                  // This looks like an org route, verify it matches user's org
+                  const callbackOrgId = urlParts[0];
+                  if (callbackOrgId !== me.organizationId) {
+                     targetUrl = `/${me.organizationId}/projects`;
+                  }
+               }
+            }
+
+            targetUrl = targetUrl || `/${me.organizationId}/projects`;
+            router.push(targetUrl);
+         } catch (error) {
+            router.push('/onboarding');
+         }
+      } else {
+         alert('Invalid credentials (dev: check DEV_LOGIN_PASSWORD)');
+      }
+   }
+
+   return (
+      <div className="min-h-[60vh] flex items-center justify-center p-6">
+         <form onSubmit={onSubmit} className="w-full max-w-sm space-y-4" aria-label="Sign in form">
+            <h1 className="text-2xl font-semibold">Sign in</h1>
+            <label className="block text-sm" htmlFor="email">
+               Email
+            </label>
+            <Input
+               id="email"
+               type="email"
+               value={email}
+               onChange={(e) => setEmail(e.target.value)}
+               required
+               placeholder="you@aim.local"
+            />
+            <label className="block text-sm" htmlFor="password">
+               Password
+            </label>
+            <Input
+               id="password"
+               type="password"
+               value={password}
+               onChange={(e) => setPassword(e.target.value)}
+               required
+               placeholder="DEV_LOGIN_PASSWORD"
+            />
+            <Button type="submit" disabled={loading} className="w-full">
+               {loading ? 'Signing in...' : 'Sign in'}
+            </Button>
+         </form>
+      </div>
+   );
+}
diff --git a/app/auth/signup/page.tsx b/app/auth/signup/page.tsx
new file mode 100644
index 00000000..11705d18
--- /dev/null
+++ b/app/auth/signup/page.tsx
@@ -0,0 +1,173 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { signIn } from 'next-auth/react';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Label } from '@/components/ui/label';
+
+export default function SignUpPage() {
+   const [name, setName] = useState('');
+   const [email, setEmail] = useState('');
+   const [password, setPassword] = useState('');
+   const [confirmPassword, setConfirmPassword] = useState('');
+   const [loading, setLoading] = useState(false);
+   const [error, setError] = useState('');
+   const [success, setSuccess] = useState(false);
+   const router = useRouter();
+
+   const validateForm = () => {
+      if (!name.trim()) {
+         setError('Name is required');
+         return false;
+      }
+      if (!email.trim()) {
+         setError('Email is required');
+         return false;
+      }
+      if (!email.includes('@')) {
+         setError('Please enter a valid email');
+         return false;
+      }
+      if (password.length < 6) {
+         setError('Password must be at least 6 characters');
+         return false;
+      }
+      if (password !== confirmPassword) {
+         setError('Passwords do not match');
+         return false;
+      }
+      return true;
+   };
+
+   async function onSubmit(e: React.FormEvent) {
+      e.preventDefault();
+      setError('');
+
+      if (!validateForm()) {
+         return;
+      }
+
+      setLoading(true);
+
+      try {
+         // For now, we'll use the same logic as signin since this is dev-only
+         // In production, you'd want to create a proper signup API endpoint
+         const res = await signIn('credentials', {
+            email,
+            password,
+            redirect: false,
+         });
+
+         if (res?.ok) {
+            setSuccess(true);
+            setTimeout(() => {
+               router.push('/onboarding');
+            }, 2000);
+         } else {
+            setError('Failed to create account. Please try again.');
+         }
+      } catch (error) {
+         setError('An error occurred. Please try again.');
+      } finally {
+         setLoading(false);
+      }
+   }
+
+   return (
+      <div className="min-h-[60vh] flex items-center justify-center p-6">
+         <Card className="w-full max-w-md">
+            <CardHeader>
+               <CardTitle className="text-2xl">Create Account</CardTitle>
+               <CardDescription>
+                  Join AiM Platform to start creating amazing campaigns
+               </CardDescription>
+            </CardHeader>
+            <CardContent>
+               <form onSubmit={onSubmit} className="space-y-4">
+                  {error && (
+                     <div className="p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md">
+                        {error}
+                     </div>
+                  )}
+
+                  {success && (
+                     <div className="p-3 text-sm text-green-600 bg-green-50 border border-green-200 rounded-md">
+                        Account created successfully! Redirecting to onboarding...
+                     </div>
+                  )}
+
+                  <div className="space-y-2">
+                     <Label htmlFor="name">Full Name</Label>
+                     <Input
+                        id="name"
+                        type="text"
+                        value={name}
+                        onChange={(e) => setName(e.target.value)}
+                        required
+                        placeholder="John Doe"
+                        disabled={loading}
+                     />
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="email">Email</Label>
+                     <Input
+                        id="email"
+                        type="email"
+                        value={email}
+                        onChange={(e) => setEmail(e.target.value)}
+                        required
+                        placeholder="john@example.com"
+                        disabled={loading}
+                     />
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="password">Password</Label>
+                     <Input
+                        id="password"
+                        type="password"
+                        value={password}
+                        onChange={(e) => setPassword(e.target.value)}
+                        required
+                        placeholder="••••••••"
+                        disabled={loading}
+                     />
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="confirmPassword">Confirm Password</Label>
+                     <Input
+                        id="confirmPassword"
+                        type="password"
+                        value={confirmPassword}
+                        onChange={(e) => setConfirmPassword(e.target.value)}
+                        required
+                        placeholder="••••••••"
+                        disabled={loading}
+                     />
+                  </div>
+
+                  <Button type="submit" disabled={loading} className="w-full">
+                     {loading ? 'Creating Account...' : 'Create Account'}
+                  </Button>
+
+                  <div className="text-center text-sm text-gray-600">
+                     Already have an account?{' '}
+                     <button
+                        type="button"
+                        onClick={() => router.push('/auth/signin')}
+                        className="text-blue-600 hover:underline"
+                     >
+                        Sign in
+                     </button>
+                  </div>
+               </form>
+            </CardContent>
+         </Card>
+      </div>
+   );
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 5572a576..e8c74411 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,6 +1,9 @@
 import type { Metadata } from 'next';
 import { Geist, Geist_Mono } from 'next/font/google';
 import { Toaster } from '@/components/ui/sonner';
+import { NextIntlClientProvider } from 'next-intl';
+import { getMessages } from 'next-intl/server';
+import { SessionProvider } from 'next-auth/react';
 import './globals.css';
 
 const geistSans = Geist({
@@ -55,21 +58,30 @@ export const metadata: Metadata = {
 
 import { ThemeProvider } from '@/components/layout/theme-provider';
 
-export default function RootLayout({
+export default async function RootLayout({
    children,
 }: Readonly<{
    children: React.ReactNode;
 }>) {
+   const messages = await getMessages();
+
    return (
       <html lang="en" suppressHydrationWarning>
          <head>
             <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
          </head>
-         <body className={`${geistSans.variable} ${geistMono.variable} antialiased bg-background`}>
-            <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
-               {children}
-               <Toaster />
-            </ThemeProvider>
+         <body
+            suppressHydrationWarning
+            className={`${geistSans.variable} ${geistMono.variable} antialiased bg-background`}
+         >
+            <NextIntlClientProvider messages={messages}>
+               <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
+                  <SessionProvider>
+                     {children}
+                     <Toaster />
+                  </SessionProvider>
+               </ThemeProvider>
+            </NextIntlClientProvider>
          </body>
       </html>
    );
diff --git a/app/onboarding/page.tsx b/app/onboarding/page.tsx
new file mode 100644
index 00000000..025460a3
--- /dev/null
+++ b/app/onboarding/page.tsx
@@ -0,0 +1,127 @@
+import { redirect } from 'next/navigation';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+
+export default async function OnboardingPage() {
+   try {
+      const session = await auth();
+
+      if (!session?.user?.id) {
+         redirect('/auth/signin');
+      }
+
+      console.log('Onboarding - User ID:', session.user.id);
+      console.log('Onboarding - User email:', session.user.email);
+
+      // First, check if user exists by ID
+      let user = await prisma.user.findUnique({
+         where: { id: session.user.id },
+      });
+
+      if (!user) {
+         // Check if user exists by email (might have different ID)
+         const existingUserByEmail = await prisma.user.findUnique({
+            where: { email: session.user.email! },
+         });
+
+         if (existingUserByEmail) {
+            console.log('Onboarding - User found by email with different ID:', existingUserByEmail);
+
+            // Check if this user already has membership
+            const existingMembership = await prisma.membership.findFirst({
+               where: { userId: existingUserByEmail.id },
+            });
+
+            if (existingMembership) {
+               console.log('Onboarding - Existing user has membership, redirecting');
+               redirect(`/${existingMembership.organizationId}/projects`);
+            }
+
+            // Use the existing user ID for membership creation
+            user = existingUserByEmail;
+         } else {
+            console.log('Onboarding - User not found in DB, creating...');
+            // Create user if it doesn't exist
+            user = await prisma.user.create({
+               data: {
+                  id: session.user.id,
+                  email: session.user.email!,
+                  name: session.user.name || 'Unknown User',
+               },
+            });
+            console.log('Onboarding - User created:', user);
+         }
+      } else {
+         console.log('Onboarding - User found in DB:', user);
+      }
+
+      // Check if user already has membership
+      const membership = await prisma.membership.findFirst({
+         where: { userId: user.id },
+      });
+
+      if (membership) {
+         console.log('Onboarding - User already has membership, redirecting');
+         // User already has membership, redirect to their org
+         redirect(`/${membership.organizationId}/projects`);
+      }
+
+      console.log('Onboarding - Creating organization and membership...');
+
+      // Create default organization and membership for the user
+      const org = await prisma.organization.create({
+         data: {
+            name: `${user.name || 'My'}'s Organization`,
+         },
+      });
+
+      console.log('Onboarding - Organization created:', org);
+
+      const newMembership = await prisma.membership.create({
+         data: {
+            userId: user.id,
+            organizationId: org.id,
+            role: 'ADMIN',
+         },
+      });
+
+      console.log('Onboarding - Membership created:', newMembership);
+
+      // Redirect to the new organization
+      redirect(`/${org.id}/projects`);
+   } catch (error) {
+      console.error('Onboarding error:', error);
+      return (
+         <div className="min-h-screen flex items-center justify-center bg-gray-100">
+            <div className="bg-white p-8 rounded-lg shadow-md max-w-2xl">
+               <h1 className="text-3xl font-bold text-gray-800 mb-6">🎯 Welcome to AiM!</h1>
+
+               <div className="space-y-6">
+                  <div className="p-4 bg-red-100 border border-red-300 rounded">
+                     <h2 className="font-semibold text-red-800">❌ Setup Error</h2>
+                     <p className="text-red-700 mb-4">
+                        {error instanceof Error ? error.message : 'Unknown error occurred'}
+                     </p>
+                  </div>
+
+                  <div className="p-4 bg-blue-100 border border-blue-300 rounded">
+                     <h2 className="font-semibold text-blue-800">🔍 Debug Info</h2>
+                     <p className="text-blue-700">
+                        Check the server console for detailed error information.
+                     </p>
+                  </div>
+               </div>
+
+               <div className="mt-6 pt-4 border-t">
+                  <a
+                     href="/"
+                     className="inline-block px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
+                  >
+                     Back to Home
+                  </a>
+               </div>
+            </div>
+         </div>
+      );
+   }
+}
diff --git a/app/page.tsx b/app/page.tsx
index 62fccc7e..9527b67b 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,5 +1,77 @@
 import { redirect } from 'next/navigation';
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
 
-export default function Home() {
-   redirect('lndev-ui/team/CORE/all');
+export default async function Home() {
+   try {
+      const session = await auth();
+      console.log('Home page - Session:', session);
+
+      if (!session?.user?.id) {
+         console.log('Home page - No session, redirecting to signin');
+         redirect('/auth/signin');
+      }
+
+      // Check if user has membership by session user ID first
+      let membership = await prisma.membership.findFirst({
+         where: { userId: session.user.id },
+      });
+
+      // If no membership found by session ID, check by email
+      if (!membership && session.user.email) {
+         console.log('Home page - No membership by ID, checking by email...');
+         const userByEmail = await prisma.user.findUnique({
+            where: { email: session.user.email },
+         });
+
+         if (userByEmail) {
+            console.log('Home page - User found by email:', userByEmail);
+            membership = await prisma.membership.findFirst({
+               where: { userId: userByEmail.id },
+            });
+         }
+      }
+
+      console.log('Home page - Membership:', membership);
+
+      if (!membership) {
+         console.log('Home page - No membership, redirecting to onboarding');
+         redirect('/onboarding');
+      }
+
+      // User has membership, redirect to their organization
+      const redirectUrl = `/${membership.organizationId}/projects`;
+      console.log('Home page - Redirecting to:', redirectUrl);
+      redirect(redirectUrl);
+   } catch (error) {
+      // Don't log NEXT_REDIRECT errors as they are expected
+      if (error instanceof Error && error.message.includes('NEXT_REDIRECT')) {
+         // This is expected behavior, not an error
+         throw error; // Re-throw to let Next.js handle the redirect
+      }
+
+      console.error('Home page - Actual error:', error);
+      return (
+         <div className="min-h-screen flex items-center justify-center bg-gray-100">
+            <div className="bg-white p-8 rounded-lg shadow-md max-w-2xl">
+               <h1 className="text-3xl font-bold text-gray-800 mb-6">❌ Error Loading Page</h1>
+
+               <div className="space-y-6">
+                  <div className="p-4 bg-red-100 border border-red-300 rounded">
+                     <h2 className="font-semibold text-red-800">Error Details</h2>
+                     <p className="text-red-700 mb-4">
+                        {error instanceof Error ? error.message : 'Unknown error'}
+                     </p>
+                     <a
+                        href="/"
+                        className="inline-block px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600"
+                     >
+                        Try Again
+                     </a>
+                  </div>
+               </div>
+            </div>
+         </div>
+      );
+   }
 }
diff --git a/app/test/page.tsx b/app/test/page.tsx
new file mode 100644
index 00000000..f09d843b
--- /dev/null
+++ b/app/test/page.tsx
@@ -0,0 +1,33 @@
+export default function TestPage() {
+   return (
+      <div className="min-h-screen flex items-center justify-center bg-gray-100">
+         <div className="bg-white p-8 rounded-lg shadow-md">
+            <h1 className="text-3xl font-bold text-gray-800 mb-4">Test Page</h1>
+            <p className="text-gray-600 mb-6">
+               This page bypasses authentication to test if the app works.
+            </p>
+            <div className="space-y-4">
+               <div className="p-4 bg-green-100 border border-green-300 rounded">
+                  <h2 className="font-semibold text-green-800">✅ App is Working</h2>
+                  <p className="text-green-700">The basic Next.js app is functioning correctly.</p>
+               </div>
+               <div className="p-4 bg-blue-100 border border-blue-300 rounded">
+                  <h2 className="font-semibold text-blue-800">🔐 Authentication Issue</h2>
+                  <p className="text-blue-700">
+                     The problem is likely in the authentication flow or redirects.
+                  </p>
+               </div>
+               <div className="p-4 bg-yellow-100 border border-yellow-300 rounded">
+                  <h2 className="font-semibold text-yellow-800">📝 Next Steps</h2>
+                  <p className="text-yellow-700">Check the browser console for error messages.</p>
+               </div>
+            </div>
+            <div className="mt-6 pt-4 border-t">
+               <a href="/" className="text-blue-600 hover:text-blue-800 underline">
+                  ← Back to Home
+               </a>
+            </div>
+         </div>
+      </div>
+   );
+}
diff --git a/components/__tests__/admin-dashboard.test.tsx b/components/__tests__/admin-dashboard.test.tsx
new file mode 100644
index 00000000..35439d83
--- /dev/null
+++ b/components/__tests__/admin-dashboard.test.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { AdminDashboard } from '../dashboards/admin-dashboard';
+
+describe('AdminDashboard', () => {
+   const mockOrgId = 'test-org-123';
+
+   it('renders the dashboard title', () => {
+      render(<AdminDashboard orgId={mockOrgId} />);
+      expect(screen.getByText('Admin Dashboard')).toBeInTheDocument();
+   });
+
+   it('renders organization statistics', () => {
+      render(<AdminDashboard orgId={mockOrgId} />);
+
+      expect(screen.getByText('Total Users')).toBeInTheDocument();
+      expect(screen.getByText('45')).toBeInTheDocument(); // totalUsers
+      expect(screen.getByText('38 active')).toBeInTheDocument(); // activeUsers
+
+      expect(screen.getByText('Active Campaigns')).toBeInTheDocument();
+      expect(screen.getByText('8')).toBeInTheDocument(); // activeCampaigns
+      expect(screen.getByText('of 12 total')).toBeInTheDocument(); // totalCampaigns
+
+      expect(screen.getByText('Content Pieces')).toBeInTheDocument();
+      expect(screen.getByText('156')).toBeInTheDocument(); // totalContent
+
+      expect(screen.getByText('Pending Approvals')).toBeInTheDocument();
+      expect(screen.getByText('23')).toBeInTheDocument(); // pendingApprovals
+   });
+
+   it('renders tabs', () => {
+      render(<AdminDashboard orgId={mockOrgId} />);
+
+      expect(screen.getByText('User Management')).toBeInTheDocument();
+      expect(screen.getByText('Organization')).toBeInTheDocument();
+      expect(screen.getByText('System')).toBeInTheDocument();
+   });
+
+   it('renders system settings button', () => {
+      render(<AdminDashboard orgId={mockOrgId} />);
+
+      expect(screen.getByText('System Settings')).toBeInTheDocument();
+   });
+});
diff --git a/components/analytics/analytics-charts.tsx b/components/analytics/analytics-charts.tsx
new file mode 100644
index 00000000..a98da55a
--- /dev/null
+++ b/components/analytics/analytics-charts.tsx
@@ -0,0 +1,149 @@
+'use client';
+
+import React from 'react';
+import {
+   BarChart,
+   Bar,
+   XAxis,
+   YAxis,
+   CartesianGrid,
+   Tooltip,
+   ResponsiveContainer,
+   PieChart,
+   Pie,
+   Cell,
+   LineChart,
+   Line,
+} from 'recharts';
+
+interface AnalyticsChartsProps {
+   metrics: {
+      totalEvents: number;
+      eventsByType: Record<string, number>;
+      impressions: number;
+      clicks: number;
+      views: number;
+      ctr: number;
+      roi: number;
+      campaignMetrics: Array<{
+         id: string;
+         name: string;
+         totalEvents: number;
+         contentCount: number;
+         contentMetrics: Array<{
+            id: string;
+            title: string;
+            events: number;
+            impressions: number;
+            clicks: number;
+            views: number;
+         }>;
+      }>;
+   };
+}
+
+const COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042', '#8884D8'];
+
+export function AnalyticsCharts({ metrics }: AnalyticsChartsProps) {
+   // Prepare data for event types pie chart
+   const eventTypesData = Object.entries(metrics.eventsByType).map(([type, count]) => ({
+      name: type.charAt(0).toUpperCase() + type.slice(1),
+      value: count,
+   }));
+
+   // Prepare data for campaign performance bar chart
+   const campaignData = metrics.campaignMetrics.map((campaign) => ({
+      name: campaign.name.length > 15 ? campaign.name.substring(0, 15) + '...' : campaign.name,
+      events: campaign.totalEvents,
+      content: campaign.contentCount,
+   }));
+
+   // Prepare data for performance metrics line chart
+   const performanceData = [
+      { name: 'Impressions', value: metrics.impressions },
+      { name: 'Clicks', value: metrics.clicks },
+      { name: 'Views', value: metrics.views },
+   ];
+
+   return (
+      <div className="grid gap-6 md:grid-cols-2">
+         {/* Event Types Distribution */}
+         <div className="rounded-lg border p-4">
+            <h3 className="text-lg font-semibold mb-4">Event Types Distribution</h3>
+            <ResponsiveContainer width="100%" height={300}>
+               <PieChart>
+                  <Pie
+                     data={eventTypesData}
+                     cx="50%"
+                     cy="50%"
+                     labelLine={false}
+                     label={({ name, percent }) => `${name} ${(percent * 100).toFixed(0)}%`}
+                     outerRadius={80}
+                     fill="#8884d8"
+                     dataKey="value"
+                  >
+                     {eventTypesData.map((entry, index) => (
+                        <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
+                     ))}
+                  </Pie>
+                  <Tooltip />
+               </PieChart>
+            </ResponsiveContainer>
+         </div>
+
+         {/* Campaign Performance */}
+         <div className="rounded-lg border p-4">
+            <h3 className="text-lg font-semibold mb-4">Campaign Performance</h3>
+            <ResponsiveContainer width="100%" height={300}>
+               <BarChart data={campaignData}>
+                  <CartesianGrid strokeDasharray="3 3" />
+                  <XAxis dataKey="name" angle={-45} textAnchor="end" height={80} fontSize={12} />
+                  <YAxis />
+                  <Tooltip />
+                  <Bar dataKey="events" fill="#8884d8" name="Total Events" />
+               </BarChart>
+            </ResponsiveContainer>
+         </div>
+
+         {/* Performance Metrics */}
+         <div className="rounded-lg border p-4 md:col-span-2">
+            <h3 className="text-lg font-semibold mb-4">Key Performance Metrics</h3>
+            <div className="grid gap-4 md:grid-cols-3 mb-4">
+               <div className="text-center">
+                  <div className="text-2xl font-bold text-blue-600">
+                     {metrics.impressions.toLocaleString()}
+                  </div>
+                  <div className="text-sm text-muted-foreground">Impressions</div>
+               </div>
+               <div className="text-center">
+                  <div className="text-2xl font-bold text-green-600">
+                     {metrics.clicks.toLocaleString()}
+                  </div>
+                  <div className="text-sm text-muted-foreground">Clicks</div>
+               </div>
+               <div className="text-center">
+                  <div className="text-2xl font-bold text-purple-600">
+                     {metrics.ctr.toFixed(2)}%
+                  </div>
+                  <div className="text-sm text-muted-foreground">CTR</div>
+               </div>
+            </div>
+            <ResponsiveContainer width="100%" height={200}>
+               <LineChart data={performanceData}>
+                  <CartesianGrid strokeDasharray="3 3" />
+                  <XAxis dataKey="name" />
+                  <YAxis />
+                  <Tooltip />
+                  <Line
+                     type="monotone"
+                     dataKey="value"
+                     stroke="#8884d8"
+                     strokeWidth={2}
+                     dot={{ fill: '#8884d8', strokeWidth: 2, r: 4 }}
+                  />
+               </LineChart>
+            </ResponsiveContainer>
+         </div>
+      </div>
+   );
+}
diff --git a/components/analytics/analytics-example.tsx b/components/analytics/analytics-example.tsx
new file mode 100644
index 00000000..b38adfcf
--- /dev/null
+++ b/components/analytics/analytics-example.tsx
@@ -0,0 +1,119 @@
+'use client';
+
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { useAnalytics } from '@/hooks/use-analytics';
+import { Eye, MousePointer, ThumbsUp, Share2 } from 'lucide-react';
+
+interface AnalyticsExampleProps {
+   orgId: string;
+   campaignId?: string;
+   contentId?: string;
+}
+
+export function AnalyticsExample({ orgId, campaignId, contentId }: AnalyticsExampleProps) {
+   const { trackEvent } = useAnalytics(orgId);
+
+   const handleView = async () => {
+      try {
+         await trackEvent('view', campaignId, contentId, {
+            source: 'example_component',
+            timestamp: new Date().toISOString(),
+         });
+         console.log('View event tracked');
+      } catch (error) {
+         console.error('Failed to track view:', error);
+      }
+   };
+
+   const handleClick = async () => {
+      try {
+         await trackEvent('click', campaignId, contentId, {
+            element: 'example_button',
+            position: 'center',
+         });
+         console.log('Click event tracked');
+      } catch (error) {
+         console.error('Failed to track click:', error);
+      }
+   };
+
+   const handleLike = async () => {
+      try {
+         await trackEvent('like', campaignId, contentId, {
+            reaction_type: 'thumbs_up',
+         });
+         console.log('Like event tracked');
+      } catch (error) {
+         console.error('Failed to track like:', error);
+      }
+   };
+
+   const handleShare = async () => {
+      try {
+         await trackEvent('share', campaignId, contentId, {
+            platform: 'social_media',
+         });
+         console.log('Share event tracked');
+      } catch (error) {
+         console.error('Failed to track share:', error);
+      }
+   };
+
+   return (
+      <Card>
+         <CardHeader>
+            <CardTitle>Analytics Event Tracking Example</CardTitle>
+            <CardDescription>
+               Click buttons to track different types of analytics events
+            </CardDescription>
+         </CardHeader>
+         <CardContent className="space-y-4">
+            <div className="grid gap-2 md:grid-cols-2">
+               <Button onClick={handleView} variant="outline" className="justify-start">
+                  <Eye className="mr-2 h-4 w-4" />
+                  Track View
+               </Button>
+               <Button onClick={handleClick} variant="outline" className="justify-start">
+                  <MousePointer className="mr-2 h-4 w-4" />
+                  Track Click
+               </Button>
+               <Button onClick={handleLike} variant="outline" className="justify-start">
+                  <ThumbsUp className="mr-2 h-4 w-4" />
+                  Track Like
+               </Button>
+               <Button onClick={handleShare} variant="outline" className="justify-start">
+                  <Share2 className="mr-2 h-4 w-4" />
+                  Track Share
+               </Button>
+            </div>
+
+            <div className="text-sm text-muted-foreground">
+               <p>
+                  <strong>Campaign ID:</strong> {campaignId || 'Not set'}
+               </p>
+               <p>
+                  <strong>Content ID:</strong> {contentId || 'Not set'}
+               </p>
+               <p>
+                  <strong>Organization ID:</strong> {orgId}
+               </p>
+            </div>
+
+            <div className="text-xs text-muted-foreground bg-muted p-3 rounded">
+               <p>
+                  <strong>Usage:</strong>
+               </p>
+               <pre className="mt-1">
+                  {`const { trackEvent } = useAnalytics(orgId);
+
+await trackEvent('event_type', campaignId, contentId, {
+  custom_data: 'value'
+});`}
+               </pre>
+            </div>
+         </CardContent>
+      </Card>
+   );
+}
diff --git a/components/assets/asset-library.tsx b/components/assets/asset-library.tsx
new file mode 100644
index 00000000..e0d301b4
--- /dev/null
+++ b/components/assets/asset-library.tsx
@@ -0,0 +1,312 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useSession } from 'next-auth/react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Input } from '@/components/ui/input';
+import {
+   Dialog,
+   DialogContent,
+   DialogHeader,
+   DialogTitle,
+   DialogTrigger,
+} from '@/components/ui/dialog';
+import { Upload, Search, Image, Video, FileText, Music, Trash2, Eye } from 'lucide-react';
+import { AssetUpload } from './asset-upload';
+import { AssetPreview } from './asset-preview';
+
+interface Asset {
+   id: string;
+   url: string;
+   name?: string;
+   type: string;
+   size?: number;
+   description?: string;
+   tags?: string[];
+   createdAt: string;
+   content: {
+      id: string;
+      title: string;
+   };
+}
+
+interface AssetLibraryProps {
+   orgId: string;
+   contentId?: string;
+   onAssetSelect?: (asset: Asset) => void;
+}
+
+export function AssetLibrary({ orgId, contentId, onAssetSelect }: AssetLibraryProps) {
+   const { data: session } = useSession();
+   const [assets, setAssets] = useState<Asset[]>([]);
+   const [loading, setLoading] = useState(true);
+   const [searchTerm, setSearchTerm] = useState('');
+   const [selectedType, setSelectedType] = useState<string>('all');
+   const [selectedTags, setSelectedTags] = useState<string[]>([]);
+   const [sortBy, setSortBy] = useState<string>('newest');
+   const [uploadDialogOpen, setUploadDialogOpen] = useState(false);
+   const [previewAsset, setPreviewAsset] = useState<Asset | null>(null);
+
+   const fetchAssets = async () => {
+      try {
+         const params = new URLSearchParams();
+         if (contentId) params.append('contentId', contentId);
+
+         const response = await fetch(`/api/${orgId}/assets?${params}`);
+         if (response.ok) {
+            const data = await response.json();
+            setAssets(data);
+         }
+      } catch (error) {
+         console.error('Error fetching assets:', error);
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   useEffect(() => {
+      if (session?.user) {
+         fetchAssets();
+      }
+   }, [session, orgId, contentId]);
+
+   const filteredAssets = assets
+      .filter((asset) => {
+         const matchesSearch =
+            !searchTerm ||
+            asset.name?.toLowerCase().includes(searchTerm.toLowerCase()) ||
+            asset.content.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
+            asset.type.toLowerCase().includes(searchTerm.toLowerCase()) ||
+            asset.description?.toLowerCase().includes(searchTerm.toLowerCase()) ||
+            asset.tags?.some((tag) => tag.toLowerCase().includes(searchTerm.toLowerCase()));
+
+         const matchesType = selectedType === 'all' || asset.type.startsWith(selectedType);
+         const matchesTags =
+            selectedTags.length === 0 || selectedTags.every((tag) => asset.tags?.includes(tag));
+
+         return matchesSearch && matchesType && matchesTags;
+      })
+      .sort((a, b) => {
+         switch (sortBy) {
+            case 'newest':
+               return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
+            case 'oldest':
+               return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
+            case 'name':
+               return (a.name || a.content.title).localeCompare(b.name || b.content.title);
+            case 'size':
+               return (b.size || 0) - (a.size || 0);
+            default:
+               return 0;
+         }
+      });
+
+   const getAssetIcon = (type: string) => {
+      if (type.startsWith('image/')) return <Image className="h-8 w-8" />;
+      if (type.startsWith('video/')) return <Video className="h-8 w-8" />;
+      if (type.startsWith('audio/')) return <Music className="h-8 w-8" />;
+      if (type === 'application/pdf') return <FileText className="h-8 w-8" />;
+      return <FileText className="h-8 w-8" />;
+   };
+
+   const getTypeBadgeColor = (type: string) => {
+      if (type.startsWith('image/')) return 'bg-green-100 text-green-800';
+      if (type.startsWith('video/')) return 'bg-blue-100 text-blue-800';
+      if (type.startsWith('audio/')) return 'bg-purple-100 text-purple-800';
+      return 'bg-gray-100 text-gray-800';
+   };
+
+   const handleAssetUpload = () => {
+      setUploadDialogOpen(false);
+      fetchAssets();
+   };
+
+   const handleDeleteAsset = async (assetId: string) => {
+      if (!confirm('Are you sure you want to delete this asset?')) return;
+
+      try {
+         const response = await fetch(`/api/${orgId}/assets/${assetId}`, {
+            method: 'DELETE',
+         });
+
+         if (response.ok) {
+            setAssets(assets.filter((asset) => asset.id !== assetId));
+         }
+      } catch (error) {
+         console.error('Error deleting asset:', error);
+      }
+   };
+
+   if (loading) {
+      return (
+         <div className="flex items-center justify-center h-64">
+            <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
+         </div>
+      );
+   }
+
+   return (
+      <div className="space-y-6">
+         <div className="flex items-center justify-between">
+            <h2 className="text-2xl font-bold">Asset Library</h2>
+            <Dialog open={uploadDialogOpen} onOpenChange={setUploadDialogOpen}>
+               <DialogTrigger asChild>
+                  <Button>
+                     <Upload className="h-4 w-4 mr-2" />
+                     Upload Asset
+                  </Button>
+               </DialogTrigger>
+               <DialogContent className="max-w-md">
+                  <DialogHeader>
+                     <DialogTitle>Upload New Asset</DialogTitle>
+                  </DialogHeader>
+                  <AssetUpload
+                     orgId={orgId}
+                     contentId={contentId}
+                     onUploadComplete={handleAssetUpload}
+                  />
+               </DialogContent>
+            </Dialog>
+         </div>
+
+         <div className="space-y-4">
+            <div className="flex gap-4">
+               <div className="relative flex-1">
+                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" />
+                  <Input
+                     placeholder="Search assets, tags, descriptions..."
+                     value={searchTerm}
+                     onChange={(e) => setSearchTerm(e.target.value)}
+                     className="pl-10"
+                  />
+               </div>
+               <select
+                  value={selectedType}
+                  onChange={(e) => setSelectedType(e.target.value)}
+                  className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary"
+               >
+                  <option value="all">All Types</option>
+                  <option value="image/">Images</option>
+                  <option value="video/">Videos</option>
+                  <option value="audio/">Audio</option>
+                  <option value="application/pdf">PDFs</option>
+               </select>
+               <select
+                  value={sortBy}
+                  onChange={(e) => setSortBy(e.target.value)}
+                  className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary"
+               >
+                  <option value="newest">Newest First</option>
+                  <option value="oldest">Oldest First</option>
+                  <option value="name">Name A-Z</option>
+                  <option value="size">Largest First</option>
+               </select>
+            </div>
+
+            {/* Tag filters */}
+            <div className="flex flex-wrap gap-2">
+               {Array.from(new Set(assets.flatMap((asset) => asset.tags || []))).map((tag) => (
+                  <button
+                     key={tag}
+                     onClick={() => {
+                        setSelectedTags((prev) =>
+                           prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag]
+                        );
+                     }}
+                     className={`px-3 py-1 text-sm rounded-full border ${
+                        selectedTags.includes(tag)
+                           ? 'bg-primary text-primary-foreground border-primary'
+                           : 'bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200'
+                     }`}
+                  >
+                     {tag}
+                  </button>
+               ))}
+            </div>
+         </div>
+
+         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
+            {filteredAssets.map((asset) => (
+               <Card key={asset.id} className="hover:shadow-md transition-shadow">
+                  <CardHeader className="pb-2">
+                     <div className="flex items-center justify-between">
+                        <div className="flex items-center space-x-2">
+                           {getAssetIcon(asset.type)}
+                           <Badge className={getTypeBadgeColor(asset.type)}>
+                              {asset.type.split('/')[0]}
+                           </Badge>
+                        </div>
+                        <div className="flex space-x-1">
+                           <Button variant="ghost" size="sm" onClick={() => setPreviewAsset(asset)}>
+                              <Eye className="h-4 w-4" />
+                           </Button>
+                           <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={() => handleDeleteAsset(asset.id)}
+                           >
+                              <Trash2 className="h-4 w-4" />
+                           </Button>
+                        </div>
+                     </div>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="space-y-2">
+                        <p className="text-sm font-medium truncate">
+                           {asset.name || asset.content.title}
+                        </p>
+                        {asset.description && (
+                           <p className="text-xs text-gray-600 truncate">{asset.description}</p>
+                        )}
+                        <div className="flex flex-wrap gap-1">
+                           {asset.tags?.slice(0, 2).map((tag) => (
+                              <Badge key={tag} variant="secondary" className="text-xs">
+                                 {tag}
+                              </Badge>
+                           ))}
+                           {asset.tags && asset.tags.length > 2 && (
+                              <Badge variant="secondary" className="text-xs">
+                                 +{asset.tags.length - 2}
+                              </Badge>
+                           )}
+                        </div>
+                        <div className="flex justify-between items-center text-xs text-gray-400">
+                           <span>{new Date(asset.createdAt).toLocaleDateString()}</span>
+                           {asset.size && <span>{(asset.size / 1024 / 1024).toFixed(1)} MB</span>}
+                        </div>
+                        {onAssetSelect && (
+                           <Button
+                              variant="outline"
+                              size="sm"
+                              className="w-full mt-2"
+                              onClick={() => onAssetSelect(asset)}
+                           >
+                              Select
+                           </Button>
+                        )}
+                     </div>
+                  </CardContent>
+               </Card>
+            ))}
+         </div>
+
+         {filteredAssets.length === 0 && (
+            <div className="text-center py-12">
+               <FileText className="h-12 w-12 text-gray-400 mx-auto mb-4" />
+               <h3 className="text-lg font-medium text-gray-900 mb-2">No assets found</h3>
+               <p className="text-gray-500">
+                  {searchTerm || selectedType !== 'all'
+                     ? 'Try adjusting your search or filter criteria.'
+                     : 'Upload your first asset to get started.'}
+               </p>
+            </div>
+         )}
+
+         {previewAsset && (
+            <AssetPreview asset={previewAsset} onClose={() => setPreviewAsset(null)} />
+         )}
+      </div>
+   );
+}
diff --git a/components/assets/asset-preview.tsx b/components/assets/asset-preview.tsx
new file mode 100644
index 00000000..48db5230
--- /dev/null
+++ b/components/assets/asset-preview.tsx
@@ -0,0 +1,129 @@
+'use client';
+
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Download, ExternalLink, Image, Video, FileText, Music } from 'lucide-react';
+
+interface Asset {
+   id: string;
+   url: string;
+   type: string;
+   createdAt: string;
+   content: {
+      id: string;
+      title: string;
+   };
+}
+
+interface AssetPreviewProps {
+   asset: Asset | null;
+   onClose: () => void;
+}
+
+export function AssetPreview({ asset, onClose }: AssetPreviewProps) {
+   if (!asset) return null;
+
+   const getAssetIcon = (type: string) => {
+      if (type.startsWith('image/')) return <Image className="h-12 w-12" />;
+      if (type.startsWith('video/')) return <Video className="h-12 w-12" />;
+      if (type.startsWith('audio/')) return <Music className="h-12 w-12" />;
+      if (type === 'application/pdf') return <FileText className="h-12 w-12" />;
+      return <FileText className="h-12 w-12" />;
+   };
+
+   const getTypeBadgeColor = (type: string) => {
+      if (type.startsWith('image/')) return 'bg-green-100 text-green-800';
+      if (type.startsWith('video/')) return 'bg-blue-100 text-blue-800';
+      if (type.startsWith('audio/')) return 'bg-purple-100 text-purple-800';
+      return 'bg-gray-100 text-gray-800';
+   };
+
+   const renderAssetContent = () => {
+      if (asset.type.startsWith('image/')) {
+         return (
+            <img
+               src={asset.url}
+               alt={asset.content.title}
+               className="max-w-full max-h-96 object-contain rounded-lg"
+            />
+         );
+      }
+
+      if (asset.type.startsWith('video/')) {
+         return <video src={asset.url} controls className="max-w-full max-h-96 rounded-lg" />;
+      }
+
+      if (asset.type.startsWith('audio/')) {
+         return <audio src={asset.url} controls className="w-full" />;
+      }
+
+      if (asset.type === 'application/pdf') {
+         return (
+            <iframe
+               src={asset.url}
+               className="w-full h-96 border rounded-lg"
+               title={asset.content.title}
+            />
+         );
+      }
+
+      return (
+         <div className="flex flex-col items-center justify-center h-48 text-gray-500">
+            {getAssetIcon(asset.type)}
+            <p className="mt-2">Preview not available for this file type</p>
+         </div>
+      );
+   };
+
+   const handleDownload = () => {
+      const link = document.createElement('a');
+      link.href = asset.url;
+      link.download = asset.content.title;
+      link.click();
+   };
+
+   const handleOpenInNewTab = () => {
+      window.open(asset.url, '_blank');
+   };
+
+   return (
+      <Dialog open={!!asset} onOpenChange={() => onClose()}>
+         <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
+            <DialogHeader>
+               <DialogTitle className="flex items-center justify-between">
+                  <span>{asset.content.title}</span>
+                  <Badge className={getTypeBadgeColor(asset.type)}>
+                     {asset.type.split('/')[0]}
+                  </Badge>
+               </DialogTitle>
+            </DialogHeader>
+
+            <div className="space-y-4">
+               <div className="flex justify-center">{renderAssetContent()}</div>
+
+               <div className="flex items-center justify-between text-sm text-gray-600">
+                  <div>
+                     <p>
+                        <strong>Type:</strong> {asset.type}
+                     </p>
+                     <p>
+                        <strong>Uploaded:</strong> {new Date(asset.createdAt).toLocaleString()}
+                     </p>
+                  </div>
+                  <div className="flex space-x-2">
+                     <Button variant="outline" size="sm" onClick={handleDownload}>
+                        <Download className="h-4 w-4 mr-2" />
+                        Download
+                     </Button>
+                     <Button variant="outline" size="sm" onClick={handleOpenInNewTab}>
+                        <ExternalLink className="h-4 w-4 mr-2" />
+                        Open
+                     </Button>
+                  </div>
+               </div>
+            </div>
+         </DialogContent>
+      </Dialog>
+   );
+}
diff --git a/components/assets/asset-upload.tsx b/components/assets/asset-upload.tsx
new file mode 100644
index 00000000..2b9edd49
--- /dev/null
+++ b/components/assets/asset-upload.tsx
@@ -0,0 +1,121 @@
+'use client';
+
+import { useState } from 'react';
+import { useSession } from 'next-auth/react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Upload, X } from 'lucide-react';
+
+interface AssetUploadProps {
+   orgId: string;
+   contentId?: string;
+   onUploadComplete: () => void;
+}
+
+export function AssetUpload({ orgId, contentId, onUploadComplete }: AssetUploadProps) {
+   const { data: session } = useSession();
+   const [file, setFile] = useState<File | null>(null);
+   const [uploading, setUploading] = useState(false);
+   const [selectedContentId, setSelectedContentId] = useState(contentId || '');
+
+   const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
+      const selectedFile = e.target.files?.[0];
+      if (selectedFile) {
+         setFile(selectedFile);
+      }
+   };
+
+   const handleUpload = async () => {
+      if (!file || !selectedContentId) return;
+
+      setUploading(true);
+      try {
+         const formData = new FormData();
+         formData.append('file', file);
+         formData.append('contentId', selectedContentId);
+
+         const response = await fetch(`/api/${orgId}/assets/upload`, {
+            method: 'POST',
+            body: formData,
+         });
+
+         if (response.ok) {
+            onUploadComplete();
+            setFile(null);
+            setSelectedContentId('');
+         } else {
+            const error = await response.json();
+            alert(`Upload failed: ${error.error}`);
+         }
+      } catch (error) {
+         console.error('Upload error:', error);
+         alert('Upload failed. Please try again.');
+      } finally {
+         setUploading(false);
+      }
+   };
+
+   const removeFile = () => {
+      setFile(null);
+   };
+
+   return (
+      <div className="space-y-4">
+         <div>
+            <Label htmlFor="file">Select File</Label>
+            <Input
+               id="file"
+               type="file"
+               accept="image/*,video/*,audio/*,.pdf"
+               onChange={handleFileSelect}
+               className="mt-1"
+            />
+         </div>
+
+         {file && (
+            <div className="flex items-center justify-between p-3 bg-gray-50 rounded-md">
+               <div className="flex items-center space-x-2">
+                  <Upload className="h-4 w-4" />
+                  <span className="text-sm">{file.name}</span>
+                  <span className="text-xs text-gray-500">
+                     ({(file.size / 1024 / 1024).toFixed(2)} MB)
+                  </span>
+               </div>
+               <Button variant="ghost" size="sm" onClick={removeFile}>
+                  <X className="h-4 w-4" />
+               </Button>
+            </div>
+         )}
+
+         <div>
+            <Label htmlFor="content">Associate with Content</Label>
+            <Select value={selectedContentId} onValueChange={setSelectedContentId}>
+               <SelectTrigger>
+                  <SelectValue placeholder="Select content" />
+               </SelectTrigger>
+               <SelectContent>
+                  {/* This would be populated with actual content from the API */}
+                  <SelectItem value="content-1">Sample Content 1</SelectItem>
+                  <SelectItem value="content-2">Sample Content 2</SelectItem>
+               </SelectContent>
+            </Select>
+         </div>
+
+         <Button
+            onClick={handleUpload}
+            disabled={!file || !selectedContentId || uploading}
+            className="w-full"
+         >
+            {uploading ? 'Uploading...' : 'Upload Asset'}
+         </Button>
+      </div>
+   );
+}
diff --git a/components/campaigns/analytics/campaign-analytics-page.tsx b/components/campaigns/analytics/campaign-analytics-page.tsx
new file mode 100644
index 00000000..41cebcb0
--- /dev/null
+++ b/components/campaigns/analytics/campaign-analytics-page.tsx
@@ -0,0 +1,541 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Progress } from '@/components/ui/progress';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import {
+   TrendingUp,
+   Users,
+   CheckSquare,
+   FileText,
+   Calendar,
+   Target,
+   BarChart3,
+   PieChart,
+   Activity,
+   Clock,
+   AlertTriangle,
+   CheckCircle,
+   XCircle,
+} from 'lucide-react';
+import type { Campaign, CampaignTask, CampaignContent } from '@/types/campaign';
+
+interface CampaignAnalyticsPageProps {
+   orgId: string;
+   campaignId: string;
+   campaign: Campaign;
+}
+
+const statusConfig = {
+   DRAFT: { label: 'Draft', color: 'bg-gray-500', icon: '📝' },
+   PLANNING: { label: 'Planning', color: 'bg-yellow-500', icon: '📋' },
+   READY: { label: 'Ready', color: 'bg-green-500', icon: '✅' },
+   DONE: { label: 'Done', color: 'bg-blue-500', icon: '🎉' },
+   CANCELED: { label: 'Canceled', color: 'bg-red-500', icon: '❌' },
+};
+
+const healthConfig = {
+   ON_TRACK: { label: 'On Track', color: 'bg-green-500', icon: '🟢' },
+   AT_RISK: { label: 'At Risk', color: 'bg-yellow-500', icon: '🟡' },
+   OFF_TRACK: { label: 'Off Track', color: 'bg-red-500', icon: '🔴' },
+};
+
+const taskStatusConfig = {
+   TODO: { label: 'To Do', color: 'bg-gray-500', icon: '⏳' },
+   IN_PROGRESS: { label: 'In Progress', color: 'bg-blue-500', icon: '🔄' },
+   REVIEW: { label: 'Review', color: 'bg-yellow-500', icon: '👀' },
+   DONE: { label: 'Done', color: 'bg-green-500', icon: '✅' },
+   CANCELLED: { label: 'Cancelled', color: 'bg-red-500', icon: '❌' },
+};
+
+const contentStatusConfig = {
+   DRAFT: { label: 'Draft', color: 'bg-gray-500', icon: '📝' },
+   SUBMITTED: { label: 'Submitted', color: 'bg-yellow-500', icon: '📤' },
+   APPROVED: { label: 'Approved', color: 'bg-green-500', icon: '✅' },
+   PUBLISHED: { label: 'Published', color: 'bg-blue-500', icon: '🌐' },
+   REJECTED: { label: 'Rejected', color: 'bg-red-500', icon: '❌' },
+};
+
+export function CampaignAnalyticsPage({ orgId, campaignId, campaign }: CampaignAnalyticsPageProps) {
+   const router = useRouter();
+   const [tasks, setTasks] = useState<CampaignTask[]>([]);
+   const [contents, setContents] = useState<CampaignContent[]>([]);
+   const [loading, setLoading] = useState(true);
+
+   useEffect(() => {
+      fetchAnalyticsData();
+   }, [orgId, campaignId]);
+
+   const fetchAnalyticsData = async () => {
+      try {
+         // Fetch tasks and contents for analytics
+         const [tasksResponse, contentsResponse] = await Promise.all([
+            fetch(`/api/${orgId}/campaigns/${campaignId}/tasks`),
+            fetch(`/api/${orgId}/campaigns/${campaignId}/contents`),
+         ]);
+
+         if (tasksResponse.ok) {
+            const tasksData = await tasksResponse.json();
+            setTasks(tasksData.tasks || []);
+         }
+
+         if (contentsResponse.ok) {
+            const contentsData = await contentsResponse.json();
+            setContents(contentsData.contents || []);
+         }
+      } catch (error) {
+         console.error('Error fetching analytics data:', error);
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const calculateTaskProgress = () => {
+      if (tasks.length === 0) return 0;
+      const completedTasks = tasks.filter((task) => task.status === 'DONE').length;
+      return Math.round((completedTasks / tasks.length) * 100);
+   };
+
+   const calculateContentProgress = () => {
+      if (contents.length === 0) return 0;
+      const publishedContents = contents.filter((content) => content.status === 'PUBLISHED').length;
+      return Math.round((publishedContents / contents.length) * 100);
+   };
+
+   const getTaskStats = () => {
+      return {
+         total: tasks.length,
+         todo: tasks.filter((task) => task.status === 'TODO').length,
+         inProgress: tasks.filter((task) => task.status === 'IN_PROGRESS').length,
+         review: tasks.filter((task) => task.status === 'REVIEW').length,
+         done: tasks.filter((task) => task.status === 'DONE').length,
+         cancelled: tasks.filter((task) => task.status === 'CANCELLED').length,
+      };
+   };
+
+   const getContentStats = () => {
+      return {
+         total: contents.length,
+         draft: contents.filter((content) => content.status === 'DRAFT').length,
+         submitted: contents.filter((content) => content.status === 'SUBMITTED').length,
+         approved: contents.filter((content) => content.status === 'APPROVED').length,
+         published: contents.filter((content) => content.status === 'PUBLISHED').length,
+         rejected: contents.filter((content) => content.status === 'REJECTED').length,
+      };
+   };
+
+   const getTimelineProgress = () => {
+      if (!campaign.startDate || !campaign.endDate) return 0;
+
+      const now = new Date();
+      const start = new Date(campaign.startDate);
+      const end = new Date(campaign.endDate);
+
+      if (now < start) return 0;
+      if (now > end) return 100;
+
+      const totalDuration = end.getTime() - start.getTime();
+      const elapsed = now.getTime() - start.getTime();
+      return Math.round((elapsed / totalDuration) * 100);
+   };
+
+   const getOverdueTasks = () => {
+      const now = new Date();
+      return tasks.filter((task) => {
+         if (!task.dueDate) return false;
+         return new Date(task.dueDate) < now && task.status !== 'DONE';
+      });
+   };
+
+   const getUpcomingDeadlines = () => {
+      const now = new Date();
+      const nextWeek = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);
+
+      return tasks
+         .filter((task) => {
+            if (!task.dueDate) return false;
+            const dueDate = new Date(task.dueDate);
+            return dueDate >= now && dueDate <= nextWeek && task.status !== 'DONE';
+         })
+         .sort((a, b) => new Date(a.dueDate!).getTime() - new Date(b.dueDate!).getTime());
+   };
+
+   if (loading) {
+      return (
+         <div className="flex items-center justify-center min-h-[400px]">
+            <div className="text-center">
+               <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4"></div>
+               <p className="text-muted-foreground">Loading analytics...</p>
+            </div>
+         </div>
+      );
+   }
+
+   const taskStats = getTaskStats();
+   const contentStats = getContentStats();
+   const timelineProgress = getTimelineProgress();
+   const overdueTasks = getOverdueTasks();
+   const upcomingDeadlines = getUpcomingDeadlines();
+
+   return (
+      <div className="space-y-6">
+         {/* Page Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h1 className="text-3xl font-bold">Campaign Analytics</h1>
+               <p className="text-muted-foreground">
+                  Performance insights for: <span className="font-medium">{campaign.title}</span>
+               </p>
+            </div>
+            <div className="flex items-center gap-2">
+               <Button
+                  variant="outline"
+                  onClick={() => router.push(`/${orgId}/campaigns/${campaignId}`)}
+               >
+                  Back to Campaign
+               </Button>
+            </div>
+         </div>
+
+         {/* Overview Cards */}
+         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <CheckSquare className="h-5 w-5 text-blue-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Task Progress</p>
+                        <p className="text-xl font-bold">{calculateTaskProgress()}%</p>
+                     </div>
+                  </div>
+                  <Progress value={calculateTaskProgress()} className="mt-2" />
+                  <p className="text-xs text-muted-foreground mt-1">
+                     {taskStats.done} of {taskStats.total} tasks completed
+                  </p>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <FileText className="h-5 w-5 text-green-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Content Progress</p>
+                        <p className="text-xl font-bold">{calculateContentProgress()}%</p>
+                     </div>
+                  </div>
+                  <Progress value={calculateContentProgress()} className="mt-2" />
+                  <p className="text-xs text-muted-foreground mt-1">
+                     {contentStats.published} of {contentStats.total} contents published
+                  </p>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Calendar className="h-5 w-5 text-purple-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Timeline Progress</p>
+                        <p className="text-xl font-bold">{timelineProgress}%</p>
+                     </div>
+                  </div>
+                  <Progress value={timelineProgress} className="mt-2" />
+                  <p className="text-xs text-muted-foreground mt-1">Campaign timeline progress</p>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Users className="h-5 w-5 text-orange-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Team Members</p>
+                        <p className="text-xl font-bold">{campaign.members?.length || 0}</p>
+                     </div>
+                  </div>
+                  <p className="text-xs text-muted-foreground mt-1">Active team members</p>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Detailed Analytics */}
+         <Tabs defaultValue="overview" className="space-y-4">
+            <TabsList>
+               <TabsTrigger value="overview">Overview</TabsTrigger>
+               <TabsTrigger value="tasks">Task Analytics</TabsTrigger>
+               <TabsTrigger value="content">Content Analytics</TabsTrigger>
+               <TabsTrigger value="timeline">Timeline</TabsTrigger>
+               <TabsTrigger value="alerts">Alerts</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="overview" className="space-y-6">
+               <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Campaign Status</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Status</span>
+                           <Badge className={`${statusConfig[campaign.status].color} text-white`}>
+                              {statusConfig[campaign.status].icon}{' '}
+                              {statusConfig[campaign.status].label}
+                           </Badge>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Health</span>
+                           <Badge className={`${healthConfig[campaign.health].color} text-white`}>
+                              {healthConfig[campaign.health].icon}{' '}
+                              {healthConfig[campaign.health].label}
+                           </Badge>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Priority</span>
+                           <Badge variant="outline">
+                              {campaign.priority === 'NO_PRIORITY'
+                                 ? 'No Priority'
+                                 : campaign.priority}
+                           </Badge>
+                        </div>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Quick Stats</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Total Tasks</span>
+                           <span className="font-medium">{taskStats.total}</span>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Total Content</span>
+                           <span className="font-medium">{contentStats.total}</span>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Overdue Tasks</span>
+                           <span className="font-medium text-red-600">{overdueTasks.length}</span>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Upcoming Deadlines</span>
+                           <span className="font-medium text-orange-600">
+                              {upcomingDeadlines.length}
+                           </span>
+                        </div>
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+
+            <TabsContent value="tasks" className="space-y-6">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Task Status Distribution</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="space-y-4">
+                        {Object.entries(taskStatusConfig).map(([status, config]) => {
+                           const count =
+                              taskStats[status.toLowerCase() as keyof typeof taskStats] || 0;
+                           const percentage =
+                              taskStats.total > 0 ? Math.round((count / taskStats.total) * 100) : 0;
+
+                           return (
+                              <div key={status} className="flex items-center justify-between">
+                                 <div className="flex items-center gap-3">
+                                    <span>{config.icon}</span>
+                                    <Badge variant="outline">{config.label}</Badge>
+                                    <span className="text-sm">{count} tasks</span>
+                                 </div>
+                                 <div className="flex items-center gap-2">
+                                    <Progress value={percentage} className="w-24" />
+                                    <span className="text-sm font-medium w-12 text-right">
+                                       {percentage}%
+                                    </span>
+                                 </div>
+                              </div>
+                           );
+                        })}
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="content" className="space-y-6">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Content Status Distribution</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="space-y-4">
+                        {Object.entries(contentStatusConfig).map(([status, config]) => {
+                           const count =
+                              contentStats[status.toLowerCase() as keyof typeof contentStats] || 0;
+                           const percentage =
+                              contentStats.total > 0
+                                 ? Math.round((count / contentStats.total) * 100)
+                                 : 0;
+
+                           return (
+                              <div key={status} className="flex items-center justify-between">
+                                 <div className="flex items-center gap-3">
+                                    <span>{config.icon}</span>
+                                    <Badge variant="outline">{config.label}</Badge>
+                                    <span className="text-sm">{count} items</span>
+                                 </div>
+                                 <div className="flex items-center gap-2">
+                                    <Progress value={percentage} className="w-24" />
+                                    <span className="text-sm font-medium w-12 text-right">
+                                       {percentage}%
+                                    </span>
+                                 </div>
+                              </div>
+                           );
+                        })}
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="timeline" className="space-y-6">
+               <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Campaign Timeline</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Start Date</span>
+                           <span className="font-medium">
+                              {campaign.startDate
+                                 ? new Date(campaign.startDate).toLocaleDateString()
+                                 : 'Not set'}
+                           </span>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">End Date</span>
+                           <span className="font-medium">
+                              {campaign.endDate
+                                 ? new Date(campaign.endDate).toLocaleDateString()
+                                 : 'Not set'}
+                           </span>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Progress</span>
+                           <span className="font-medium">{timelineProgress}%</span>
+                        </div>
+                        <Progress value={timelineProgress} />
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Upcoming Deadlines</CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        {upcomingDeadlines.length > 0 ? (
+                           <div className="space-y-3">
+                              {upcomingDeadlines.slice(0, 5).map((task) => (
+                                 <div
+                                    key={task.id}
+                                    className="flex items-center justify-between p-2 border rounded"
+                                 >
+                                    <span className="text-sm font-medium">{task.title}</span>
+                                    <Badge variant="outline" className="text-xs">
+                                       {new Date(task.dueDate!).toLocaleDateString()}
+                                    </Badge>
+                                 </div>
+                              ))}
+                           </div>
+                        ) : (
+                           <p className="text-muted-foreground text-center py-4">
+                              No upcoming deadlines
+                           </p>
+                        )}
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+
+            <TabsContent value="alerts" className="space-y-6">
+               <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="flex items-center gap-2">
+                           <AlertTriangle className="h-5 w-5 text-red-500" />
+                           Overdue Tasks
+                        </CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        {overdueTasks.length > 0 ? (
+                           <div className="space-y-3">
+                              {overdueTasks.map((task) => (
+                                 <div
+                                    key={task.id}
+                                    className="flex items-center justify-between p-2 border border-red-200 rounded bg-red-50"
+                                 >
+                                    <span className="text-sm font-medium">{task.title}</span>
+                                    <Badge variant="destructive" className="text-xs">
+                                       {Math.abs(
+                                          Math.ceil(
+                                             (new Date(task.dueDate!).getTime() -
+                                                new Date().getTime()) /
+                                                (1000 * 60 * 60 * 24)
+                                          )
+                                       )}
+                                       d overdue
+                                    </Badge>
+                                 </div>
+                              ))}
+                           </div>
+                        ) : (
+                           <div className="text-center py-4">
+                              <CheckCircle className="h-8 w-8 text-green-500 mx-auto mb-2" />
+                              <p className="text-muted-foreground">All tasks are on time!</p>
+                           </div>
+                        )}
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="flex items-center gap-2">
+                           <Clock className="h-5 w-5 text-orange-500" />
+                           Recent Activity
+                        </CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        <div className="space-y-3">
+                           <div className="flex items-center gap-2 text-sm">
+                              <div className="w-2 h-2 bg-blue-500 rounded-full" />
+                              <span>Campaign created</span>
+                              <span className="text-muted-foreground ml-auto">
+                                 {campaign.createdAt
+                                    ? new Date(campaign.createdAt).toLocaleDateString()
+                                    : 'Unknown'}
+                              </span>
+                           </div>
+                           {campaign.updatedAt && (
+                              <div className="flex items-center gap-2 text-sm">
+                                 <div className="w-2 h-2 bg-green-500 rounded-full" />
+                                 <span>Last updated</span>
+                                 <span className="text-muted-foreground ml-auto">
+                                    {new Date(campaign.updatedAt).toLocaleDateString()}
+                                 </span>
+                              </div>
+                           )}
+                        </div>
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/campaigns/analytics/index.ts b/components/campaigns/analytics/index.ts
new file mode 100644
index 00000000..f54f462a
--- /dev/null
+++ b/components/campaigns/analytics/index.ts
@@ -0,0 +1 @@
+export { CampaignAnalyticsPage } from './campaign-analytics-page';
diff --git a/components/campaigns/campaign-card.tsx b/components/campaigns/campaign-card.tsx
new file mode 100644
index 00000000..a2b024cb
--- /dev/null
+++ b/components/campaigns/campaign-card.tsx
@@ -0,0 +1,83 @@
+'use client';
+
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Calendar, FileText, Clock, MoreHorizontal } from 'lucide-react';
+import Link from 'next/link';
+import { formatDistanceToNow } from 'date-fns';
+
+interface Campaign {
+   id: string;
+   name: string;
+   description?: string;
+   createdAt: string;
+   contents: any[];
+   schedules: any[];
+}
+
+interface CampaignCardProps {
+   campaign: Campaign;
+   orgId: string;
+}
+
+export function CampaignCard({ campaign, orgId }: CampaignCardProps) {
+   const contentCount = campaign.contents.length;
+   const scheduleCount = campaign.schedules.length;
+   const createdDate = new Date(campaign.createdAt);
+
+   return (
+      <Card className="hover:shadow-md transition-shadow">
+         <CardHeader className="pb-3">
+            <div className="flex items-start justify-between">
+               <div className="space-y-1">
+                  <CardTitle className="text-lg font-semibold line-clamp-2">
+                     {campaign.name}
+                  </CardTitle>
+                  {campaign.description && (
+                     <CardDescription className="line-clamp-2">
+                        {campaign.description}
+                     </CardDescription>
+                  )}
+               </div>
+               <Button variant="ghost" size="sm" className="h-8 w-8 p-0">
+                  <MoreHorizontal className="h-4 w-4" />
+               </Button>
+            </div>
+         </CardHeader>
+
+         <CardContent className="space-y-4">
+            <div className="flex items-center justify-between text-sm text-muted-foreground">
+               <div className="flex items-center gap-1">
+                  <FileText className="h-4 w-4" />
+                  <span>
+                     {contentCount} content{contentCount !== 1 ? 's' : ''}
+                  </span>
+               </div>
+               <div className="flex items-center gap-1">
+                  <Clock className="h-4 w-4" />
+                  <span>
+                     {scheduleCount} schedule{scheduleCount !== 1 ? 's' : ''}
+                  </span>
+               </div>
+            </div>
+
+            <div className="flex items-center gap-2 text-sm text-muted-foreground">
+               <Calendar className="h-4 w-4" />
+               <span>Created {formatDistanceToNow(createdDate, { addSuffix: true })}</span>
+            </div>
+
+            <div className="flex gap-2">
+               <Link href={`/${orgId}/campaigns/${campaign.id}`} className="flex-1">
+                  <Button variant="outline" className="w-full">
+                     View Details
+                  </Button>
+               </Link>
+               <Link href={`/${orgId}/content/new?campaignId=${campaign.id}`}>
+                  <Button size="sm">Add Content</Button>
+               </Link>
+            </div>
+         </CardContent>
+      </Card>
+   );
+}
diff --git a/components/campaigns/campaign-creation-modal.tsx b/components/campaigns/campaign-creation-modal.tsx
new file mode 100644
index 00000000..3a1b50b0
--- /dev/null
+++ b/components/campaigns/campaign-creation-modal.tsx
@@ -0,0 +1,58 @@
+'use client';
+
+import { useState } from 'react';
+import {
+   Dialog,
+   DialogContent,
+   DialogHeader,
+   DialogTitle,
+   DialogTrigger,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Plus } from 'lucide-react';
+import CampaignForm from './campaign-form';
+import { CreateCampaignData, User } from '@/types/campaign';
+
+interface CampaignCreationModalProps {
+   isOpen: boolean;
+   onClose: () => void;
+   onSubmit: (data: CreateCampaignData) => void;
+   teams: User[];
+   members: User[];
+   loading?: boolean;
+}
+
+export default function CampaignCreationModal({
+   isOpen,
+   onClose,
+   onSubmit,
+   teams,
+   members,
+   loading = false,
+}: CampaignCreationModalProps) {
+   const handleSubmit = (data: CreateCampaignData) => {
+      onSubmit(data);
+      onClose();
+   };
+
+   return (
+      <Dialog open={isOpen} onOpenChange={onClose}>
+         <DialogContent className="max-w-2xl max-h-[90vh] overflow-y-auto">
+            <DialogHeader>
+               <DialogTitle className="flex items-center gap-2">
+                  <Plus className="h-5 w-5" />
+                  Create New Campaign
+               </DialogTitle>
+            </DialogHeader>
+
+            <CampaignForm
+               onSubmit={handleSubmit}
+               onCancel={onClose}
+               teams={teams}
+               members={members}
+               loading={loading}
+            />
+         </DialogContent>
+      </Dialog>
+   );
+}
diff --git a/components/campaigns/campaign-date-selector.tsx b/components/campaigns/campaign-date-selector.tsx
new file mode 100644
index 00000000..e9651b6b
--- /dev/null
+++ b/components/campaigns/campaign-date-selector.tsx
@@ -0,0 +1,258 @@
+'use client';
+
+import { useState } from 'react';
+import { Calendar } from '@/components/ui/calendar';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Calendar as CalendarIcon, X } from 'lucide-react';
+import { format, isValid, parse } from 'date-fns';
+
+interface CampaignDateSelectorProps {
+   startDate?: string;
+   endDate?: string;
+   onStartDateChange: (date: string | undefined) => void;
+   onEndDateChange: (date: string | undefined) => void;
+   disabled?: boolean;
+   className?: string;
+}
+
+export default function CampaignDateSelector({
+   startDate,
+   endDate,
+   onStartDateChange,
+   onEndDateChange,
+   disabled = false,
+   className = '',
+}: CampaignDateSelectorProps) {
+   const [startDateOpen, setStartDateOpen] = useState(false);
+   const [endDateOpen, setEndDateOpen] = useState(false);
+   const [startDateInput, setStartDateInput] = useState(startDate || '');
+   const [endDateInput, setEndDateInput] = useState(endDate || '');
+
+   const handleStartDateSelect = (date: Date | undefined) => {
+      if (date) {
+         const dateString = format(date, 'yyyy-MM-dd');
+         onStartDateChange(dateString);
+         setStartDateInput(dateString);
+         setStartDateOpen(false);
+      }
+   };
+
+   const handleEndDateSelect = (date: Date | undefined) => {
+      if (date) {
+         const dateString = format(date, 'yyyy-MM-dd');
+         onEndDateChange(dateString);
+         setEndDateInput(dateString);
+         setEndDateOpen(false);
+      }
+   };
+
+   const handleStartDateInputChange = (value: string) => {
+      setStartDateInput(value);
+      const date = parse(value, 'yyyy-MM-dd', new Date());
+      if (isValid(date)) {
+         onStartDateChange(value);
+      }
+   };
+
+   const handleEndDateInputChange = (value: string) => {
+      setEndDateInput(value);
+      const date = parse(value, 'yyyy-MM-dd', new Date());
+      if (isValid(date)) {
+         onEndDateChange(value);
+      }
+   };
+
+   const clearStartDate = () => {
+      onStartDateChange(undefined);
+      setStartDateInput('');
+   };
+
+   const clearEndDate = () => {
+      onEndDateChange(undefined);
+      setEndDateInput('');
+   };
+
+   const getDateDisplay = (dateString: string | undefined) => {
+      if (!dateString) return 'Select date';
+      try {
+         return format(new Date(dateString), 'MMM dd, yyyy');
+      } catch {
+         return 'Invalid date';
+      }
+   };
+
+   const isStartDateValid = startDate && isValid(new Date(startDate));
+   const isEndDateValid = endDate && isValid(new Date(endDate));
+   const hasDateConflict =
+      isStartDateValid && isEndDateValid && new Date(startDate) >= new Date(endDate);
+
+   return (
+      <div className={`space-y-4 ${className}`}>
+         <div>
+            <Label className="text-sm font-medium">Campaign Timeline</Label>
+            <p className="text-xs text-muted-foreground mt-1">
+               Set the start and end dates for your campaign
+            </p>
+         </div>
+
+         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            {/* Start Date */}
+            <div className="space-y-2">
+               <Label htmlFor="start-date">Start Date</Label>
+               <Popover open={startDateOpen} onOpenChange={setStartDateOpen}>
+                  <PopoverTrigger asChild>
+                     <Button
+                        variant="outline"
+                        className="w-full justify-start text-left font-normal"
+                        disabled={disabled}
+                     >
+                        <CalendarIcon className="mr-2 h-4 w-4" />
+                        {getDateDisplay(startDate)}
+                        {startDate && (
+                           <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={(e) => {
+                                 e.stopPropagation();
+                                 clearStartDate();
+                              }}
+                              className="ml-auto h-6 w-6 p-0 hover:bg-transparent"
+                           >
+                              <X className="h-3 w-3" />
+                           </Button>
+                        )}
+                     </Button>
+                  </PopoverTrigger>
+                  <PopoverContent className="w-auto p-0" align="start">
+                     <Calendar
+                        mode="single"
+                        selected={startDate ? new Date(startDate) : undefined}
+                        onSelect={handleStartDateSelect}
+                        disabled={(date) => {
+                           // Disable past dates
+                           return date < new Date(new Date().setHours(0, 0, 0, 0));
+                        }}
+                        className="rounded-md border"
+                     />
+                  </PopoverContent>
+               </Popover>
+
+               {/* Manual Input */}
+               <Input
+                  id="start-date"
+                  type="date"
+                  value={startDateInput}
+                  onChange={(e) => handleStartDateInputChange(e.target.value)}
+                  disabled={disabled}
+                  className="text-sm"
+               />
+            </div>
+
+            {/* End Date */}
+            <div className="space-y-2">
+               <Label htmlFor="end-date">End Date</Label>
+               <Popover open={endDateOpen} onOpenChange={setEndDateOpen}>
+                  <PopoverTrigger asChild>
+                     <Button
+                        variant="outline"
+                        className="w-full justify-start text-left font-normal"
+                        disabled={disabled}
+                     >
+                        <CalendarIcon className="mr-2 h-4 w-4" />
+                        {getDateDisplay(endDate)}
+                        {endDate && (
+                           <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={(e) => {
+                                 e.stopPropagation();
+                                 clearEndDate();
+                              }}
+                              className="ml-auto h-6 w-6 p-0 hover:bg-transparent"
+                           >
+                              <X className="h-3 w-3" />
+                           </Button>
+                        )}
+                     </Button>
+                  </PopoverTrigger>
+                  <PopoverContent className="w-auto p-0" align="start">
+                     <Calendar
+                        mode="single"
+                        selected={endDate ? new Date(endDate) : undefined}
+                        onSelect={handleEndDateSelect}
+                        disabled={(date) => {
+                           // Disable dates before start date
+                           if (startDate) {
+                              return date <= new Date(startDate);
+                           }
+                           // Disable past dates
+                           return date < new Date(new Date().setHours(0, 0, 0, 0));
+                        }}
+                        className="rounded-md border"
+                     />
+                  </PopoverContent>
+               </Popover>
+
+               {/* Manual Input */}
+               <Input
+                  id="end-date"
+                  type="date"
+                  value={endDateInput}
+                  onChange={(e) => handleEndDateInputChange(e.target.value)}
+                  disabled={disabled}
+                  className="text-sm"
+               />
+            </div>
+         </div>
+
+         {/* Date Conflict Warning */}
+         {hasDateConflict && (
+            <div className="p-3 bg-destructive/10 border border-destructive/20 rounded-lg">
+               <p className="text-sm text-destructive">⚠️ End date must be after start date</p>
+            </div>
+         )}
+
+         {/* Date Range Display */}
+         {isStartDateValid && isEndDateValid && !hasDateConflict && (
+            <div className="p-3 bg-muted/50 rounded-lg">
+               <p className="text-sm text-muted-foreground">
+                  Campaign duration:{' '}
+                  <span className="font-medium">
+                     {format(new Date(startDate), 'MMM dd, yyyy')} -{' '}
+                     {format(new Date(endDate), 'MMM dd, yyyy')}
+                  </span>
+                  <br />
+                  <span className="text-xs">
+                     (
+                     {Math.ceil(
+                        (new Date(endDate).getTime() - new Date(startDate).getTime()) /
+                           (1000 * 60 * 60 * 24)
+                     )}{' '}
+                     days)
+                  </span>
+               </p>
+            </div>
+         )}
+
+         {/* Clear All Dates */}
+         {(startDate || endDate) && (
+            <Button
+               variant="outline"
+               size="sm"
+               onClick={() => {
+                  clearStartDate();
+                  clearEndDate();
+               }}
+               disabled={disabled}
+               className="w-full"
+            >
+               <X className="h-4 w-4 mr-2" />
+               Clear All Dates
+            </Button>
+         )}
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-detail-wrapper.tsx b/components/campaigns/campaign-detail-wrapper.tsx
new file mode 100644
index 00000000..c1c3661a
--- /dev/null
+++ b/components/campaigns/campaign-detail-wrapper.tsx
@@ -0,0 +1,196 @@
+'use client';
+
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { toast } from 'sonner';
+import { CampaignDetail } from './campaign-detail';
+import type {
+   Campaign,
+   UpdateCampaignData,
+   AddMemberData,
+   CreateTaskData,
+   UpdateTaskData,
+} from '@/types/campaign';
+
+interface CampaignDetailWrapperProps {
+   campaign: Campaign;
+}
+
+export function CampaignDetailWrapper({ campaign }: CampaignDetailWrapperProps) {
+   const router = useRouter();
+   const [loading, setLoading] = useState(false);
+
+   const handleUpdate = async (data: UpdateCampaignData) => {
+      setLoading(true);
+      try {
+         const response = await fetch(`/api/${campaign.organizationId}/campaigns/${campaign.id}`, {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data),
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to update campaign');
+         }
+
+         toast.success('Campaign updated successfully');
+         router.refresh();
+      } catch (error) {
+         console.error('Error updating campaign:', error);
+         toast.error('Failed to update campaign');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleDelete = async () => {
+      if (
+         !confirm('Are you sure you want to delete this campaign? This action cannot be undone.')
+      ) {
+         return;
+      }
+
+      setLoading(true);
+      try {
+         const response = await fetch(`/api/${campaign.organizationId}/campaigns/${campaign.id}`, {
+            method: 'DELETE',
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to delete campaign');
+         }
+
+         toast.success('Campaign deleted successfully');
+         router.push(`/${campaign.organizationId}/campaigns`);
+      } catch (error) {
+         console.error('Error deleting campaign:', error);
+         toast.error('Failed to delete campaign');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleBack = () => {
+      router.push(`/${campaign.organizationId}/campaigns`);
+   };
+
+   const handleEdit = () => {
+      // TODO: Implement edit mode
+      toast.info('Edit mode coming soon');
+   };
+
+   const handleAddMember = async (data: AddMemberData) => {
+      setLoading(true);
+      try {
+         const response = await fetch(
+            `/api/${campaign.organizationId}/campaigns/${campaign.id}/members`,
+            {
+               method: 'POST',
+               headers: { 'Content-Type': 'application/json' },
+               body: JSON.stringify(data),
+            }
+         );
+
+         if (!response.ok) {
+            throw new Error('Failed to add member');
+         }
+
+         toast.success('Member added successfully');
+         router.refresh();
+      } catch (error) {
+         console.error('Error adding member:', error);
+         toast.error('Failed to add member');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleRemoveMember = async (memberId: string) => {
+      if (!confirm('Are you sure you want to remove this member?')) {
+         return;
+      }
+
+      setLoading(true);
+      try {
+         // TODO: Implement remove member API
+         toast.info('Remove member functionality coming soon');
+      } catch (error) {
+         console.error('Error removing member:', error);
+         toast.error('Failed to remove member');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleCreateTask = async (data: CreateTaskData) => {
+      setLoading(true);
+      try {
+         const response = await fetch(
+            `/api/${campaign.organizationId}/campaigns/${campaign.id}/tasks`,
+            {
+               method: 'POST',
+               headers: { 'Content-Type': 'application/json' },
+               body: JSON.stringify(data),
+            }
+         );
+
+         if (!response.ok) {
+            throw new Error('Failed to create task');
+         }
+
+         toast.success('Task created successfully');
+         router.refresh();
+      } catch (error) {
+         console.error('Error creating task:', error);
+         toast.error('Failed to create task');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleUpdateTask = async (taskId: string, data: UpdateTaskData) => {
+      setLoading(true);
+      try {
+         // TODO: Implement update task API
+         toast.info('Update task functionality coming soon');
+      } catch (error) {
+         console.error('Error updating task:', error);
+         toast.error('Failed to update task');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleDeleteTask = async (taskId: string) => {
+      if (!confirm('Are you sure you want to delete this task?')) {
+         return;
+      }
+
+      setLoading(true);
+      try {
+         // TODO: Implement delete task API
+         toast.info('Delete task functionality coming soon');
+      } catch (error) {
+         console.error('Error deleting task:', error);
+         toast.error('Failed to delete task');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   return (
+      <CampaignDetail
+         campaign={campaign}
+         onUpdate={handleUpdate}
+         onDelete={handleDelete}
+         onBack={handleBack}
+         onEdit={handleEdit}
+         onAddMember={handleAddMember}
+         onRemoveMember={handleRemoveMember}
+         onCreateTask={handleCreateTask}
+         onUpdateTask={handleUpdateTask}
+         onDeleteTask={handleDeleteTask}
+         loading={loading}
+      />
+   );
+}
diff --git a/components/campaigns/campaign-detail.tsx b/components/campaigns/campaign-detail.tsx
new file mode 100644
index 00000000..d048f7e2
--- /dev/null
+++ b/components/campaigns/campaign-detail.tsx
@@ -0,0 +1,778 @@
+'use client';
+
+import { useState } from 'react';
+import {
+   ArrowLeft,
+   Edit,
+   MoreHorizontal,
+   Users,
+   CheckSquare,
+   Calendar,
+   Target,
+   TrendingUp,
+   Settings,
+   Plus,
+   FileText,
+   BarChart3,
+   PieChart,
+} from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Progress } from '@/components/ui/progress';
+import {
+   DropdownMenu,
+   DropdownMenuContent,
+   DropdownMenuItem,
+   DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import { Separator } from '@/components/ui/separator';
+import type {
+   Campaign,
+   CampaignTask,
+   CampaignMember,
+   UpdateCampaignData,
+   CreateTaskData,
+   UpdateTaskData,
+   AddMemberData,
+} from '@/types/campaign';
+
+interface CampaignDetailProps {
+   campaign: Campaign;
+   onUpdate: (data: UpdateCampaignData) => void;
+   onDelete: () => void;
+   onBack: () => void;
+   onEdit: () => void;
+   onAddMember: (data: AddMemberData) => void;
+   onRemoveMember: (memberId: string) => void;
+   onCreateTask: (data: CreateTaskData) => void;
+   onUpdateTask: (taskId: string, data: UpdateTaskData) => void;
+   onDeleteTask: (taskId: string) => void;
+   loading?: boolean;
+}
+
+const statusConfig = {
+   DRAFT: { label: 'Draft', color: 'bg-gray-500' },
+   PLANNING: { label: 'Planning', color: 'bg-yellow-500' },
+   READY: { label: 'Ready', color: 'bg-green-500' },
+   DONE: { label: 'Done', color: 'bg-blue-500' },
+   CANCELED: { label: 'Canceled', color: 'bg-red-500' },
+};
+
+const healthConfig = {
+   ON_TRACK: { label: 'On Track', color: 'bg-green-500', icon: '🟢' },
+   AT_RISK: { label: 'At Risk', color: 'bg-yellow-500', icon: '🟡' },
+   OFF_TRACK: { label: 'Off Track', color: 'bg-red-500', icon: '🔴' },
+};
+
+const priorityConfig = {
+   NO_PRIORITY: { label: 'No Priority', color: 'bg-gray-400' },
+   LOW: { label: 'Low', color: 'bg-green-400' },
+   MEDIUM: { label: 'Medium', color: 'bg-yellow-400' },
+   HIGH: { label: 'High', color: 'bg-orange-400' },
+   URGENT: { label: 'Urgent', color: 'bg-red-500' },
+};
+
+const taskStatusConfig = {
+   TODO: { label: 'To Do', color: 'bg-gray-500', icon: '⏳' },
+   IN_PROGRESS: { label: 'In Progress', color: 'bg-blue-500', icon: '🔄' },
+   REVIEW: { label: 'Review', color: 'bg-yellow-500', icon: '👀' },
+   DONE: { label: 'Done', color: 'bg-green-500', icon: '✅' },
+   CANCELLED: { label: 'Cancelled', color: 'bg-red-500', icon: '❌' },
+};
+
+export function CampaignDetail({
+   campaign,
+   onUpdate,
+   onDelete,
+   onBack,
+   onEdit,
+   onAddMember,
+   onRemoveMember,
+   onCreateTask,
+   onUpdateTask,
+   onDeleteTask,
+   loading = false,
+}: CampaignDetailProps) {
+   const [activeTab, setActiveTab] = useState('overview');
+
+   const formatDate = (date: Date | string | null) => {
+      if (!date) return 'Not set';
+      return new Date(date).toLocaleDateString('en-US', {
+         year: 'numeric',
+         month: 'long',
+         day: 'numeric',
+      });
+   };
+
+   const calculateProgress = () => {
+      const tasks = campaign.tasks || [];
+      if (tasks.length === 0) return 0;
+      const completedTasks = tasks.filter((task) => task.status === 'DONE').length;
+      return Math.round((completedTasks / tasks.length) * 100);
+   };
+
+   const getTaskStats = () => {
+      const tasks = campaign.tasks || [];
+      return {
+         total: tasks.length,
+         todo: tasks.filter((task) => task.status === 'TODO').length,
+         inProgress: tasks.filter((task) => task.status === 'IN_PROGRESS').length,
+         review: tasks.filter((task) => task.status === 'REVIEW').length,
+         done: tasks.filter((task) => task.status === 'DONE').length,
+         cancelled: tasks.filter((task) => task.status === 'CANCELLED').length,
+      };
+   };
+
+   const getContentStats = () => {
+      const contents = campaign.contents || [];
+      return {
+         total: contents.length,
+         draft: contents.filter((content) => content.status === 'DRAFT').length,
+         submitted: contents.filter((content) => content.status === 'SUBMITTED').length,
+         approved: contents.filter((content) => content.status === 'APPROVED').length,
+         published: contents.filter((content) => content.status === 'PUBLISHED').length,
+         rejected: contents.filter((content) => content.status === 'REJECTED').length,
+      };
+   };
+
+   const renderStatusBadge = (status: Campaign['status']) => {
+      const config = statusConfig[status];
+      return <Badge className={`${config.color} text-white`}>{config.label}</Badge>;
+   };
+
+   const renderHealthIndicator = (health: Campaign['health']) => {
+      const config = healthConfig[health];
+      return (
+         <div className="flex items-center gap-2">
+            <span>{config.icon}</span>
+            <span>{config.label}</span>
+         </div>
+      );
+   };
+
+   const renderPriorityBadge = (priority: Campaign['priority']) => {
+      if (priority === 'NO_PRIORITY')
+         return <span className="text-muted-foreground">No Priority</span>;
+      const config = priorityConfig[priority];
+      return (
+         <Badge variant="outline" className={`${config.color} text-white border-0`}>
+            {config.label}
+         </Badge>
+      );
+   };
+
+   const renderTaskItem = (task: CampaignTask) => {
+      const config = taskStatusConfig[task.status];
+      return (
+         <div key={task.id} className="flex items-center justify-between p-3 border rounded-lg">
+            <div className="flex items-center gap-3">
+               <span>{config.icon}</span>
+               <div>
+                  <h4 className="font-medium">{task.title}</h4>
+                  {task.description && (
+                     <p className="text-sm text-muted-foreground">{task.description}</p>
+                  )}
+               </div>
+            </div>
+            <div className="flex items-center gap-2">
+               {task.assignee && (
+                  <Avatar className="h-6 w-6">
+                     <AvatarImage src={task.assignee.image || ''} />
+                     <AvatarFallback className="text-xs">
+                        {task.assignee.name?.slice(0, 2).toUpperCase() || 'U'}
+                     </AvatarFallback>
+                  </Avatar>
+               )}
+               <Badge variant="outline" className={`${config.color} text-white border-0 text-xs`}>
+                  {config.label}
+               </Badge>
+               <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                     <Button variant="ghost" size="sm" className="h-8 w-8 p-0">
+                        <MoreHorizontal className="h-4 w-4" />
+                     </Button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                     <DropdownMenuItem onClick={() => onUpdateTask(task.id, { status: 'DONE' })}>
+                        Mark as Done
+                     </DropdownMenuItem>
+                     <DropdownMenuItem
+                        onClick={() => onDeleteTask(task.id)}
+                        className="text-destructive"
+                     >
+                        Delete Task
+                     </DropdownMenuItem>
+                  </DropdownMenuContent>
+               </DropdownMenu>
+            </div>
+         </div>
+      );
+   };
+
+   const renderTeamMember = (member: CampaignMember) => (
+      <div key={member.id} className="flex items-center justify-between p-3 border rounded-lg">
+         <div className="flex items-center gap-3">
+            <Avatar className="h-10 w-10">
+               <AvatarImage src={member.user.image || ''} />
+               <AvatarFallback>{member.user.name?.slice(0, 2).toUpperCase() || 'U'}</AvatarFallback>
+            </Avatar>
+            <div>
+               <h4 className="font-medium">{member.user.name || 'Unknown'}</h4>
+               <p className="text-sm text-muted-foreground">{member.user.email}</p>
+            </div>
+         </div>
+         <div className="flex items-center gap-2">
+            <Badge variant="outline">{member.role}</Badge>
+            <DropdownMenu>
+               <DropdownMenuTrigger asChild>
+                  <Button variant="ghost" size="sm" className="h-8 w-8 p-0">
+                     <MoreHorizontal className="h-4 w-4" />
+                  </Button>
+               </DropdownMenuTrigger>
+               <DropdownMenuContent align="end">
+                  <DropdownMenuItem
+                     onClick={() => onRemoveMember(member.id)}
+                     className="text-destructive"
+                  >
+                     Remove Member
+                  </DropdownMenuItem>
+               </DropdownMenuContent>
+            </DropdownMenu>
+         </div>
+      </div>
+   );
+
+   const renderContentItem = (content: any) => (
+      <div key={content.id} className="flex items-center justify-between p-3 border rounded-lg">
+         <div className="flex items-center gap-3">
+            <FileText className="h-5 w-5 text-blue-500" />
+            <div>
+               <h4 className="font-medium">{content.title}</h4>
+               <p className="text-sm text-muted-foreground">
+                  {content.body ? `${content.body.substring(0, 100)}...` : 'No content'}
+               </p>
+            </div>
+         </div>
+         <div className="flex items-center gap-2">
+            <Badge variant="outline">{content.status}</Badge>
+            <Button variant="ghost" size="sm" asChild>
+               <a href={`/content/${content.id}`}>View</a>
+            </Button>
+         </div>
+      </div>
+   );
+
+   const taskStats = getTaskStats();
+   const contentStats = getContentStats();
+   const progress = calculateProgress();
+
+   return (
+      <div className="space-y-6">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div className="flex items-center gap-4">
+               <Button variant="ghost" size="sm" onClick={onBack}>
+                  <ArrowLeft className="h-4 w-4 mr-2" />
+                  Back to Campaigns
+               </Button>
+               <Separator orientation="vertical" className="h-6" />
+               <div>
+                  <h1 className="text-2xl font-bold">{campaign.name}</h1>
+                  <div className="flex items-center gap-2 mt-1">
+                     {renderHealthIndicator(campaign.health)}
+                     <span className="text-muted-foreground">•</span>
+                     {renderStatusBadge(campaign.status)}
+                     <span className="text-muted-foreground">•</span>
+                     {renderPriorityBadge(campaign.priority)}
+                  </div>
+               </div>
+            </div>
+            <div className="flex items-center gap-2">
+               <Button variant="outline" onClick={onEdit}>
+                  <Edit className="h-4 w-4 mr-2" />
+                  Edit
+               </Button>
+               <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                     <Button variant="outline" size="sm">
+                        <MoreHorizontal className="h-4 w-4" />
+                     </Button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                     <DropdownMenuItem onClick={onEdit}>Edit Campaign</DropdownMenuItem>
+                     <DropdownMenuItem onClick={onDelete} className="text-destructive">
+                        Delete Campaign
+                     </DropdownMenuItem>
+                  </DropdownMenuContent>
+               </DropdownMenu>
+            </div>
+         </div>
+
+         {/* Overview Cards */}
+         <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <CheckSquare className="h-5 w-5 text-blue-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Progress</p>
+                        <p className="text-xl font-bold">{progress}%</p>
+                     </div>
+                  </div>
+                  <Progress value={progress} className="mt-2" />
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Target className="h-5 w-5 text-green-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Tasks</p>
+                        <p className="text-xl font-bold">{taskStats.total}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <FileText className="h-5 w-5 text-purple-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Content</p>
+                        <p className="text-xl font-bold">{contentStats.total}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Users className="h-5 w-5 text-orange-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Team</p>
+                        <p className="text-xl font-bold">{campaign.members?.length || 0}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Tabs */}
+         <Tabs value={activeTab} onValueChange={setActiveTab}>
+            <TabsList>
+               <TabsTrigger value="overview">Overview</TabsTrigger>
+               <TabsTrigger value="tasks">Tasks ({taskStats.total})</TabsTrigger>
+               <TabsTrigger value="content">Content ({contentStats.total})</TabsTrigger>
+               <TabsTrigger value="team">Team ({campaign.members?.length || 0})</TabsTrigger>
+               <TabsTrigger value="analytics">Analytics</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="overview" className="space-y-6">
+               <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>📋 Overview</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        {campaign.summary && (
+                           <div>
+                              <h4 className="font-medium mb-2">Summary</h4>
+                              <p className="text-muted-foreground">{campaign.summary}</p>
+                           </div>
+                        )}
+                        {campaign.description && (
+                           <div>
+                              <h4 className="font-medium mb-2">Description</h4>
+                              <p className="text-muted-foreground">{campaign.description}</p>
+                           </div>
+                        )}
+                        <div className="space-y-2">
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Status:</span>
+                              {renderStatusBadge(campaign.status)}
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Health:</span>
+                              {renderHealthIndicator(campaign.health)}
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Priority:</span>
+                              {renderPriorityBadge(campaign.priority)}
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Start Date:</span>
+                              <span>{formatDate(campaign.startDate)}</span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Target Date:</span>
+                              <span>{formatDate(campaign.targetDate)}</span>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>📊 Progress Overview</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-3">
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">To Do</span>
+                              <span className="text-sm font-medium">{taskStats.todo}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">In Progress</span>
+                              <span className="text-sm font-medium">{taskStats.inProgress}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Review</span>
+                              <span className="text-sm font-medium">{taskStats.review}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Done</span>
+                              <span className="text-sm font-medium">{taskStats.done}</span>
+                           </div>
+                        </div>
+                        <Separator />
+                        <div className="flex justify-between items-center font-medium">
+                           <span>Total Progress</span>
+                           <span>{progress}%</span>
+                        </div>
+                        <Progress value={progress} />
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+
+            <TabsContent value="tasks" className="space-y-4">
+               <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">📋 Tasks ({taskStats.total})</h3>
+                  <div className="flex items-center gap-2">
+                     <Button
+                        onClick={() => onCreateTask({ title: 'New Task', campaignId: campaign.id })}
+                     >
+                        <Plus className="h-4 w-4 mr-2" />
+                        Add Task
+                     </Button>
+                     <Button variant="outline" asChild>
+                        <a href={`/${campaign.organizationId}/campaigns/${campaign.id}/tasks`}>
+                           Manage Tasks
+                        </a>
+                     </Button>
+                  </div>
+               </div>
+               <div className="space-y-3">
+                  {campaign.tasks && campaign.tasks.length > 0 ? (
+                     campaign.tasks.map(renderTaskItem)
+                  ) : (
+                     <div className="text-center py-8">
+                        <h4 className="font-medium mb-2">No tasks yet</h4>
+                        <p className="text-muted-foreground mb-4">
+                           Add tasks to track progress on this campaign
+                        </p>
+                        <Button
+                           onClick={() =>
+                              onCreateTask({ title: 'New Task', campaignId: campaign.id })
+                           }
+                        >
+                           <Plus className="h-4 w-4 mr-2" />
+                           Add First Task
+                        </Button>
+                     </div>
+                  )}
+               </div>
+            </TabsContent>
+
+            <TabsContent value="content" className="space-y-4">
+               <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">📄 Content ({contentStats.total})</h3>
+                  <div className="flex items-center gap-2">
+                     <Button asChild>
+                        <a href={`/content/new?campaignId=${campaign.id}`}>
+                           <Plus className="h-4 w-4 mr-2" />
+                           Create Content
+                        </a>
+                     </Button>
+                     <Button variant="outline" asChild>
+                        <a href={`/${campaign.organizationId}/campaigns/${campaign.id}/content`}>
+                           Manage Content
+                        </a>
+                     </Button>
+                  </div>
+               </div>
+
+               {/* Content Stats */}
+               <div className="grid grid-cols-2 md:grid-cols-5 gap-4">
+                  <Card>
+                     <CardContent className="p-3 text-center">
+                        <div className="text-2xl font-bold text-gray-500">{contentStats.draft}</div>
+                        <div className="text-sm text-muted-foreground">Draft</div>
+                     </CardContent>
+                  </Card>
+                  <Card>
+                     <CardContent className="p-3 text-center">
+                        <div className="text-2xl font-bold text-yellow-500">
+                           {contentStats.submitted}
+                        </div>
+                        <div className="text-sm text-muted-foreground">Submitted</div>
+                     </CardContent>
+                  </Card>
+                  <Card>
+                     <CardContent className="p-3 text-center">
+                        <div className="text-2xl font-bold text-blue-500">
+                           {contentStats.approved}
+                        </div>
+                        <div className="text-sm text-muted-foreground">Approved</div>
+                     </CardContent>
+                  </Card>
+                  <Card>
+                     <CardContent className="p-3 text-center">
+                        <div className="text-2xl font-bold text-green-500">
+                           {contentStats.published}
+                        </div>
+                        <div className="text-sm text-muted-foreground">Published</div>
+                     </CardContent>
+                  </Card>
+                  <Card>
+                     <CardContent className="p-3 text-center">
+                        <div className="text-2xl font-bold text-red-500">
+                           {contentStats.rejected}
+                        </div>
+                        <div className="text-sm text-muted-foreground">Rejected</div>
+                     </CardContent>
+                  </Card>
+               </div>
+
+               <div className="space-y-3">
+                  {campaign.contents && campaign.contents.length > 0 ? (
+                     campaign.contents.map(renderContentItem)
+                  ) : (
+                     <div className="text-center py-8">
+                        <h4 className="font-medium mb-2">No content yet</h4>
+                        <p className="text-muted-foreground mb-4">
+                           Create content for this campaign
+                        </p>
+                        <Button asChild>
+                           <a href={`/content/new?campaignId=${campaign.id}`}>
+                              <Plus className="h-4 w-4 mr-2" />
+                              Create First Content
+                           </a>
+                        </Button>
+                     </div>
+                  )}
+               </div>
+            </TabsContent>
+
+            <TabsContent value="team" className="space-y-4">
+               <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">
+                     👥 Team Members ({campaign.members?.length || 0})
+                  </h3>
+                  <div className="flex items-center gap-2">
+                     <Button onClick={() => onAddMember({ userId: '', role: 'MEMBER' })}>
+                        <Plus className="h-4 w-4 mr-2" />
+                        Add Member
+                     </Button>
+                     <Button variant="outline" asChild>
+                        <a href={`/${campaign.organizationId}/campaigns/${campaign.id}/members`}>
+                           Manage Team
+                        </a>
+                     </Button>
+                  </div>
+               </div>
+               <div className="space-y-3">
+                  {campaign.lead && (
+                     <div className="p-3 border rounded-lg bg-muted/30">
+                        <div className="flex items-center gap-3">
+                           <Avatar className="h-10 w-10">
+                              <AvatarImage src={campaign.lead.image || ''} />
+                              <AvatarFallback>
+                                 {campaign.lead.name?.slice(0, 2).toUpperCase() || 'L'}
+                              </AvatarFallback>
+                           </Avatar>
+                           <div>
+                              <h4 className="font-medium flex items-center gap-2">
+                                 {campaign.lead.name || 'Unknown'}
+                                 <Badge variant="outline">Lead</Badge>
+                              </h4>
+                              <p className="text-sm text-muted-foreground">{campaign.lead.email}</p>
+                           </div>
+                        </div>
+                     </div>
+                  )}
+                  {campaign.members && campaign.members.length > 0 ? (
+                     campaign.members.map(renderTeamMember)
+                  ) : (
+                     <div className="text-center py-8">
+                        <h4 className="font-medium mb-2">No team members yet</h4>
+                        <p className="text-muted-foreground mb-4">
+                           Add team members to collaborate on this campaign
+                        </p>
+                        <Button onClick={() => onAddMember({ userId: '', role: 'MEMBER' })}>
+                           <Plus className="h-4 w-4 mr-2" />
+                           Add First Member
+                        </Button>
+                     </div>
+                  )}
+               </div>
+            </TabsContent>
+
+            <TabsContent value="analytics" className="space-y-6">
+               <div className="flex items-center justify-between mb-4">
+                  <h3 className="text-lg font-semibold">📊 Analytics Overview</h3>
+                  <Button variant="outline" asChild>
+                     <a href={`/${campaign.organizationId}/campaigns/${campaign.id}/analytics`}>
+                        View Full Analytics
+                     </a>
+                  </Button>
+               </div>
+               <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="flex items-center gap-2">
+                           <BarChart3 className="h-5 w-5" />
+                           Task Progress
+                        </CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        <div className="space-y-3">
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">To Do</span>
+                              <div className="flex items-center gap-2">
+                                 <Progress
+                                    value={(taskStats.todo / taskStats.total) * 100}
+                                    className="w-20"
+                                 />
+                                 <span className="text-sm font-medium">{taskStats.todo}</span>
+                              </div>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">In Progress</span>
+                              <div className="flex items-center gap-2">
+                                 <Progress
+                                    value={(taskStats.inProgress / taskStats.total) * 100}
+                                    className="w-20"
+                                 />
+                                 <span className="text-sm font-medium">{taskStats.inProgress}</span>
+                              </div>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Review</span>
+                              <div className="flex items-center gap-2">
+                                 <Progress
+                                    value={(taskStats.review / taskStats.total) * 100}
+                                    className="w-20"
+                                 />
+                                 <span className="text-sm font-medium">{taskStats.review}</span>
+                              </div>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Done</span>
+                              <div className="flex items-center gap-2">
+                                 <Progress
+                                    value={(taskStats.done / taskStats.total) * 100}
+                                    className="w-20"
+                                 />
+                                 <span className="text-sm font-medium">{taskStats.done}</span>
+                              </div>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="flex items-center gap-2">
+                           <PieChart className="h-5 w-5" />
+                           Content Status
+                        </CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        <div className="space-y-3">
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Draft</span>
+                              <div className="flex items-center gap-2">
+                                 <div className="w-3 h-3 bg-gray-500 rounded-full"></div>
+                                 <span className="text-sm font-medium">{contentStats.draft}</span>
+                              </div>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Submitted</span>
+                              <div className="flex items-center gap-2">
+                                 <div className="w-3 h-3 bg-yellow-500 rounded-full"></div>
+                                 <span className="text-sm font-medium">
+                                    {contentStats.submitted}
+                                 </span>
+                              </div>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Approved</span>
+                              <div className="flex items-center gap-2">
+                                 <div className="w-3 h-3 bg-blue-500 rounded-full"></div>
+                                 <span className="text-sm font-medium">
+                                    {contentStats.approved}
+                                 </span>
+                              </div>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Published</span>
+                              <div className="flex items-center gap-2">
+                                 <div className="w-3 h-3 bg-green-500 rounded-full"></div>
+                                 <span className="text-sm font-medium">
+                                    {contentStats.published}
+                                 </span>
+                              </div>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+               </div>
+
+               <Card>
+                  <CardHeader>
+                     <CardTitle className="flex items-center gap-2">
+                        <TrendingUp className="h-5 w-5" />
+                        Campaign Timeline
+                     </CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="space-y-4">
+                        <div className="flex justify-between items-center">
+                           <span className="text-sm text-muted-foreground">Start Date</span>
+                           <span className="font-medium">{formatDate(campaign.startDate)}</span>
+                        </div>
+                        <div className="flex justify-between items-center">
+                           <span className="text-sm text-muted-foreground">Target Date</span>
+                           <span className="font-medium">{formatDate(campaign.targetDate)}</span>
+                        </div>
+                        <div className="flex justify-between items-center">
+                           <span className="text-sm text-muted-foreground">Days Remaining</span>
+                           <span className="font-medium">
+                              {campaign.targetDate
+                                 ? Math.max(
+                                      0,
+                                      Math.ceil(
+                                         (new Date(campaign.targetDate).getTime() -
+                                            new Date().getTime()) /
+                                            (1000 * 60 * 60 * 24)
+                                      )
+                                   )
+                                 : 'Not set'}{' '}
+                              days
+                           </span>
+                        </div>
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-edit-form.tsx b/components/campaigns/campaign-edit-form.tsx
new file mode 100644
index 00000000..bf33edf4
--- /dev/null
+++ b/components/campaigns/campaign-edit-form.tsx
@@ -0,0 +1,69 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Campaign, UpdateCampaignData, User } from '@/types/campaign';
+import CampaignForm from './campaign-form';
+
+interface CampaignEditFormProps {
+   campaign: Campaign;
+   onSubmit: (data: UpdateCampaignData) => void;
+   onCancel: () => void;
+   teams: User[];
+   members: User[];
+   loading?: boolean;
+}
+
+export default function CampaignEditForm({
+   campaign,
+   onSubmit,
+   onCancel,
+   teams,
+   members,
+   loading = false,
+}: CampaignEditFormProps) {
+   const [initialData, setInitialData] = useState<UpdateCampaignData>({});
+
+   useEffect(() => {
+      // Convert campaign data to form data
+      setInitialData({
+         name: campaign.name,
+         summary: campaign.summary || undefined,
+         description: campaign.description || undefined,
+         status: campaign.status,
+         health: campaign.health,
+         priority: campaign.priority,
+         leadId: campaign.leadId || undefined,
+         startDate: campaign.startDate
+            ? new Date(campaign.startDate).toISOString().split('T')[0]
+            : undefined,
+         targetDate: campaign.targetDate
+            ? new Date(campaign.targetDate).toISOString().split('T')[0]
+            : undefined,
+      });
+   }, [campaign]);
+
+   const handleSubmit = (data: UpdateCampaignData) => {
+      // Merge with existing data to preserve unchanged fields
+      const updatedData = { ...initialData, ...data };
+      onSubmit(updatedData);
+   };
+
+   return (
+      <div className="space-y-6">
+         <div>
+            <h2 className="text-lg font-semibold">Edit Campaign</h2>
+            <p className="text-sm text-muted-foreground">Update campaign details and settings</p>
+         </div>
+
+         <CampaignForm
+            campaign={campaign}
+            onSubmit={handleSubmit}
+            onCancel={onCancel}
+            teams={teams}
+            members={members}
+            loading={loading}
+            mode="edit"
+         />
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-filters.tsx b/components/campaigns/campaign-filters.tsx
new file mode 100644
index 00000000..c72e0130
--- /dev/null
+++ b/components/campaigns/campaign-filters.tsx
@@ -0,0 +1,267 @@
+'use client';
+
+import { useState } from 'react';
+import {
+   CampaignFilters,
+   CampaignStatus,
+   CampaignHealth,
+   CampaignPriority,
+} from '@/types/campaign';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { Calendar } from '@/components/ui/calendar';
+import { Badge } from '@/components/ui/badge';
+import { Search, Filter, X, Calendar as CalendarIcon } from 'lucide-react';
+import { format } from 'date-fns';
+
+interface CampaignFiltersProps {
+   filters: CampaignFilters;
+   onChange: (filters: CampaignFilters) => void;
+   onClear: () => void;
+}
+
+export default function CampaignFilters({ filters, onChange, onClear }: CampaignFiltersProps) {
+   const [isOpen, setIsOpen] = useState(false);
+
+   const handleFilterChange = (key: keyof CampaignFilters, value: any) => {
+      onChange({ ...filters, [key]: value });
+   };
+
+   const handleClearFilter = (key: keyof CampaignFilters) => {
+      const newFilters = { ...filters };
+      delete newFilters[key];
+      onChange(newFilters);
+   };
+
+   const hasActiveFilters = Object.keys(filters).some(
+      (key) => filters[key as keyof CampaignFilters] !== undefined
+   );
+
+   return (
+      <div className="flex flex-col sm:flex-row gap-3 items-start sm:items-center">
+         {/* Search */}
+         <div className="relative">
+            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+            <Input
+               placeholder="Search campaigns..."
+               value={filters.search || ''}
+               onChange={(e) => handleFilterChange('search', e.target.value)}
+               className="pl-10 w-64"
+            />
+            {filters.search && (
+               <Button
+                  variant="ghost"
+                  size="sm"
+                  onClick={() => handleClearFilter('search')}
+                  className="absolute right-1 top-1/2 transform -translate-y-1/2 h-6 w-6 p-0"
+               >
+                  <X className="h-3 w-3" />
+               </Button>
+            )}
+         </div>
+
+         {/* Status Filter */}
+         <Select
+            value={filters.status || ''}
+            onValueChange={(value) => handleFilterChange('status', value || undefined)}
+         >
+            <SelectTrigger className="w-32">
+               <SelectValue placeholder="Status" />
+            </SelectTrigger>
+            <SelectContent>
+               <SelectItem value="">All Status</SelectItem>
+               <SelectItem value="DRAFT">Draft</SelectItem>
+               <SelectItem value="PLANNING">Planning</SelectItem>
+               <SelectItem value="READY">Ready</SelectItem>
+               <SelectItem value="DONE">Done</SelectItem>
+               <SelectItem value="CANCELED">Canceled</SelectItem>
+            </SelectContent>
+         </Select>
+
+         {/* Health Filter */}
+         <Select
+            value={filters.health || ''}
+            onValueChange={(value) => handleFilterChange('health', value || undefined)}
+         >
+            <SelectTrigger className="w-32">
+               <SelectValue placeholder="Health" />
+            </SelectTrigger>
+            <SelectContent>
+               <SelectItem value="">All Health</SelectItem>
+               <SelectItem value="ON_TRACK">On Track</SelectItem>
+               <SelectItem value="AT_RISK">At Risk</SelectItem>
+               <SelectItem value="OFF_TRACK">Off Track</SelectItem>
+            </SelectContent>
+         </Select>
+
+         {/* Priority Filter */}
+         <Select
+            value={filters.priority || ''}
+            onValueChange={(value) => handleFilterChange('priority', value || undefined)}
+         >
+            <SelectTrigger className="w-32">
+               <SelectValue placeholder="Priority" />
+            </SelectTrigger>
+            <SelectContent>
+               <SelectItem value="">All Priority</SelectItem>
+               <SelectItem value="NO_PRIORITY">No Priority</SelectItem>
+               <SelectItem value="LOW">Low</SelectItem>
+               <SelectItem value="MEDIUM">Medium</SelectItem>
+               <SelectItem value="HIGH">High</SelectItem>
+               <SelectItem value="URGENT">Urgent</SelectItem>
+            </SelectContent>
+         </Select>
+
+         {/* Date Range Filter */}
+         <Popover open={isOpen} onOpenChange={setIsOpen}>
+            <PopoverTrigger asChild>
+               <Button variant="outline" className="w-32 justify-start text-left font-normal">
+                  <CalendarIcon className="mr-2 h-4 w-4" />
+                  {filters.startDate || filters.endDate ? (
+                     <span className="truncate">
+                        {filters.startDate && format(new Date(filters.startDate), 'MMM dd')}
+                        {filters.startDate && filters.endDate && ' - '}
+                        {filters.endDate && format(new Date(filters.endDate), 'MMM dd')}
+                     </span>
+                  ) : (
+                     <span>Date range</span>
+                  )}
+               </Button>
+            </PopoverTrigger>
+            <PopoverContent className="w-auto p-0" align="start">
+               <div className="p-3">
+                  <div className="space-y-2">
+                     <div>
+                        <label className="text-sm font-medium">Start Date</label>
+                        <Calendar
+                           mode="single"
+                           selected={filters.startDate ? new Date(filters.startDate) : undefined}
+                           onSelect={(date) =>
+                              handleFilterChange(
+                                 'startDate',
+                                 date ? format(date, 'yyyy-MM-dd') : undefined
+                              )
+                           }
+                           className="rounded-md border"
+                        />
+                     </div>
+                     <div>
+                        <label className="text-sm font-medium">End Date</label>
+                        <Calendar
+                           mode="single"
+                           selected={filters.endDate ? new Date(filters.endDate) : undefined}
+                           onSelect={(date) =>
+                              handleFilterChange(
+                                 'endDate',
+                                 date ? format(date, 'yyyy-MM-dd') : undefined
+                              )
+                           }
+                           className="rounded-md border"
+                        />
+                     </div>
+                  </div>
+                  <div className="flex gap-2 mt-3">
+                     <Button
+                        variant="outline"
+                        size="sm"
+                        onClick={() => {
+                           handleClearFilter('startDate');
+                           handleClearFilter('endDate');
+                        }}
+                     >
+                        Clear Dates
+                     </Button>
+                  </div>
+               </div>
+            </PopoverContent>
+         </Popover>
+
+         {/* Clear All Filters */}
+         {hasActiveFilters && (
+            <Button variant="ghost" size="sm" onClick={onClear}>
+               <X className="h-4 w-4 mr-2" />
+               Clear All
+            </Button>
+         )}
+
+         {/* Active Filters Display */}
+         {hasActiveFilters && (
+            <div className="flex flex-wrap gap-2 mt-2 sm:mt-0">
+               {filters.status && (
+                  <Badge variant="secondary" className="flex items-center gap-1">
+                     Status: {filters.status}
+                     <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => handleClearFilter('status')}
+                        className="h-4 w-4 p-0 hover:bg-transparent"
+                     >
+                        <X className="h-3 w-3" />
+                     </Button>
+                  </Badge>
+               )}
+               {filters.health && (
+                  <Badge variant="secondary" className="flex items-center gap-1">
+                     Health: {filters.health}
+                     <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => handleClearFilter('health')}
+                        className="h-4 w-4 p-0 hover:bg-transparent"
+                     >
+                        <X className="h-3 w-3" />
+                     </Button>
+                  </Badge>
+               )}
+               {filters.priority && (
+                  <Badge variant="secondary" className="flex items-center gap-1">
+                     Priority: {filters.priority}
+                     <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => handleClearFilter('priority')}
+                        className="h-4 w-4 p-0 hover:bg-transparent"
+                     >
+                        <X className="h-3 w-3" />
+                     </Button>
+                  </Badge>
+               )}
+               {filters.startDate && (
+                  <Badge variant="secondary" className="flex items-center gap-1">
+                     From: {format(new Date(filters.startDate), 'MMM dd')}
+                     <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => handleClearFilter('startDate')}
+                        className="h-4 w-4 p-0 hover:bg-transparent"
+                     >
+                        <X className="h-3 w-3" />
+                     </Button>
+                  </Badge>
+               )}
+               {filters.endDate && (
+                  <Badge variant="secondary" className="flex items-center gap-1">
+                     To: {format(new Date(filters.endDate), 'MMM dd')}
+                     <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => handleClearFilter('endDate')}
+                        className="h-4 w-4 p-0 hover:bg-transparent"
+                     >
+                        <X className="h-3 w-3" />
+                     </Button>
+                  </Badge>
+               )}
+            </div>
+         )}
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-form.tsx b/components/campaigns/campaign-form.tsx
new file mode 100644
index 00000000..6258b4bd
--- /dev/null
+++ b/components/campaigns/campaign-form.tsx
@@ -0,0 +1,132 @@
+'use client';
+
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { useParams } from 'next/navigation';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { createCampaignSchema } from '@/lib/schemas';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Textarea } from '@/components/ui/textarea';
+import { Label } from '@/components/ui/label';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { ArrowLeft, Save, Loader2 } from 'lucide-react';
+import Link from 'next/link';
+import { toast } from 'sonner';
+
+type CreateCampaignData = {
+   name: string;
+   description?: string;
+};
+
+export function CampaignForm() {
+   const params = useParams();
+   const router = useRouter();
+   const orgId = params.orgId as string;
+   const [loading, setLoading] = useState(false);
+
+   const form = useForm<CreateCampaignData>({
+      resolver: zodResolver(createCampaignSchema),
+      defaultValues: {
+         name: '',
+         description: '',
+      },
+   });
+
+   const onSubmit = async (data: CreateCampaignData) => {
+      setLoading(true);
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns`, {
+            method: 'POST',
+            headers: {
+               'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(data),
+         });
+
+         if (response.ok) {
+            const campaign = await response.json();
+            toast.success('Campaign created successfully!');
+            router.push(`/${orgId}/campaigns/${campaign.id}`);
+         } else {
+            const error = await response.json();
+            toast.error(error.error || 'Failed to create campaign');
+         }
+      } catch (error) {
+         console.error('Error creating campaign:', error);
+         toast.error('An unexpected error occurred');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   return (
+      <div className="space-y-6">
+         <div className="flex items-center gap-2">
+            <Link href={`/${orgId}/campaigns`}>
+               <Button variant="ghost" size="sm">
+                  <ArrowLeft className="h-4 w-4 mr-2" />
+                  Back to Campaigns
+               </Button>
+            </Link>
+         </div>
+
+         <Card>
+            <CardHeader>
+               <CardTitle>Campaign Details</CardTitle>
+               <CardDescription>
+                  Create a new marketing campaign to organize your content and schedules.
+               </CardDescription>
+            </CardHeader>
+            <CardContent>
+               <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+                  <div className="space-y-2">
+                     <Label htmlFor="name">Campaign Name *</Label>
+                     <Input
+                        id="name"
+                        placeholder="Enter campaign name"
+                        {...form.register('name')}
+                        className={form.formState.errors.name ? 'border-red-500' : ''}
+                     />
+                     {form.formState.errors.name && (
+                        <p className="text-sm text-red-500">{form.formState.errors.name.message}</p>
+                     )}
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="description">Description</Label>
+                     <Textarea
+                        id="description"
+                        placeholder="Describe your campaign goals and target audience"
+                        rows={4}
+                        {...form.register('description')}
+                     />
+                  </div>
+
+                  <div className="flex gap-3 pt-4">
+                     <Button type="submit" disabled={loading} className="flex-1">
+                        {loading ? (
+                           <>
+                              <Loader2 className="h-4 w-4 mr-2 animate-spin" />
+                              Creating...
+                           </>
+                        ) : (
+                           <>
+                              <Save className="h-4 w-4 mr-2" />
+                              Create Campaign
+                           </>
+                        )}
+                     </Button>
+                     <Link href={`/${orgId}/campaigns`} className="flex-1">
+                        <Button type="button" variant="outline" className="w-full">
+                           Cancel
+                        </Button>
+                     </Link>
+                  </div>
+               </form>
+            </CardContent>
+         </Card>
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-labels-selector.tsx b/components/campaigns/campaign-labels-selector.tsx
new file mode 100644
index 00000000..af60f5d6
--- /dev/null
+++ b/components/campaigns/campaign-labels-selector.tsx
@@ -0,0 +1,235 @@
+'use client';
+
+import { useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Badge } from '@/components/ui/badge';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { Label } from '@/components/ui/label';
+import { X, Plus, Tag } from 'lucide-react';
+import { CampaignLabel, CreateLabelData } from '@/types/campaign';
+
+interface CampaignLabelsSelectorProps {
+   value: CampaignLabel[];
+   onChange: (labels: CampaignLabel[]) => void;
+   availableLabels?: CampaignLabel[];
+   onCreateLabel?: (data: CreateLabelData) => void;
+   disabled?: boolean;
+   className?: string;
+}
+
+const DEFAULT_COLORS = [
+   '#3B82F6', // Blue
+   '#EF4444', // Red
+   '#10B981', // Green
+   '#F59E0B', // Yellow
+   '#8B5CF6', // Purple
+   '#F97316', // Orange
+   '#06B6D4', // Cyan
+   '#84CC16', // Lime
+   '#EC4899', // Pink
+   '#6B7280', // Gray
+];
+
+export default function CampaignLabelsSelector({
+   value,
+   onChange,
+   availableLabels = [],
+   onCreateLabel,
+   disabled = false,
+   className = '',
+}: CampaignLabelsSelectorProps) {
+   const [isCreating, setIsCreating] = useState(false);
+   const [newLabelName, setNewLabelName] = useState('');
+   const [newLabelColor, setNewLabelColor] = useState(DEFAULT_COLORS[0]);
+   const [isColorPickerOpen, setIsColorPickerOpen] = useState(false);
+
+   const allLabels = [...availableLabels, ...value];
+
+   const addLabel = (label: CampaignLabel) => {
+      if (!value.find((l) => l.id === label.id)) {
+         onChange([...value, label]);
+      }
+   };
+
+   const removeLabel = (labelId: string) => {
+      onChange(value.filter((label) => label.id !== labelId));
+   };
+
+   const createNewLabel = () => {
+      if (newLabelName.trim() && onCreateLabel) {
+         onCreateLabel({
+            name: newLabelName.trim(),
+            color: newLabelColor,
+         });
+         setNewLabelName('');
+         setNewLabelColor(DEFAULT_COLORS[0]);
+         setIsCreating(false);
+      }
+   };
+
+   const handleColorSelect = (color: string) => {
+      setNewLabelColor(color);
+      setIsColorPickerOpen(false);
+   };
+
+   return (
+      <div className={`space-y-3 ${className}`}>
+         <Label className="text-sm font-medium">Labels</Label>
+
+         {/* Selected Labels */}
+         <div className="flex flex-wrap gap-2">
+            {value.map((label) => (
+               <Badge
+                  key={label.id}
+                  variant="secondary"
+                  className="flex items-center gap-1 px-2 py-1"
+                  style={{ backgroundColor: label.color, color: 'white' }}
+               >
+                  <Tag className="h-3 w-3" />
+                  <span>{label.name}</span>
+                  <Button
+                     variant="ghost"
+                     size="sm"
+                     onClick={() => removeLabel(label.id)}
+                     disabled={disabled}
+                     className="h-4 w-4 p-0 ml-1 hover:bg-white/20"
+                  >
+                     <X className="h-3 w-3" />
+                  </Button>
+               </Badge>
+            ))}
+         </div>
+
+         {/* Add Labels */}
+         <div className="space-y-2">
+            {!isCreating ? (
+               <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => setIsCreating(true)}
+                  disabled={disabled}
+                  className="w-full"
+               >
+                  <Plus className="h-4 w-4 mr-2" />
+                  Add Labels
+               </Button>
+            ) : (
+               <div className="p-3 border rounded-lg space-y-3">
+                  <div className="flex items-center gap-2">
+                     <Tag className="h-4 w-4 text-muted-foreground" />
+                     <span className="text-sm font-medium">Create New Label</span>
+                  </div>
+
+                  <div className="grid grid-cols-2 gap-2">
+                     <Input
+                        placeholder="Label name"
+                        value={newLabelName}
+                        onChange={(e) => setNewLabelName(e.target.value)}
+                        disabled={disabled}
+                        className="text-sm"
+                     />
+
+                     <Popover open={isColorPickerOpen} onOpenChange={setIsColorPickerOpen}>
+                        <PopoverTrigger asChild>
+                           <Button
+                              variant="outline"
+                              className="w-full justify-start"
+                              disabled={disabled}
+                           >
+                              <div
+                                 className="w-4 h-4 rounded mr-2"
+                                 style={{ backgroundColor: newLabelColor }}
+                              />
+                              Color
+                           </Button>
+                        </PopoverTrigger>
+                        <PopoverContent className="w-48 p-3">
+                           <div className="grid grid-cols-5 gap-2">
+                              {DEFAULT_COLORS.map((color) => (
+                                 <button
+                                    key={color}
+                                    className="w-8 h-8 rounded border-2 hover:scale-110 transition-transform"
+                                    style={{
+                                       backgroundColor: color,
+                                       borderColor:
+                                          color === newLabelColor ? '#000' : 'transparent',
+                                    }}
+                                    onClick={() => handleColorSelect(color)}
+                                 />
+                              ))}
+                           </div>
+                           <div className="mt-3">
+                              <Input
+                                 type="color"
+                                 value={newLabelColor}
+                                 onChange={(e) => setNewLabelColor(e.target.value)}
+                                 className="w-full h-10"
+                              />
+                           </div>
+                        </PopoverContent>
+                     </Popover>
+                  </div>
+
+                  <div className="flex gap-2">
+                     <Button
+                        size="sm"
+                        onClick={createNewLabel}
+                        disabled={!newLabelName.trim() || disabled}
+                        className="flex-1"
+                     >
+                        Create
+                     </Button>
+                     <Button
+                        variant="outline"
+                        size="sm"
+                        onClick={() => {
+                           setIsCreating(false);
+                           setNewLabelName('');
+                           setNewLabelColor(DEFAULT_COLORS[0]);
+                        }}
+                        className="flex-1"
+                     >
+                        Cancel
+                     </Button>
+                  </div>
+               </div>
+            )}
+         </div>
+
+         {/* Available Labels */}
+         {availableLabels.length > 0 && (
+            <div className="space-y-2">
+               <Label className="text-sm font-medium text-muted-foreground">Available Labels</Label>
+               <div className="flex flex-wrap gap-2">
+                  {availableLabels.map((label) => (
+                     <Button
+                        key={label.id}
+                        variant="outline"
+                        size="sm"
+                        onClick={() => addLabel(label)}
+                        disabled={disabled || value.find((l) => l.id === label.id)}
+                        className="flex items-center gap-1 px-2 py-1 h-auto"
+                     >
+                        <div className="w-3 h-3 rounded" style={{ backgroundColor: label.color }} />
+                        <span>{label.name}</span>
+                        {value.find((l) => l.id === label.id) && (
+                           <Badge variant="secondary" className="ml-1 text-xs">
+                              Added
+                           </Badge>
+                        )}
+                     </Button>
+                  ))}
+               </div>
+            </div>
+         )}
+
+         {/* No Labels Message */}
+         {value.length === 0 && availableLabels.length === 0 && (
+            <p className="text-xs text-muted-foreground text-center py-4">
+               No labels available. Create your first label to get started.
+            </p>
+         )}
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-lead-selector.tsx b/components/campaigns/campaign-lead-selector.tsx
new file mode 100644
index 00000000..90d97ddf
--- /dev/null
+++ b/components/campaigns/campaign-lead-selector.tsx
@@ -0,0 +1,94 @@
+'use client';
+
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { User } from '@/types/campaign';
+
+interface CampaignLeadSelectorProps {
+   value?: string;
+   onChange: (leadId: string | undefined) => void;
+   members: User[];
+   disabled?: boolean;
+   className?: string;
+}
+
+export default function CampaignLeadSelector({
+   value,
+   onChange,
+   members,
+   disabled = false,
+   className = '',
+}: CampaignLeadSelectorProps) {
+   const selectedLead = members.find((member) => member.id === value);
+
+   const getInitials = (name: string | null) => {
+      if (!name) return '?';
+      return name
+         .split(' ')
+         .map((word) => word.charAt(0))
+         .join('')
+         .toUpperCase()
+         .slice(0, 2);
+   };
+
+   return (
+      <div className={`space-y-2 ${className}`}>
+         <label className="text-sm font-medium">Campaign Lead</label>
+         <Select
+            value={value || ''}
+            onValueChange={(newValue) => onChange(newValue || undefined)}
+            disabled={disabled}
+         >
+            <SelectTrigger>
+               <SelectValue>
+                  {selectedLead ? (
+                     <div className="flex items-center gap-2">
+                        <Avatar className="h-6 w-6">
+                           <AvatarImage src={selectedLead.image || undefined} />
+                           <AvatarFallback className="text-xs">
+                              {getInitials(selectedLead.name)}
+                           </AvatarFallback>
+                        </Avatar>
+                        <span className="truncate">{selectedLead.name || selectedLead.email}</span>
+                     </div>
+                  ) : (
+                     <span className="text-muted-foreground">Select a lead</span>
+                  )}
+               </SelectValue>
+            </SelectTrigger>
+            <SelectContent>
+               <SelectItem value="">
+                  <div className="flex items-center gap-2">
+                     <Avatar className="h-6 w-6">
+                        <AvatarFallback className="text-xs">?</AvatarFallback>
+                     </Avatar>
+                     <span>No lead assigned</span>
+                  </div>
+               </SelectItem>
+               {members.map((member) => (
+                  <SelectItem key={member.id} value={member.id}>
+                     <div className="flex items-center gap-2">
+                        <Avatar className="h-6 w-6">
+                           <AvatarImage src={member.image || undefined} />
+                           <AvatarFallback className="text-xs">
+                              {getInitials(member.name)}
+                           </AvatarFallback>
+                        </Avatar>
+                        <div className="flex flex-col">
+                           <span className="font-medium">{member.name || 'Unknown'}</span>
+                           <span className="text-xs text-muted-foreground">{member.email}</span>
+                        </div>
+                     </div>
+                  </SelectItem>
+               ))}
+            </SelectContent>
+         </Select>
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-list.tsx b/components/campaigns/campaign-list.tsx
new file mode 100644
index 00000000..42c0fd7a
--- /dev/null
+++ b/components/campaigns/campaign-list.tsx
@@ -0,0 +1,450 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Plus, Grid3X3, List, Filter, Search, MoreHorizontal } from 'lucide-react';
+import {
+   Table,
+   TableBody,
+   TableCell,
+   TableHead,
+   TableHeader,
+   TableRow,
+} from '@/components/ui/table';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Input } from '@/components/ui/input';
+import {
+   DropdownMenu,
+   DropdownMenuContent,
+   DropdownMenuItem,
+   DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Skeleton } from '@/components/ui/skeleton';
+import type { Campaign, CampaignFilters, PaginationMeta } from '@/types/campaign';
+
+interface CampaignListProps {
+   campaigns: Campaign[];
+   filters: CampaignFilters;
+   pagination: PaginationMeta;
+   onFilterChange: (filters: CampaignFilters) => void;
+   onPageChange: (page: number) => void;
+   onCreateCampaign: () => void;
+   onSelectCampaign: (campaign: Campaign) => void;
+   onEditCampaign: (campaign: Campaign) => void;
+   onDeleteCampaign: (campaign: Campaign) => void;
+   loading?: boolean;
+}
+
+const statusConfig = {
+   DRAFT: { label: 'Draft', color: 'bg-gray-500' },
+   PLANNING: { label: 'Planning', color: 'bg-yellow-500' },
+   READY: { label: 'Ready', color: 'bg-green-500' },
+   DONE: { label: 'Done', color: 'bg-blue-500' },
+   CANCELED: { label: 'Canceled', color: 'bg-red-500' },
+} as const;
+
+const healthConfig = {
+   ON_TRACK: { label: 'On Track', color: 'bg-green-500', icon: '🟢' },
+   AT_RISK: { label: 'At Risk', color: 'bg-yellow-500', icon: '🟡' },
+   OFF_TRACK: { label: 'Off Track', color: 'bg-red-500', icon: '🔴' },
+} as const;
+
+const priorityConfig = {
+   NO_PRIORITY: { label: 'No Priority', color: 'bg-gray-400' },
+   LOW: { label: 'Low', color: 'bg-green-400' },
+   MEDIUM: { label: 'Medium', color: 'bg-yellow-400' },
+   HIGH: { label: 'High', color: 'bg-orange-400' },
+   URGENT: { label: 'Urgent', color: 'bg-red-500' },
+} as const;
+
+export function CampaignList({
+   campaigns,
+   filters,
+   pagination,
+   onFilterChange,
+   onPageChange,
+   onCreateCampaign,
+   onSelectCampaign,
+   onEditCampaign,
+   onDeleteCampaign,
+   loading = false,
+}: CampaignListProps) {
+   const [searchQuery, setSearchQuery] = useState(filters.search || '');
+   const [viewMode, setViewMode] = useState<'table' | 'grid'>('table');
+
+   // Debounced search
+   useEffect(() => {
+      const timer = setTimeout(() => {
+         onFilterChange({ ...filters, search: searchQuery });
+      }, 300);
+
+      return () => clearTimeout(timer);
+   }, [searchQuery]);
+
+   const handleStatusFilter = (status: string) => {
+      const newStatus = status === 'all' ? undefined : (status as Campaign['status']);
+      onFilterChange({ ...filters, status: newStatus });
+   };
+
+   const handleHealthFilter = (health: string) => {
+      const newHealth = health === 'all' ? undefined : (health as Campaign['health']);
+      onFilterChange({ ...filters, health: newHealth });
+   };
+
+   const handlePriorityFilter = (priority: string) => {
+      const newPriority = priority === 'all' ? undefined : (priority as Campaign['priority']);
+      onFilterChange({ ...filters, priority: newPriority });
+   };
+
+   const formatDate = (date: Date | string | null) => {
+      if (!date) return '--';
+      const d = new Date(date);
+      return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+   };
+
+   const formatDateRange = (startDate: Date | string | null, endDate: Date | string | null) => {
+      const start = formatDate(startDate);
+      const end = formatDate(endDate);
+      if (start === '--' && end === '--') return '--';
+      return `${start} → ${end}`;
+   };
+
+   const renderStatusBadge = (status: Campaign['status']) => {
+      const config = statusConfig[status];
+      return (
+         <Badge variant="secondary" className={`${config.color} text-white text-xs px-2 py-1`}>
+            {config.label}
+         </Badge>
+      );
+   };
+
+   const renderHealthIndicator = (health: Campaign['health']) => {
+      const config = healthConfig[health];
+      return (
+         <div className="flex items-center gap-1">
+            <span>{config.icon}</span>
+            <span className="text-sm">{config.label}</span>
+         </div>
+      );
+   };
+
+   const renderPriorityBadge = (priority: Campaign['priority']) => {
+      if (priority === 'NO_PRIORITY') return null;
+      const config = priorityConfig[priority];
+      return (
+         <Badge
+            variant="outline"
+            className={`${config.color} text-white text-xs px-2 py-1 border-0`}
+         >
+            {config.label}
+         </Badge>
+      );
+   };
+
+   const renderTeamMembers = (campaign: Campaign) => {
+      const members = campaign.members || [];
+      const visibleMembers = members.slice(0, 3);
+      const remainingCount = members.length - 3;
+
+      return (
+         <div className="flex items-center gap-1">
+            <span className="text-sm text-muted-foreground">👥</span>
+            <div className="flex -space-x-2">
+               {visibleMembers.map((member) => (
+                  <Avatar key={member.id} className="h-6 w-6 border-2 border-background">
+                     <AvatarImage src={member.user.image || ''} />
+                     <AvatarFallback className="text-xs">
+                        {member.user.name?.slice(0, 2).toUpperCase() || 'U'}
+                     </AvatarFallback>
+                  </Avatar>
+               ))}
+               {remainingCount > 0 && (
+                  <div className="h-6 w-6 rounded-full bg-muted border-2 border-background flex items-center justify-center">
+                     <span className="text-xs font-medium">+{remainingCount}</span>
+                  </div>
+               )}
+            </div>
+            {campaign.lead && (
+               <>
+                  <span className="text-muted-foreground">,</span>
+                  <Avatar className="h-6 w-6">
+                     <AvatarImage src={campaign.lead.image || ''} />
+                     <AvatarFallback className="text-xs">
+                        {campaign.lead.name?.slice(0, 2).toUpperCase() || 'L'}
+                     </AvatarFallback>
+                  </Avatar>
+               </>
+            )}
+         </div>
+      );
+   };
+
+   const renderCampaignRow = (campaign: Campaign) => (
+      <TableRow
+         key={campaign.id}
+         className="cursor-pointer hover:bg-muted/50"
+         onClick={() => onSelectCampaign(campaign)}
+      >
+         <TableCell>
+            <div className="flex items-center gap-3">
+               <div className="flex flex-col">
+                  <div className="flex items-center gap-2">
+                     <span className="font-medium">{campaign.name}</span>
+                     {renderPriorityBadge(campaign.priority)}
+                  </div>
+                  {campaign.summary && (
+                     <span className="text-sm text-muted-foreground">{campaign.summary}</span>
+                  )}
+               </div>
+            </div>
+         </TableCell>
+         <TableCell>{renderHealthIndicator(campaign.health)}</TableCell>
+         <TableCell>
+            <span className="text-sm">{campaign._count?.tasks || 0}</span>
+         </TableCell>
+         <TableCell>{renderTeamMembers(campaign)}</TableCell>
+         <TableCell>
+            <span className="text-sm">
+               {formatDateRange(campaign.startDate, campaign.targetDate)}
+            </span>
+         </TableCell>
+         <TableCell>{renderStatusBadge(campaign.status)}</TableCell>
+         <TableCell>
+            <DropdownMenu>
+               <DropdownMenuTrigger asChild>
+                  <Button
+                     variant="ghost"
+                     size="sm"
+                     className="h-8 w-8 p-0"
+                     onClick={(e) => e.stopPropagation()}
+                  >
+                     <MoreHorizontal className="h-4 w-4" />
+                  </Button>
+               </DropdownMenuTrigger>
+               <DropdownMenuContent align="end">
+                  <DropdownMenuItem onClick={() => onSelectCampaign(campaign)}>
+                     View Details
+                  </DropdownMenuItem>
+                  <DropdownMenuItem onClick={() => onEditCampaign(campaign)}>
+                     Edit Campaign
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                     onClick={() => onDeleteCampaign(campaign)}
+                     className="text-destructive"
+                  >
+                     Delete Campaign
+                  </DropdownMenuItem>
+               </DropdownMenuContent>
+            </DropdownMenu>
+         </TableCell>
+      </TableRow>
+   );
+
+   const renderPagination = () => {
+      if (pagination.totalPages <= 1) return null;
+
+      return (
+         <div className="flex items-center justify-between px-4 py-4 border-t">
+            <div className="text-sm text-muted-foreground">
+               Showing {(pagination.page - 1) * pagination.limit + 1}-
+               {Math.min(pagination.page * pagination.limit, pagination.total)} of{' '}
+               {pagination.total} campaigns
+            </div>
+            <div className="flex items-center gap-2">
+               <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => onPageChange(pagination.page - 1)}
+                  disabled={!pagination.hasPrevPage}
+               >
+                  ← Previous
+               </Button>
+               <div className="flex items-center gap-1">
+                  {Array.from({ length: Math.min(5, pagination.totalPages) }, (_, i) => {
+                     const page = i + 1;
+                     return (
+                        <Button
+                           key={page}
+                           variant={page === pagination.page ? 'default' : 'outline'}
+                           size="sm"
+                           className="h-8 w-8 p-0"
+                           onClick={() => onPageChange(page)}
+                        >
+                           {page}
+                        </Button>
+                     );
+                  })}
+               </div>
+               <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => onPageChange(pagination.page + 1)}
+                  disabled={!pagination.hasNextPage}
+               >
+                  Next →
+               </Button>
+            </div>
+         </div>
+      );
+   };
+
+   if (loading) {
+      return (
+         <div className="space-y-4">
+            <div className="flex items-center justify-between">
+               <Skeleton className="h-8 w-32" />
+               <Skeleton className="h-10 w-32" />
+            </div>
+            <div className="space-y-2">
+               {Array.from({ length: 5 }).map((_, i) => (
+                  <Skeleton key={i} className="h-16 w-full" />
+               ))}
+            </div>
+         </div>
+      );
+   }
+
+   return (
+      <div className="space-y-4">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h1 className="text-2xl font-bold">Campaigns</h1>
+               <p className="text-muted-foreground">
+                  Manage your marketing campaigns and track their progress
+               </p>
+            </div>
+            <Button onClick={onCreateCampaign}>
+               <Plus className="h-4 w-4 mr-2" />
+               Create Campaign
+            </Button>
+         </div>
+
+         {/* Filters */}
+         <div className="flex items-center gap-4 p-4 bg-muted/30 rounded-lg">
+            <div className="flex-1">
+               <div className="relative">
+                  <Search className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
+                  <Input
+                     placeholder="Search campaigns..."
+                     value={searchQuery}
+                     onChange={(e) => setSearchQuery(e.target.value)}
+                     className="pl-10"
+                  />
+               </div>
+            </div>
+
+            <Select value={filters.status || 'all'} onValueChange={handleStatusFilter}>
+               <SelectTrigger className="w-32">
+                  <SelectValue placeholder="Status" />
+               </SelectTrigger>
+               <SelectContent>
+                  <SelectItem value="all">All Status</SelectItem>
+                  <SelectItem value="DRAFT">Draft</SelectItem>
+                  <SelectItem value="PLANNING">Planning</SelectItem>
+                  <SelectItem value="READY">Ready</SelectItem>
+                  <SelectItem value="DONE">Done</SelectItem>
+                  <SelectItem value="CANCELED">Canceled</SelectItem>
+               </SelectContent>
+            </Select>
+
+            <Select value={filters.health || 'all'} onValueChange={handleHealthFilter}>
+               <SelectTrigger className="w-32">
+                  <SelectValue placeholder="Health" />
+               </SelectTrigger>
+               <SelectContent>
+                  <SelectItem value="all">All Health</SelectItem>
+                  <SelectItem value="ON_TRACK">On Track</SelectItem>
+                  <SelectItem value="AT_RISK">At Risk</SelectItem>
+                  <SelectItem value="OFF_TRACK">Off Track</SelectItem>
+               </SelectContent>
+            </Select>
+
+            <Select value={filters.priority || 'all'} onValueChange={handlePriorityFilter}>
+               <SelectTrigger className="w-32">
+                  <SelectValue placeholder="Priority" />
+               </SelectTrigger>
+               <SelectContent>
+                  <SelectItem value="all">All Priority</SelectItem>
+                  <SelectItem value="LOW">Low</SelectItem>
+                  <SelectItem value="MEDIUM">Medium</SelectItem>
+                  <SelectItem value="HIGH">High</SelectItem>
+                  <SelectItem value="URGENT">Urgent</SelectItem>
+               </SelectContent>
+            </Select>
+
+            <div className="flex items-center gap-2">
+               <Button
+                  variant={viewMode === 'table' ? 'default' : 'outline'}
+                  size="sm"
+                  onClick={() => setViewMode('table')}
+               >
+                  <List className="h-4 w-4" />
+               </Button>
+               <Button
+                  variant={viewMode === 'grid' ? 'default' : 'outline'}
+                  size="sm"
+                  onClick={() => setViewMode('grid')}
+               >
+                  <Grid3X3 className="h-4 w-4" />
+               </Button>
+            </div>
+         </div>
+
+         {/* Campaign Table */}
+         <Card>
+            <CardHeader>
+               <CardTitle className="text-lg">📋 Campaigns Overview ({campaigns.length})</CardTitle>
+            </CardHeader>
+            <CardContent className="p-0">
+               <Table>
+                  <TableHeader>
+                     <TableRow>
+                        <TableHead>Title</TableHead>
+                        <TableHead>Health</TableHead>
+                        <TableHead>Total Tasks</TableHead>
+                        <TableHead>PIC</TableHead>
+                        <TableHead>Timeline</TableHead>
+                        <TableHead>Status</TableHead>
+                        <TableHead className="w-12">
+                           <span className="sr-only">Actions</span>
+                        </TableHead>
+                     </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                     {campaigns.length === 0 ? (
+                        <TableRow>
+                           <TableCell colSpan={7} className="text-center py-8">
+                              <div className="flex flex-col items-center gap-2">
+                                 <div className="text-4xl">📋</div>
+                                 <h3 className="font-medium">No campaigns found</h3>
+                                 <p className="text-muted-foreground text-sm">
+                                    Create your first campaign to get started
+                                 </p>
+                                 <Button onClick={onCreateCampaign} className="mt-2">
+                                    <Plus className="h-4 w-4 mr-2" />
+                                    Create Campaign
+                                 </Button>
+                              </div>
+                           </TableCell>
+                        </TableRow>
+                     ) : (
+                        campaigns.map(renderCampaignRow)
+                     )}
+                  </TableBody>
+               </Table>
+               {renderPagination()}
+            </CardContent>
+         </Card>
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-members-selector.tsx b/components/campaigns/campaign-members-selector.tsx
new file mode 100644
index 00000000..76d940f2
--- /dev/null
+++ b/components/campaigns/campaign-members-selector.tsx
@@ -0,0 +1,250 @@
+'use client';
+
+import { useState } from 'react';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { X, Users, Plus } from 'lucide-react';
+import { User, CampaignMemberRole, CAMPAIGN_MEMBER_ROLES } from '@/types/campaign';
+
+interface CampaignMember {
+   userId: string;
+   role: CampaignMemberRole;
+   user: User;
+}
+
+interface CampaignMembersSelectorProps {
+   value: CampaignMember[];
+   onChange: (members: CampaignMember[]) => void;
+   availableMembers: User[];
+   disabled?: boolean;
+   className?: string;
+}
+
+export default function CampaignMembersSelector({
+   value,
+   onChange,
+   availableMembers,
+   disabled = false,
+   className = '',
+}: CampaignMembersSelectorProps) {
+   const [isAddingMember, setIsAddingMember] = useState(false);
+   const [selectedUserId, setSelectedUserId] = useState<string>('');
+   const [selectedRole, setSelectedRole] = useState<CampaignMemberRole>('MEMBER');
+
+   const availableUsers = availableMembers.filter(
+      (user) => !value.find((member) => member.userId === user.id)
+   );
+
+   const addMember = () => {
+      if (selectedUserId && selectedRole) {
+         const user = availableMembers.find((u) => u.id === selectedUserId);
+         if (user) {
+            const newMember: CampaignMember = {
+               userId: selectedUserId,
+               role: selectedRole,
+               user,
+            };
+            onChange([...value, newMember]);
+            setSelectedUserId('');
+            setSelectedRole('MEMBER');
+            setIsAddingMember(false);
+         }
+      }
+   };
+
+   const removeMember = (userId: string) => {
+      onChange(value.filter((member) => member.userId !== userId));
+   };
+
+   const updateMemberRole = (userId: string, newRole: CampaignMemberRole) => {
+      onChange(
+         value.map((member) => (member.userId === userId ? { ...member, role: newRole } : member))
+      );
+   };
+
+   const getInitials = (name: string | null) => {
+      if (!name) return '?';
+      return name
+         .split(' ')
+         .map((word) => word.charAt(0))
+         .join('')
+         .toUpperCase()
+         .slice(0, 2);
+   };
+
+   const getRoleColor = (role: CampaignMemberRole) => {
+      switch (role) {
+         case 'OWNER':
+            return 'destructive';
+         case 'MANAGER':
+            return 'default';
+         case 'MEMBER':
+            return 'secondary';
+         case 'VIEWER':
+            return 'outline';
+         default:
+            return 'secondary';
+      }
+   };
+
+   return (
+      <div className={`space-y-3 ${className}`}>
+         <label className="text-sm font-medium">Team Members</label>
+
+         {/* Current Members */}
+         <div className="space-y-2">
+            {value.map((member) => (
+               <div
+                  key={member.userId}
+                  className="flex items-center justify-between p-2 bg-muted/50 rounded-lg"
+               >
+                  <div className="flex items-center gap-2">
+                     <Avatar className="h-8 w-8">
+                        <AvatarImage src={member.user.image || undefined} />
+                        <AvatarFallback className="text-sm">
+                           {getInitials(member.user.name)}
+                        </AvatarFallback>
+                     </Avatar>
+                     <div className="flex flex-col">
+                        <span className="font-medium text-sm">{member.user.name || 'Unknown'}</span>
+                        <span className="text-xs text-muted-foreground">{member.user.email}</span>
+                     </div>
+                  </div>
+
+                  <div className="flex items-center gap-2">
+                     <Select
+                        value={member.role}
+                        onValueChange={(newRole) =>
+                           updateMemberRole(member.userId, newRole as CampaignMemberRole)
+                        }
+                        disabled={disabled}
+                     >
+                        <SelectTrigger className="w-24 h-8">
+                           <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                           {CAMPAIGN_MEMBER_ROLES.map((role) => (
+                              <SelectItem key={role} value={role}>
+                                 <Badge variant={getRoleColor(role)} className="text-xs">
+                                    {role}
+                                 </Badge>
+                              </SelectItem>
+                           ))}
+                        </SelectContent>
+                     </Select>
+
+                     <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => removeMember(member.userId)}
+                        disabled={disabled}
+                        className="h-8 w-8 p-0 hover:bg-destructive/10 hover:text-destructive"
+                     >
+                        <X className="h-4 w-4" />
+                     </Button>
+                  </div>
+               </div>
+            ))}
+         </div>
+
+         {/* Add Member Section */}
+         {!isAddingMember ? (
+            <Button
+               variant="outline"
+               size="sm"
+               onClick={() => setIsAddingMember(true)}
+               disabled={disabled || availableUsers.length === 0}
+               className="w-full"
+            >
+               <Plus className="h-4 w-4 mr-2" />
+               Add Member
+            </Button>
+         ) : (
+            <div className="p-3 border rounded-lg space-y-3">
+               <div className="flex items-center gap-2">
+                  <Users className="h-4 w-4 text-muted-foreground" />
+                  <span className="text-sm font-medium">Add New Member</span>
+               </div>
+
+               <div className="grid grid-cols-2 gap-2">
+                  <Select value={selectedUserId} onValueChange={setSelectedUserId}>
+                     <SelectTrigger>
+                        <SelectValue placeholder="Select member" />
+                     </SelectTrigger>
+                     <SelectContent>
+                        {availableUsers.map((user) => (
+                           <SelectItem key={user.id} value={user.id}>
+                              <div className="flex items-center gap-2">
+                                 <Avatar className="h-6 w-6">
+                                    <AvatarImage src={user.image || undefined} />
+                                    <AvatarFallback className="text-xs">
+                                       {getInitials(user.name)}
+                                    </AvatarFallback>
+                                 </Avatar>
+                                 <span>{user.name || user.email}</span>
+                              </div>
+                           </SelectItem>
+                        ))}
+                     </SelectContent>
+                  </Select>
+
+                  <Select
+                     value={selectedRole}
+                     onValueChange={(value) => setSelectedRole(value as CampaignMemberRole)}
+                  >
+                     <SelectTrigger>
+                        <SelectValue />
+                     </SelectTrigger>
+                     <SelectContent>
+                        {CAMPAIGN_MEMBER_ROLES.map((role) => (
+                           <SelectItem key={role} value={role}>
+                              <Badge variant={getRoleColor(role)} className="text-xs">
+                                 {role}
+                              </Badge>
+                           </SelectItem>
+                        ))}
+                     </SelectContent>
+                  </Select>
+               </div>
+
+               <div className="flex gap-2">
+                  <Button
+                     size="sm"
+                     onClick={addMember}
+                     disabled={!selectedUserId || !selectedRole}
+                     className="flex-1"
+                  >
+                     Add
+                  </Button>
+                  <Button
+                     variant="outline"
+                     size="sm"
+                     onClick={() => {
+                        setIsAddingMember(false);
+                        setSelectedUserId('');
+                        setSelectedRole('MEMBER');
+                     }}
+                     className="flex-1"
+                  >
+                     Cancel
+                  </Button>
+               </div>
+            </div>
+         )}
+
+         {availableUsers.length === 0 && value.length > 0 && (
+            <p className="text-xs text-muted-foreground text-center">
+               All available members have been added to the campaign
+            </p>
+         )}
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-pagination.tsx b/components/campaigns/campaign-pagination.tsx
new file mode 100644
index 00000000..7ce56484
--- /dev/null
+++ b/components/campaigns/campaign-pagination.tsx
@@ -0,0 +1,168 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';
+import { PaginationMeta } from '@/types/campaign';
+
+interface CampaignPaginationProps {
+   pagination: PaginationMeta;
+   onPageChange: (page: number) => void;
+   onLimitChange: (limit: number) => void;
+   className?: string;
+}
+
+export default function CampaignPagination({
+   pagination,
+   onPageChange,
+   onLimitChange,
+   className = '',
+}: CampaignPaginationProps) {
+   const { page, limit, total, totalPages, hasNextPage, hasPrevPage } = pagination;
+
+   // Calculate page range for display
+   const getPageRange = () => {
+      const delta = 2; // Number of pages to show on each side of current page
+      const range = [];
+      const rangeWithDots = [];
+
+      for (let i = Math.max(2, page - delta); i <= Math.min(totalPages - 1, page + delta); i++) {
+         range.push(i);
+      }
+
+      if (page - delta > 2) {
+         rangeWithDots.push(1, '...');
+      } else {
+         rangeWithDots.push(1);
+      }
+
+      rangeWithDots.push(...range);
+
+      if (page + delta < totalPages - 1) {
+         rangeWithDots.push('...', totalPages);
+      } else if (totalPages > 1) {
+         rangeWithDots.push(totalPages);
+      }
+
+      return rangeWithDots;
+   };
+
+   const handlePageChange = (newPage: number) => {
+      if (newPage >= 1 && newPage <= totalPages) {
+         onPageChange(newPage);
+      }
+   };
+
+   const handleLimitChange = (newLimit: string) => {
+      const limitNum = parseInt(newLimit);
+      if (limitNum !== limit) {
+         onLimitChange(limitNum);
+      }
+   };
+
+   if (total === 0) {
+      return null;
+   }
+
+   return (
+      <div className={`flex flex-col sm:flex-row items-center justify-between gap-4 ${className}`}>
+         {/* Page Info */}
+         <div className="flex items-center gap-2 text-sm text-muted-foreground">
+            <span>
+               Showing {Math.min((page - 1) * limit + 1, total)} to {Math.min(page * limit, total)}{' '}
+               of {total} campaigns
+            </span>
+         </div>
+
+         {/* Pagination Controls */}
+         <div className="flex items-center gap-2">
+            {/* Page Size Selector */}
+            <div className="flex items-center gap-2">
+               <span className="text-sm text-muted-foreground">Show:</span>
+               <Select value={limit.toString()} onValueChange={handleLimitChange}>
+                  <SelectTrigger className="w-20 h-8">
+                     <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                     <SelectItem value="10">10</SelectItem>
+                     <SelectItem value="20">20</SelectItem>
+                     <SelectItem value="50">50</SelectItem>
+                     <SelectItem value="100">100</SelectItem>
+                  </SelectContent>
+               </Select>
+            </div>
+
+            {/* Page Navigation */}
+            <div className="flex items-center gap-1">
+               {/* First Page */}
+               <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => handlePageChange(1)}
+                  disabled={!hasPrevPage}
+                  className="h-8 w-8 p-0"
+               >
+                  <ChevronsLeft className="h-4 w-4" />
+               </Button>
+
+               {/* Previous Page */}
+               <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => handlePageChange(page - 1)}
+                  disabled={!hasPrevPage}
+                  className="h-8 w-8 p-0"
+               >
+                  <ChevronLeft className="h-4 w-4" />
+               </Button>
+
+               {/* Page Numbers */}
+               {getPageRange().map((pageNum, index) => (
+                  <div key={index}>
+                     {pageNum === '...' ? (
+                        <span className="px-2 py-1 text-sm text-muted-foreground">...</span>
+                     ) : (
+                        <Button
+                           variant={pageNum === page ? 'default' : 'outline'}
+                           size="sm"
+                           onClick={() => handlePageChange(pageNum as number)}
+                           className="h-8 w-8 p-0"
+                        >
+                           {pageNum}
+                        </Button>
+                     )}
+                  </div>
+               ))}
+
+               {/* Next Page */}
+               <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => handlePageChange(page + 1)}
+                  disabled={!hasNextPage}
+                  className="h-8 w-8 p-0"
+               >
+                  <ChevronRight className="h-4 w-4" />
+               </Button>
+
+               {/* Last Page */}
+               <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => handlePageChange(totalPages)}
+                  disabled={!hasNextPage}
+                  className="h-8 w-8 p-0"
+               >
+                  <ChevronsRight className="h-4 w-4" />
+               </Button>
+            </div>
+         </div>
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-search.tsx b/components/campaigns/campaign-search.tsx
new file mode 100644
index 00000000..bb2dd06f
--- /dev/null
+++ b/components/campaigns/campaign-search.tsx
@@ -0,0 +1,262 @@
+'use client';
+
+import { useState, useEffect, useRef } from 'react';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Search, X, Clock, Layers } from 'lucide-react';
+import { Campaign } from '@/types/campaign';
+
+interface CampaignSearchProps {
+   value: string;
+   onChange: (value: string) => void;
+   onSelect: (campaign: Campaign) => void;
+   campaigns: Campaign[];
+   placeholder?: string;
+   className?: string;
+}
+
+export default function CampaignSearch({
+   value,
+   onChange,
+   onSelect,
+   campaigns,
+   placeholder = 'Search campaigns...',
+   className = '',
+}: CampaignSearchProps) {
+   const [isOpen, setIsOpen] = useState(false);
+   const [searchResults, setSearchResults] = useState<Campaign[]>([]);
+   const [highlightedIndex, setHighlightedIndex] = useState(-1);
+   const inputRef = useRef<HTMLInputElement>(null);
+   const dropdownRef = useRef<HTMLDivElement>(null);
+
+   // Filter campaigns based on search value
+   useEffect(() => {
+      if (!value.trim()) {
+         setSearchResults([]);
+         return;
+      }
+
+      const filtered = campaigns.filter((campaign) => {
+         const searchLower = value.toLowerCase();
+         return (
+            campaign.name.toLowerCase().includes(searchLower) ||
+            campaign.description?.toLowerCase().includes(searchLower) ||
+            campaign.summary?.toLowerCase().includes(searchLower) ||
+            campaign.status.toLowerCase().includes(searchLower) ||
+            campaign.health.toLowerCase().includes(searchLower)
+         );
+      });
+
+      setSearchResults(filtered.slice(0, 5)); // Limit to 5 results
+      setHighlightedIndex(-1);
+   }, [value, campaigns]);
+
+   // Handle keyboard navigation
+   useEffect(() => {
+      const handleKeyDown = (e: KeyboardEvent) => {
+         if (!isOpen || searchResults.length === 0) return;
+
+         switch (e.key) {
+            case 'ArrowDown':
+               e.preventDefault();
+               setHighlightedIndex((prev) => (prev < searchResults.length - 1 ? prev + 1 : 0));
+               break;
+            case 'ArrowUp':
+               e.preventDefault();
+               setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : searchResults.length - 1));
+               break;
+            case 'Enter':
+               e.preventDefault();
+               if (highlightedIndex >= 0) {
+                  handleSelect(searchResults[highlightedIndex]);
+               }
+               break;
+            case 'Escape':
+               setIsOpen(false);
+               setHighlightedIndex(-1);
+               break;
+         }
+      };
+
+      document.addEventListener('keydown', handleKeyDown);
+      return () => document.removeEventListener('keydown', handleKeyDown);
+   }, [isOpen, searchResults, highlightedIndex]);
+
+   // Close dropdown when clicking outside
+   useEffect(() => {
+      const handleClickOutside = (event: MouseEvent) => {
+         if (
+            dropdownRef.current &&
+            !dropdownRef.current.contains(event.target as Node) &&
+            inputRef.current &&
+            !inputRef.current.contains(event.target as Node)
+         ) {
+            setIsOpen(false);
+            setHighlightedIndex(-1);
+         }
+      };
+
+      document.addEventListener('mousedown', handleClickOutside);
+      return () => document.removeEventListener('mousedown', handleClickOutside);
+   }, []);
+
+   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+      const newValue = e.target.value;
+      onChange(newValue);
+      setIsOpen(newValue.length > 0);
+   };
+
+   const handleInputFocus = () => {
+      if (value.length > 0) {
+         setIsOpen(true);
+      }
+   };
+
+   const handleSelect = (campaign: Campaign) => {
+      onSelect(campaign);
+      onChange('');
+      setIsOpen(false);
+      setHighlightedIndex(-1);
+      inputRef.current?.blur();
+   };
+
+   const handleClear = () => {
+      onChange('');
+      setIsOpen(false);
+      setHighlightedIndex(-1);
+      inputRef.current?.focus();
+   };
+
+   const getStatusColor = (status: string) => {
+      switch (status) {
+         case 'DRAFT':
+            return 'secondary';
+         case 'PLANNING':
+            return 'default';
+         case 'READY':
+            return 'default';
+         case 'DONE':
+            return 'default';
+         case 'CANCELED':
+            return 'destructive';
+         default:
+            return 'secondary';
+      }
+   };
+
+   const getHealthColor = (health: string) => {
+      switch (health) {
+         case 'ON_TRACK':
+            return 'default';
+         case 'AT_RISK':
+            return 'destructive';
+         case 'OFF_TRACK':
+            return 'secondary';
+         default:
+            return 'default';
+      }
+   };
+
+   const formatDate = (date: string | Date) => {
+      return new Date(date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+   };
+
+   return (
+      <div className={`relative ${className}`}>
+         <div className="relative">
+            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+            <Input
+               ref={inputRef}
+               placeholder={placeholder}
+               value={value}
+               onChange={handleInputChange}
+               onFocus={handleInputFocus}
+               className="pl-10 pr-10"
+            />
+            {value && (
+               <Button
+                  variant="ghost"
+                  size="sm"
+                  onClick={handleClear}
+                  className="absolute right-1 top-1/2 transform -translate-y-1/2 h-6 w-6 p-0 hover:bg-transparent"
+               >
+                  <X className="h-3 w-3" />
+               </Button>
+            )}
+         </div>
+
+         {/* Search Results Dropdown */}
+         {isOpen && searchResults.length > 0 && (
+            <div
+               ref={dropdownRef}
+               className="absolute top-full left-0 right-0 mt-1 bg-background border rounded-lg shadow-lg z-50 max-h-80 overflow-y-auto"
+            >
+               {searchResults.map((campaign, index) => (
+                  <div
+                     key={campaign.id}
+                     className={`p-3 cursor-pointer hover:bg-muted/50 border-b last:border-b-0 ${
+                        index === highlightedIndex ? 'bg-muted' : ''
+                     }`}
+                     onClick={() => handleSelect(campaign)}
+                     onMouseEnter={() => setHighlightedIndex(index)}
+                  >
+                     <div className="flex items-start gap-3">
+                        <div className="flex-shrink-0">
+                           <div className="inline-flex size-8 bg-muted/50 items-center justify-center rounded">
+                              <Layers className="h-4 w-4 text-muted-foreground" />
+                           </div>
+                        </div>
+
+                        <div className="flex-1 min-w-0">
+                           <div className="flex items-center gap-2 mb-1">
+                              <h4 className="font-medium text-sm truncate">{campaign.name}</h4>
+                              <Badge variant={getStatusColor(campaign.status)} className="text-xs">
+                                 {campaign.status}
+                              </Badge>
+                              <Badge variant={getHealthColor(campaign.health)} className="text-xs">
+                                 {campaign.health.replace('_', ' ')}
+                              </Badge>
+                           </div>
+
+                           {campaign.description && (
+                              <p className="text-xs text-muted-foreground line-clamp-2 mb-2">
+                                 {campaign.description}
+                              </p>
+                           )}
+
+                           <div className="flex items-center gap-4 text-xs text-muted-foreground">
+                              <div className="flex items-center gap-1">
+                                 <Clock className="h-3 w-3" />
+                                 <span>
+                                    {campaign.startDate && campaign.targetDate
+                                       ? `${formatDate(campaign.startDate)} → ${formatDate(campaign.targetDate)}`
+                                       : formatDate(campaign.createdAt)}
+                                 </span>
+                              </div>
+
+                              <div className="flex items-center gap-1">
+                                 <Layers className="h-3 w-3" />
+                                 <span>{campaign._count?.tasks || 0} tasks</span>
+                              </div>
+                           </div>
+                        </div>
+                     </div>
+                  </div>
+               ))}
+            </div>
+         )}
+
+         {/* No Results */}
+         {isOpen && value.length > 0 && searchResults.length === 0 && (
+            <div className="absolute top-full left-0 right-0 mt-1 bg-background border rounded-lg shadow-lg z-50 p-4">
+               <div className="text-center text-muted-foreground">
+                  <Search className="h-8 w-8 mx-auto mb-2 opacity-50" />
+                  <p className="text-sm">No campaigns found</p>
+                  <p className="text-xs">Try different keywords or check your spelling</p>
+               </div>
+            </div>
+         )}
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-status-selector.tsx b/components/campaigns/campaign-status-selector.tsx
new file mode 100644
index 00000000..247e654e
--- /dev/null
+++ b/components/campaigns/campaign-status-selector.tsx
@@ -0,0 +1,88 @@
+'use client';
+
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Badge } from '@/components/ui/badge';
+import { CampaignStatus, CAMPAIGN_STATUSES } from '@/types/campaign';
+
+interface CampaignStatusSelectorProps {
+   value: CampaignStatus;
+   onChange: (status: CampaignStatus) => void;
+   disabled?: boolean;
+   className?: string;
+}
+
+export default function CampaignStatusSelector({
+   value,
+   onChange,
+   disabled = false,
+   className = '',
+}: CampaignStatusSelectorProps) {
+   const getStatusColor = (status: CampaignStatus) => {
+      switch (status) {
+         case 'DRAFT':
+            return 'secondary';
+         case 'PLANNING':
+            return 'default';
+         case 'READY':
+            return 'default';
+         case 'DONE':
+            return 'default';
+         case 'CANCELED':
+            return 'destructive';
+         default:
+            return 'secondary';
+      }
+   };
+
+   const getStatusIcon = (status: CampaignStatus) => {
+      switch (status) {
+         case 'DRAFT':
+            return '📝';
+         case 'PLANNING':
+            return '📋';
+         case 'READY':
+            return '✅';
+         case 'DONE':
+            return '🎉';
+         case 'CANCELED':
+            return '❌';
+         default:
+            return '📝';
+      }
+   };
+
+   return (
+      <div className={`space-y-2 ${className}`}>
+         <label className="text-sm font-medium">Status</label>
+         <Select value={value} onValueChange={onChange} disabled={disabled}>
+            <SelectTrigger>
+               <SelectValue>
+                  <div className="flex items-center gap-2">
+                     <span>{getStatusIcon(value)}</span>
+                     <span>{value}</span>
+                  </div>
+               </SelectValue>
+            </SelectTrigger>
+            <SelectContent>
+               {CAMPAIGN_STATUSES.map((status) => (
+                  <SelectItem key={status} value={status}>
+                     <div className="flex items-center gap-2">
+                        <span>{getStatusIcon(status)}</span>
+                        <span>{status}</span>
+                        <Badge variant={getStatusColor(status)} className="ml-auto text-xs">
+                           {status}
+                        </Badge>
+                     </div>
+                  </SelectItem>
+               ))}
+            </SelectContent>
+         </Select>
+      </div>
+   );
+}
diff --git a/components/campaigns/campaign-table.tsx b/components/campaigns/campaign-table.tsx
new file mode 100644
index 00000000..33939f5f
--- /dev/null
+++ b/components/campaigns/campaign-table.tsx
@@ -0,0 +1,423 @@
+'use client';
+
+import { useState } from 'react';
+import { Campaign, CampaignStatus, CampaignHealth, CampaignPriority } from '@/types/campaign';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import {
+   Table,
+   TableBody,
+   TableCell,
+   TableHead,
+   TableHeader,
+   TableRow,
+} from '@/components/ui/table';
+import {
+   Layers,
+   FileText,
+   Users,
+   Calendar,
+   ChevronRight,
+   Search,
+   Filter,
+   Plus,
+} from 'lucide-react';
+import Link from 'next/link';
+
+interface CampaignTableProps {
+   campaigns: Campaign[];
+   onSelect: (campaign: Campaign) => void;
+   onEdit: (campaign: Campaign) => void;
+   onDelete: (campaign: Campaign) => void;
+   onCreateCampaign: () => void;
+   loading?: boolean;
+   orgId: string;
+}
+
+interface CampaignFilters {
+   status?: CampaignStatus;
+   health?: CampaignHealth;
+   priority?: CampaignPriority;
+   search?: string;
+}
+
+export default function CampaignTable({
+   campaigns,
+   onSelect,
+   onEdit,
+   onDelete,
+   onCreateCampaign,
+   loading = false,
+   orgId,
+}: CampaignTableProps) {
+   const [filters, setFilters] = useState<CampaignFilters>({});
+   const [sortBy, setSortBy] = useState<'name' | 'status' | 'health' | 'priority' | 'createdAt'>(
+      'createdAt'
+   );
+   const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('desc');
+
+   // Filter campaigns based on current filters
+   const filteredCampaigns = campaigns.filter((campaign) => {
+      if (filters.status && campaign.status !== filters.status) return false;
+      if (filters.health && campaign.health !== filters.health) return false;
+      if (filters.priority && campaign.priority !== filters.priority) return false;
+      if (filters.search) {
+         const searchLower = filters.search.toLowerCase();
+         return (
+            campaign.name.toLowerCase().includes(searchLower) ||
+            campaign.description?.toLowerCase().includes(searchLower) ||
+            campaign.summary?.toLowerCase().includes(searchLower)
+         );
+      }
+      return true;
+   });
+
+   // Sort campaigns
+   const sortedCampaigns = [...filteredCampaigns].sort((a, b) => {
+      let aValue: any = a[sortBy];
+      let bValue: any = b[sortBy];
+
+      if (sortBy === 'createdAt') {
+         aValue = new Date(aValue).getTime();
+         bValue = new Date(bValue).getTime();
+      }
+
+      if (sortOrder === 'asc') {
+         return aValue > bValue ? 1 : -1;
+      } else {
+         return aValue < bValue ? 1 : -1;
+      }
+   });
+
+   const handleSort = (field: typeof sortBy) => {
+      if (sortBy === field) {
+         setSortOrder(sortOrder === 'asc' ? 'desc' : 'asc');
+      } else {
+         setSortBy(field);
+         setSortOrder('asc');
+      }
+   };
+
+   const getHealthColor = (health: CampaignHealth) => {
+      switch (health) {
+         case 'ON_TRACK':
+            return 'default';
+         case 'AT_RISK':
+            return 'destructive';
+         case 'OFF_TRACK':
+            return 'secondary';
+         default:
+            return 'default';
+      }
+   };
+
+   const getStatusColor = (status: CampaignStatus) => {
+      switch (status) {
+         case 'DRAFT':
+            return 'secondary';
+         case 'PLANNING':
+            return 'default';
+         case 'READY':
+            return 'default';
+         case 'DONE':
+            return 'default';
+         case 'CANCELED':
+            return 'destructive';
+         default:
+            return 'secondary';
+      }
+   };
+
+   const getPriorityColor = (priority: CampaignPriority) => {
+      switch (priority) {
+         case 'NO_PRIORITY':
+            return 'secondary';
+         case 'LOW':
+            return 'default';
+         case 'MEDIUM':
+            return 'default';
+         case 'HIGH':
+            return 'destructive';
+         case 'URGENT':
+            return 'destructive';
+         default:
+            return 'secondary';
+      }
+   };
+
+   const formatDate = (date: string | Date) => {
+      return new Date(date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+   };
+
+   if (loading) {
+      return (
+         <div className="w-full">
+            <div className="bg-container px-6 py-1.5 text-sm flex items-center text-muted-foreground border-b sticky top-0 z-10">
+               <div className="w-[35%]">Title</div>
+               <div className="w-[12%]">Health</div>
+               <div className="w-[12%]">Total Tasks</div>
+               <div className="w-[15%]">PIC</div>
+               <div className="w-[18%]">Timeline</div>
+               <div className="w-[8%]">Status</div>
+            </div>
+            <div className="w-full">
+               {[...Array(5)].map((_, i) => (
+                  <div key={i} className="w-full flex items-center py-3 px-6 border-b">
+                     <div className="w-[35%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-32"></div>
+                     </div>
+                     <div className="w-[12%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-16"></div>
+                     </div>
+                     <div className="w-[12%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-16"></div>
+                     </div>
+                     <div className="w-[15%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-20"></div>
+                     </div>
+                     <div className="w-[18%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-24"></div>
+                     </div>
+                     <div className="w-[8%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-16"></div>
+                     </div>
+                  </div>
+               ))}
+            </div>
+         </div>
+      );
+   }
+
+   return (
+      <div className="w-full space-y-4">
+         {/* Filters and Actions */}
+         <div className="flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between">
+            <div className="flex flex-col sm:flex-row gap-2 items-start sm:items-center">
+               <div className="relative">
+                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+                  <Input
+                     placeholder="Search campaigns..."
+                     value={filters.search || ''}
+                     onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+                     className="pl-10 w-64"
+                  />
+               </div>
+
+               <Select
+                  value={filters.status}
+                  onValueChange={(value) =>
+                     setFilters({ ...filters, status: value as CampaignStatus })
+                  }
+               >
+                  <SelectTrigger className="w-32">
+                     <SelectValue placeholder="Status" />
+                  </SelectTrigger>
+                  <SelectContent>
+                     <SelectItem value="">All Status</SelectItem>
+                     <SelectItem value="DRAFT">Draft</SelectItem>
+                     <SelectItem value="PLANNING">Planning</SelectItem>
+                     <SelectItem value="READY">Ready</SelectItem>
+                     <SelectItem value="DONE">Done</SelectItem>
+                     <SelectItem value="CANCELED">Canceled</SelectItem>
+                  </SelectContent>
+               </Select>
+
+               <Select
+                  value={filters.health}
+                  onValueChange={(value) =>
+                     setFilters({ ...filters, health: value as CampaignHealth })
+                  }
+               >
+                  <SelectTrigger className="w-32">
+                     <SelectValue placeholder="Health" />
+                  </SelectTrigger>
+                  <SelectContent>
+                     <SelectItem value="">All Health</SelectItem>
+                     <SelectItem value="ON_TRACK">On Track</SelectItem>
+                     <SelectItem value="AT_RISK">At Risk</SelectItem>
+                     <SelectItem value="OFF_TRACK">Off Track</SelectItem>
+                  </SelectContent>
+               </Select>
+
+               <Select
+                  value={filters.priority}
+                  onValueChange={(value) =>
+                     setFilters({ ...filters, priority: value as CampaignPriority })
+                  }
+               >
+                  <SelectTrigger className="w-32">
+                     <SelectValue placeholder="Priority" />
+                  </SelectTrigger>
+                  <SelectContent>
+                     <SelectItem value="">All Priority</SelectItem>
+                     <SelectItem value="NO_PRIORITY">No Priority</SelectItem>
+                     <SelectItem value="LOW">Low</SelectItem>
+                     <SelectItem value="MEDIUM">Medium</SelectItem>
+                     <SelectItem value="HIGH">High</SelectItem>
+                     <SelectItem value="URGENT">Urgent</SelectItem>
+                  </SelectContent>
+               </Select>
+            </div>
+
+            <Button onClick={onCreateCampaign} className="flex items-center gap-2">
+               <Plus className="h-4 w-4" />
+               Create Campaign
+            </Button>
+         </div>
+
+         {/* Table */}
+         <div className="border rounded-lg">
+            <Table>
+               <TableHeader>
+                  <TableRow>
+                     <TableHead
+                        className="w-[35%] cursor-pointer hover:bg-muted/50"
+                        onClick={() => handleSort('name')}
+                     >
+                        <div className="flex items-center gap-2">
+                           Title
+                           {sortBy === 'name' && (
+                              <span className="text-xs">{sortOrder === 'asc' ? '↑' : '↓'}</span>
+                           )}
+                        </div>
+                     </TableHead>
+                     <TableHead
+                        className="w-[12%] cursor-pointer hover:bg-muted/50"
+                        onClick={() => handleSort('health')}
+                     >
+                        <div className="flex items-center gap-2">
+                           Health
+                           {sortBy === 'health' && (
+                              <span className="text-xs">{sortOrder === 'asc' ? '↑' : '↓'}</span>
+                           )}
+                        </div>
+                     </TableHead>
+                     <TableHead className="w-[12%]">Total Tasks</TableHead>
+                     <TableHead className="w-[15%]">PIC</TableHead>
+                     <TableHead
+                        className="w-[18%] cursor-pointer hover:bg-muted/50"
+                        onClick={() => handleSort('createdAt')}
+                     >
+                        <div className="flex items-center gap-2">
+                           Timeline
+                           {sortBy === 'createdAt' && (
+                              <span className="text-xs">{sortOrder === 'asc' ? '↑' : '↓'}</span>
+                           )}
+                        </div>
+                     </TableHead>
+                     <TableHead
+                        className="w-[8%] cursor-pointer hover:bg-muted/50"
+                        onClick={() => handleSort('status')}
+                     >
+                        <div className="flex items-center gap-2">
+                           Status
+                           {sortBy === 'status' && (
+                              <span className="text-xs">{sortOrder === 'asc' ? '↑' : '↓'}</span>
+                           )}
+                        </div>
+                     </TableHead>
+                     <TableHead className="w-[8%]">Actions</TableHead>
+                  </TableRow>
+               </TableHeader>
+               <TableBody>
+                  {sortedCampaigns.length === 0 ? (
+                     <TableRow>
+                        <TableCell colSpan={7} className="text-center py-8 text-muted-foreground">
+                           No campaigns found.
+                        </TableCell>
+                     </TableRow>
+                  ) : (
+                     sortedCampaigns.map((campaign) => (
+                        <TableRow key={campaign.id} className="hover:bg-muted/50">
+                           <TableCell className="w-[35%]">
+                              <div className="flex items-center gap-2">
+                                 <div className="relative">
+                                    <div className="inline-flex size-6 bg-muted/50 items-center justify-center rounded shrink-0">
+                                       <Layers className="h-3 w-3 text-muted-foreground" />
+                                    </div>
+                                 </div>
+                                 <div className="flex flex-col items-start overflow-hidden">
+                                    <span className="font-medium truncate w-full">
+                                       {campaign.name}
+                                    </span>
+                                    {campaign.description && (
+                                       <span className="text-xs text-muted-foreground truncate w-full">
+                                          {campaign.description}
+                                       </span>
+                                    )}
+                                 </div>
+                              </div>
+                           </TableCell>
+
+                           <TableCell className="w-[12%]">
+                              <Badge variant={getHealthColor(campaign.health)} className="text-xs">
+                                 {campaign.health.replace('_', ' ')}
+                              </Badge>
+                           </TableCell>
+
+                           <TableCell className="w-[12%]">
+                              <div className="flex items-center gap-1">
+                                 <FileText className="h-3 w-3 text-muted-foreground" />
+                                 <span className="text-xs">{campaign._count?.tasks || 0}</span>
+                              </div>
+                           </TableCell>
+
+                           <TableCell className="w-[15%]">
+                              <div className="flex items-center gap-1">
+                                 <Users className="h-3 w-3 text-muted-foreground" />
+                                 <span className="text-xs truncate">
+                                    {campaign.members && campaign.members.length > 0
+                                       ? campaign.members.length > 1
+                                          ? `${campaign.members[0].user.name || 'Unknown'} +${campaign.members.length - 1}`
+                                          : campaign.members[0].user.name || 'Unknown'
+                                       : 'Unassigned'}
+                                 </span>
+                              </div>
+                           </TableCell>
+
+                           <TableCell className="w-[18%]">
+                              <div className="flex items-center gap-1">
+                                 <Calendar className="h-3 w-3 text-muted-foreground" />
+                                 <span className="text-xs">
+                                    {campaign.startDate && campaign.targetDate
+                                       ? `${formatDate(campaign.startDate)} → ${formatDate(campaign.targetDate)}`
+                                       : formatDate(campaign.createdAt)}
+                                 </span>
+                              </div>
+                           </TableCell>
+
+                           <TableCell className="w-[8%]">
+                              <Badge variant={getStatusColor(campaign.status)} className="text-xs">
+                                 {campaign.status}
+                              </Badge>
+                           </TableCell>
+
+                           <TableCell className="w-[8%]">
+                              <div className="flex items-center gap-2">
+                                 <Button
+                                    variant="ghost"
+                                    size="xs"
+                                    onClick={() => onSelect(campaign)}
+                                    className="hover:bg-accent"
+                                 >
+                                    <ChevronRight className="h-4 w-4" />
+                                 </Button>
+                              </div>
+                           </TableCell>
+                        </TableRow>
+                     ))
+                  )}
+               </TableBody>
+            </Table>
+         </div>
+      </div>
+   );
+}
diff --git a/components/campaigns/content/campaign-content-page.tsx b/components/campaigns/content/campaign-content-page.tsx
new file mode 100644
index 00000000..90441aa7
--- /dev/null
+++ b/components/campaigns/content/campaign-content-page.tsx
@@ -0,0 +1,695 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { toast } from 'sonner';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import {
+   Dialog,
+   DialogContent,
+   DialogDescription,
+   DialogFooter,
+   DialogHeader,
+   DialogTitle,
+} from '@/components/ui/dialog';
+import {
+   Plus,
+   Search,
+   FileText,
+   Edit,
+   Eye,
+   Trash2,
+   Filter,
+   Calendar,
+   User,
+   CheckCircle,
+   XCircle,
+   Clock,
+   Send,
+} from 'lucide-react';
+import type {
+   Campaign,
+   CampaignContent,
+   CreateContentData,
+   UpdateContentData,
+} from '@/types/campaign';
+
+interface CampaignContentPageProps {
+   orgId: string;
+   campaignId: string;
+   campaign: Campaign;
+}
+
+const contentStatusConfig = {
+   DRAFT: { label: 'Draft', color: 'bg-gray-500', icon: '📝' },
+   SUBMITTED: { label: 'Submitted', color: 'bg-yellow-500', icon: '📤' },
+   APPROVED: { label: 'Approved', color: 'bg-green-500', icon: '✅' },
+   PUBLISHED: { label: 'Published', color: 'bg-blue-500', icon: '🌐' },
+   REJECTED: { label: 'Rejected', color: 'bg-red-500', icon: '❌' },
+};
+
+const contentTypeConfig = {
+   BLOG_POST: { label: 'Blog Post', icon: '📝' },
+   SOCIAL_MEDIA: { label: 'Social Media', icon: '📱' },
+   EMAIL: { label: 'Email', icon: '📧' },
+   VIDEO: { label: 'Video', icon: '🎥' },
+   IMAGE: { label: 'Image', icon: '🖼️' },
+   DOCUMENT: { label: 'Document', icon: '📄' },
+};
+
+export function CampaignContentPage({ orgId, campaignId, campaign }: CampaignContentPageProps) {
+   const router = useRouter();
+   const [contents, setContents] = useState<CampaignContent[]>([]);
+   const [loading, setLoading] = useState(true);
+   const [showCreateModal, setShowCreateModal] = useState(false);
+   const [showEditModal, setShowEditModal] = useState(false);
+   const [editingContent, setEditingContent] = useState<CampaignContent | null>(null);
+   const [searchTerm, setSearchTerm] = useState('');
+   const [statusFilter, setStatusFilter] = useState<string>('all');
+   const [typeFilter, setTypeFilter] = useState<string>('all');
+   const [newContentData, setNewContentData] = useState({
+      title: '',
+      description: '',
+      body: '',
+      type: 'BLOG_POST' as CampaignContent['type'],
+      status: 'DRAFT' as CampaignContent['status'],
+      tags: '',
+   });
+
+   useEffect(() => {
+      fetchContents();
+   }, [orgId, campaignId]);
+
+   const fetchContents = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns/${campaignId}/contents`);
+         if (!response.ok) {
+            throw new Error('Failed to fetch contents');
+         }
+         const data = await response.json();
+         setContents(data.contents || []);
+      } catch (error) {
+         console.error('Error fetching contents:', error);
+         toast.error('Failed to fetch contents');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleCreateContent = async () => {
+      if (!newContentData.title.trim()) {
+         toast.error('Please enter a title');
+         return;
+      }
+
+      try {
+         const contentData = {
+            ...newContentData,
+            tags: newContentData.tags
+               ? newContentData.tags.split(',').map((tag) => tag.trim())
+               : [],
+            campaignId,
+         };
+
+         const response = await fetch(`/api/${orgId}/content`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(contentData),
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to create content');
+         }
+
+         const newContent = await response.json();
+         setContents((prev) => [...prev, newContent.content]);
+         setShowCreateModal(false);
+         setNewContentData({
+            title: '',
+            description: '',
+            body: '',
+            type: 'BLOG_POST',
+            status: 'DRAFT',
+            tags: '',
+         });
+         toast.success('Content created successfully');
+      } catch (error) {
+         console.error('Error creating content:', error);
+         toast.error('Failed to create content');
+      }
+   };
+
+   const handleUpdateContent = async () => {
+      if (!editingContent || !newContentData.title.trim()) {
+         toast.error('Please enter a title');
+         return;
+      }
+
+      try {
+         const contentData = {
+            ...newContentData,
+            tags: newContentData.tags
+               ? newContentData.tags.split(',').map((tag) => tag.trim())
+               : [],
+         };
+
+         const response = await fetch(`/api/${orgId}/content/${editingContent.id}`, {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(contentData),
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to update content');
+         }
+
+         const updatedContent = await response.json();
+         setContents((prev) =>
+            prev.map((content) =>
+               content.id === editingContent.id
+                  ? { ...content, ...updatedContent.content }
+                  : content
+            )
+         );
+         setShowEditModal(false);
+         setEditingContent(null);
+         toast.success('Content updated successfully');
+      } catch (error) {
+         console.error('Error updating content:', error);
+         toast.error('Failed to update content');
+      }
+   };
+
+   const handleDeleteContent = async (contentId: string) => {
+      if (!confirm('Are you sure you want to delete this content? This action cannot be undone.')) {
+         return;
+      }
+
+      try {
+         const response = await fetch(`/api/${orgId}/content/${contentId}`, {
+            method: 'DELETE',
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to delete content');
+         }
+
+         setContents((prev) => prev.filter((content) => content.id !== contentId));
+         toast.success('Content deleted successfully');
+      } catch (error) {
+         console.error('Error deleting content:', error);
+         toast.error('Failed to delete content');
+      }
+   };
+
+   const handleEditContent = (content: CampaignContent) => {
+      setEditingContent(content);
+      setNewContentData({
+         title: content.title || '',
+         description: content.description || '',
+         body: content.body || '',
+         type: content.type,
+         status: content.status,
+         tags: content.tags?.join(', ') || '',
+      });
+      setShowEditModal(true);
+   };
+
+   const handleStatusChange = async (contentId: string, newStatus: CampaignContent['status']) => {
+      try {
+         const content = contents.find((c) => c.id === contentId);
+         if (!content) return;
+
+         const response = await fetch(`/api/${orgId}/content/${contentId}`, {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ ...content, status: newStatus }),
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to update content status');
+         }
+
+         const updatedContent = await response.json();
+         setContents((prev) =>
+            prev.map((c) => (c.id === contentId ? { ...c, ...updatedContent.content } : c))
+         );
+         toast.success(`Content status updated to ${contentStatusConfig[newStatus].label}`);
+      } catch (error) {
+         console.error('Error updating content status:', error);
+         toast.error('Failed to update content status');
+      }
+   };
+
+   const filteredContents = contents.filter((content) => {
+      const matchesSearch =
+         content.title?.toLowerCase().includes(searchTerm.toLowerCase()) ||
+         content.description?.toLowerCase().includes(searchTerm.toLowerCase());
+      const matchesStatus = statusFilter === 'all' || content.status === statusFilter;
+      const matchesType = typeFilter === 'all' || content.type === typeFilter;
+      return matchesSearch && matchesStatus && matchesType;
+   });
+
+   const getStatusStats = () => {
+      return contents.reduce(
+         (acc, content) => {
+            acc[content.status] = (acc[content.status] || 0) + 1;
+            return acc;
+         },
+         {} as Record<string, number>
+      );
+   };
+
+   if (loading) {
+      return (
+         <div className="flex items-center justify-center min-h-[400px]">
+            <div className="text-center">
+               <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4"></div>
+               <p className="text-muted-foreground">Loading content management...</p>
+            </div>
+         </div>
+      );
+   }
+
+   const statusStats = getStatusStats();
+
+   return (
+      <div className="space-y-6">
+         {/* Page Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h1 className="text-3xl font-bold">Content Management</h1>
+               <p className="text-muted-foreground">
+                  Manage content for campaign: <span className="font-medium">{campaign.title}</span>
+               </p>
+            </div>
+            <div className="flex items-center gap-2">
+               <Button onClick={() => setShowCreateModal(true)}>
+                  <Plus className="h-4 w-4 mr-2" />
+                  Create Content
+               </Button>
+               <Button
+                  variant="outline"
+                  onClick={() => router.push(`/${orgId}/campaigns/${campaignId}`)}
+               >
+                  Back to Campaign
+               </Button>
+            </div>
+         </div>
+
+         {/* Content Statistics */}
+         <div className="grid grid-cols-1 md:grid-cols-5 gap-4">
+            {Object.entries(contentStatusConfig).map(([status, config]) => {
+               const count = statusStats[status] || 0;
+               return (
+                  <Card key={status}>
+                     <CardContent className="p-4">
+                        <div className="flex items-center gap-2">
+                           <span>{config.icon}</span>
+                           <span className="text-sm font-medium">{config.label}</span>
+                        </div>
+                        <p className="text-2xl font-bold mt-1">{count}</p>
+                        <p className="text-xs text-muted-foreground">content items</p>
+                     </CardContent>
+                  </Card>
+               );
+            })}
+         </div>
+
+         {/* Search and Filters */}
+         <div className="flex flex-col sm:flex-row gap-4">
+            <div className="flex-1">
+               <div className="relative">
+                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+                  <Input
+                     placeholder="Search content..."
+                     value={searchTerm}
+                     onChange={(e) => setSearchTerm(e.target.value)}
+                     className="pl-10"
+                  />
+               </div>
+            </div>
+
+            <Select value={statusFilter} onValueChange={setStatusFilter}>
+               <SelectTrigger className="w-32">
+                  <SelectValue placeholder="Status" />
+               </SelectTrigger>
+               <SelectContent>
+                  <SelectItem value="all">All Status</SelectItem>
+                  {Object.entries(contentStatusConfig).map(([status, config]) => (
+                     <SelectItem key={status} value={status}>
+                        {config.label}
+                     </SelectItem>
+                  ))}
+               </SelectContent>
+            </Select>
+
+            <Select value={typeFilter} onValueChange={setTypeFilter}>
+               <SelectTrigger className="w-36">
+                  <SelectValue placeholder="Type" />
+               </SelectTrigger>
+               <SelectContent>
+                  <SelectItem value="all">All Types</SelectItem>
+                  {Object.entries(contentTypeConfig).map(([type, config]) => (
+                     <SelectItem key={type} value={type}>
+                        {config.icon} {config.label}
+                     </SelectItem>
+                  ))}
+               </SelectContent>
+            </Select>
+         </div>
+
+         {/* Content List */}
+         <Card>
+            <CardHeader>
+               <CardTitle>Content Items ({filteredContents.length})</CardTitle>
+            </CardHeader>
+            <CardContent>
+               <div className="space-y-4">
+                  {filteredContents.map((content) => (
+                     <div
+                        key={content.id}
+                        className="flex items-center justify-between p-4 border rounded-lg"
+                     >
+                        <div className="flex items-center gap-4">
+                           <div className="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center">
+                              <FileText className="h-6 w-6 text-blue-600" />
+                           </div>
+
+                           <div className="space-y-1">
+                              <div className="flex items-center gap-2">
+                                 <h4 className="font-medium">{content.title}</h4>
+                                 <Badge
+                                    className={`${contentStatusConfig[content.status].color} text-white`}
+                                 >
+                                    {contentStatusConfig[content.status].icon}{' '}
+                                    {contentStatusConfig[content.status].label}
+                                 </Badge>
+                                 <Badge variant="outline">
+                                    {contentTypeConfig[content.type].icon}{' '}
+                                    {contentTypeConfig[content.type].label}
+                                 </Badge>
+                              </div>
+
+                              {content.description && (
+                                 <p className="text-sm text-muted-foreground line-clamp-2">
+                                    {content.description}
+                                 </p>
+                              )}
+
+                              <div className="flex items-center gap-4 text-xs text-muted-foreground">
+                                 {content.createdAt && (
+                                    <div className="flex items-center gap-1">
+                                       <Calendar className="h-3 w-3" />
+                                       Created {new Date(content.createdAt).toLocaleDateString()}
+                                    </div>
+                                 )}
+                                 {content.updatedAt && (
+                                    <div className="flex items-center gap-1">
+                                       <Clock className="h-3 w-3" />
+                                       Updated {new Date(content.updatedAt).toLocaleDateString()}
+                                    </div>
+                                 )}
+                              </div>
+                           </div>
+                        </div>
+
+                        <div className="flex items-center gap-2">
+                           <Select
+                              value={content.status}
+                              onValueChange={(value) =>
+                                 handleStatusChange(content.id, value as CampaignContent['status'])
+                              }
+                           >
+                              <SelectTrigger className="w-32">
+                                 <SelectValue />
+                              </SelectTrigger>
+                              <SelectContent>
+                                 {Object.entries(contentStatusConfig).map(([status, config]) => (
+                                    <SelectItem key={status} value={status}>
+                                       {config.icon} {config.label}
+                                    </SelectItem>
+                                 ))}
+                              </SelectContent>
+                           </Select>
+
+                           <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={() => handleEditContent(content)}
+                           >
+                              <Edit className="h-4 w-4" />
+                           </Button>
+
+                           <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={() => router.push(`/${orgId}/content/${content.id}`)}
+                           >
+                              <Eye className="h-4 w-4" />
+                           </Button>
+
+                           <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={() => handleDeleteContent(content.id)}
+                              className="text-red-600 hover:text-red-700"
+                           >
+                              <Trash2 className="h-4 w-4" />
+                           </Button>
+                        </div>
+                     </div>
+                  ))}
+
+                  {filteredContents.length === 0 && (
+                     <div className="text-center py-12">
+                        <p className="text-muted-foreground">No content found</p>
+                        {searchTerm || statusFilter !== 'all' || typeFilter !== 'all' ? (
+                           <Button
+                              variant="outline"
+                              onClick={() => {
+                                 setSearchTerm('');
+                                 setStatusFilter('all');
+                                 setTypeFilter('all');
+                              }}
+                           >
+                              Clear filters
+                           </Button>
+                        ) : (
+                           <Button onClick={() => setShowCreateModal(true)}>
+                              <Plus className="h-4 w-4 mr-2" />
+                              Create your first content
+                           </Button>
+                        )}
+                     </div>
+                  )}
+               </div>
+            </CardContent>
+         </Card>
+
+         {/* Create Content Modal */}
+         <Dialog open={showCreateModal} onOpenChange={setShowCreateModal}>
+            <DialogContent className="sm:max-w-[600px]">
+               <DialogHeader>
+                  <DialogTitle>Create New Content</DialogTitle>
+                  <DialogDescription>Create new content for this campaign</DialogDescription>
+               </DialogHeader>
+
+               <div className="space-y-4">
+                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                     <div className="space-y-2">
+                        <Label htmlFor="title">Title *</Label>
+                        <Input
+                           id="title"
+                           value={newContentData.title}
+                           onChange={(e) =>
+                              setNewContentData((prev) => ({ ...prev, title: e.target.value }))
+                           }
+                           placeholder="Enter content title"
+                           required
+                        />
+                     </div>
+
+                     <div className="space-y-2">
+                        <Label htmlFor="type">Content Type</Label>
+                        <Select
+                           value={newContentData.type}
+                           onValueChange={(value) =>
+                              setNewContentData((prev) => ({
+                                 ...prev,
+                                 type: value as CampaignContent['type'],
+                              }))
+                           }
+                        >
+                           <SelectTrigger>
+                              <SelectValue />
+                           </SelectTrigger>
+                           <SelectContent>
+                              {Object.entries(contentTypeConfig).map(([type, config]) => (
+                                 <SelectItem key={type} value={type}>
+                                    {config.icon} {config.label}
+                                 </SelectItem>
+                              ))}
+                           </SelectContent>
+                        </Select>
+                     </div>
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="description">Description</Label>
+                     <Textarea
+                        id="description"
+                        value={newContentData.description}
+                        onChange={(e) =>
+                           setNewContentData((prev) => ({ ...prev, description: e.target.value }))
+                        }
+                        placeholder="Brief description of the content..."
+                        rows={3}
+                     />
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="body">Content Body</Label>
+                     <Textarea
+                        id="body"
+                        value={newContentData.body}
+                        onChange={(e) =>
+                           setNewContentData((prev) => ({ ...prev, body: e.target.value }))
+                        }
+                        placeholder="Enter the main content..."
+                        rows={6}
+                     />
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="tags">Tags</Label>
+                     <Input
+                        id="tags"
+                        value={newContentData.tags}
+                        onChange={(e) =>
+                           setNewContentData((prev) => ({ ...prev, tags: e.target.value }))
+                        }
+                        placeholder="Enter tags separated by commas"
+                     />
+                  </div>
+               </div>
+
+               <DialogFooter>
+                  <Button variant="outline" onClick={() => setShowCreateModal(false)}>
+                     Cancel
+                  </Button>
+                  <Button onClick={handleCreateContent}>Create Content</Button>
+               </DialogFooter>
+            </DialogContent>
+         </Dialog>
+
+         {/* Edit Content Modal */}
+         <Dialog open={showEditModal} onOpenChange={setShowEditModal}>
+            <DialogContent className="sm:max-w-[600px]">
+               <DialogHeader>
+                  <DialogTitle>Edit Content</DialogTitle>
+                  <DialogDescription>Update content details</DialogDescription>
+               </DialogHeader>
+
+               <div className="space-y-4">
+                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                     <div className="space-y-2">
+                        <Label htmlFor="edit-title">Title *</Label>
+                        <Input
+                           id="edit-title"
+                           value={newContentData.title}
+                           onChange={(e) =>
+                              setNewContentData((prev) => ({ ...prev, title: e.target.value }))
+                           }
+                           placeholder="Enter content title"
+                           required
+                        />
+                     </div>
+
+                     <div className="space-y-2">
+                        <Label htmlFor="edit-type">Content Type</Label>
+                        <Select
+                           value={newContentData.type}
+                           onValueChange={(value) =>
+                              setNewContentData((prev) => ({
+                                 ...prev,
+                                 type: value as CampaignContent['type'],
+                              }))
+                           }
+                        >
+                           <SelectTrigger>
+                              <SelectValue />
+                           </SelectTrigger>
+                           <SelectContent>
+                              {Object.entries(contentTypeConfig).map(([type, config]) => (
+                                 <SelectItem key={type} value={type}>
+                                    {config.icon} {config.label}
+                                 </SelectItem>
+                              ))}
+                           </SelectContent>
+                        </Select>
+                     </div>
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="edit-description">Description</Label>
+                     <Textarea
+                        id="edit-description"
+                        value={newContentData.description}
+                        onChange={(e) =>
+                           setNewContentData((prev) => ({ ...prev, description: e.target.value }))
+                        }
+                        placeholder="Brief description of the content..."
+                        rows={3}
+                     />
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="edit-body">Content Body</Label>
+                     <Textarea
+                        id="edit-body"
+                        value={newContentData.body}
+                        onChange={(e) =>
+                           setNewContentData((prev) => ({ ...prev, body: e.target.value }))
+                        }
+                        placeholder="Enter the main content..."
+                        rows={6}
+                     />
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="edit-tags">Tags</Label>
+                     <Input
+                        id="edit-tags"
+                        value={newContentData.tags}
+                        onChange={(e) =>
+                           setNewContentData((prev) => ({ ...prev, tags: e.target.value }))
+                        }
+                        placeholder="Enter tags separated by commas"
+                     />
+                  </div>
+               </div>
+
+               <DialogFooter>
+                  <Button variant="outline" onClick={() => setShowEditModal(false)}>
+                     Cancel
+                  </Button>
+                  <Button onClick={handleUpdateContent}>Update Content</Button>
+               </DialogFooter>
+            </DialogContent>
+         </Dialog>
+      </div>
+   );
+}
diff --git a/components/campaigns/content/index.ts b/components/campaigns/content/index.ts
new file mode 100644
index 00000000..24bd996a
--- /dev/null
+++ b/components/campaigns/content/index.ts
@@ -0,0 +1 @@
+export { CampaignContentPage } from './campaign-content-page';
diff --git a/components/campaigns/create-campaign-button.tsx b/components/campaigns/create-campaign-button.tsx
new file mode 100644
index 00000000..4e769ff8
--- /dev/null
+++ b/components/campaigns/create-campaign-button.tsx
@@ -0,0 +1,20 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import { Plus } from 'lucide-react';
+import Link from 'next/link';
+import { useParams } from 'next/navigation';
+
+export function CreateCampaignButton() {
+   const params = useParams();
+   const orgId = params.orgId as string;
+
+   return (
+      <Link href={`/${orgId}/campaigns/new`}>
+         <Button>
+            <Plus className="h-4 w-4 mr-2" />
+            New Campaign
+         </Button>
+      </Link>
+   );
+}
diff --git a/components/campaigns/member-detail-view.tsx b/components/campaigns/member-detail-view.tsx
new file mode 100644
index 00000000..d16e53f5
--- /dev/null
+++ b/components/campaigns/member-detail-view.tsx
@@ -0,0 +1,439 @@
+'use client';
+
+import { useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Progress } from '@/components/ui/progress';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Separator } from '@/components/ui/separator';
+import {
+   DropdownMenu,
+   DropdownMenuContent,
+   DropdownMenuItem,
+   DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import {
+   MoreHorizontal,
+   Edit,
+   Trash2,
+   User,
+   CheckSquare,
+   Calendar,
+   Mail,
+   Phone,
+   MapPin,
+   Clock,
+   ArrowLeft,
+   Crown,
+   Shield,
+   Users,
+   Eye,
+} from 'lucide-react';
+import type { CampaignMember, CampaignTask } from '@/types/campaign';
+
+interface MemberDetailViewProps {
+   member: CampaignMember;
+   onUpdateRole: (memberId: string, role: CampaignMember['role']) => void;
+   onRemove: (memberId: string) => void;
+   onBack: () => void;
+   onEdit: () => void;
+}
+
+const roleConfig = {
+   OWNER: {
+      label: 'Owner',
+      color: 'bg-purple-500',
+      icon: Crown,
+      description: 'Full campaign control',
+   },
+   MANAGER: {
+      label: 'Manager',
+      color: 'bg-blue-500',
+      icon: Shield,
+      description: 'Manage tasks and members',
+   },
+   MEMBER: {
+      label: 'Member',
+      color: 'bg-green-500',
+      icon: Users,
+      description: 'Work on assigned tasks',
+   },
+   VIEWER: {
+      label: 'Viewer',
+      color: 'bg-gray-500',
+      icon: Eye,
+      description: 'View campaign information',
+   },
+};
+
+const taskStatusConfig = {
+   TODO: { label: 'To Do', color: 'bg-gray-500', icon: '⏳' },
+   IN_PROGRESS: { label: 'In Progress', color: 'bg-blue-500', icon: '🔄' },
+   REVIEW: { label: 'Review', color: 'bg-yellow-500', icon: '👀' },
+   DONE: { label: 'Done', color: 'bg-green-500', icon: '✅' },
+   CANCELLED: { label: 'Cancelled', color: 'bg-red-500', icon: '❌' },
+};
+
+export function MemberDetailView({
+   member,
+   onUpdateRole,
+   onRemove,
+   onBack,
+   onEdit,
+}: MemberDetailViewProps) {
+   const [activeTab, setActiveTab] = useState('overview');
+
+   const formatDate = (date: Date | string | null) => {
+      if (!date) return 'Not set';
+      return new Date(date).toLocaleDateString('en-US', {
+         year: 'numeric',
+         month: 'long',
+         day: 'numeric',
+      });
+   };
+
+   const getAssignedTasks = () => {
+      // In real app, this would come from the campaign's tasks filtered by assignee
+      return member.assignedTasks || [];
+   };
+
+   const getTaskStats = () => {
+      const tasks = getAssignedTasks();
+      return {
+         total: tasks.length,
+         todo: tasks.filter((task) => task.status === 'TODO').length,
+         inProgress: tasks.filter((task) => task.status === 'IN_PROGRESS').length,
+         review: tasks.filter((task) => task.status === 'REVIEW').length,
+         done: tasks.filter((task) => task.status === 'DONE').length,
+         cancelled: tasks.filter((task) => task.status === 'CANCELLED').length,
+      };
+   };
+
+   const calculateProgress = () => {
+      const tasks = getAssignedTasks();
+      if (tasks.length === 0) return 0;
+      const completedTasks = tasks.filter((task) => task.status === 'DONE').length;
+      return Math.round((completedTasks / tasks.length) * 100);
+   };
+
+   const renderRoleBadge = (role: CampaignMember['role']) => {
+      const config = roleConfig[role];
+      const IconComponent = config.icon;
+      return (
+         <Badge className={`${config.color} text-white`}>
+            <IconComponent className="h-3 w-3 mr-1" />
+            {config.label}
+         </Badge>
+      );
+   };
+
+   const renderTaskItem = (task: CampaignTask) => {
+      const config = taskStatusConfig[task.status];
+      return (
+         <div key={task.id} className="flex items-center justify-between p-3 border rounded-lg">
+            <div className="flex items-center gap-3">
+               <span>{config.icon}</span>
+               <div>
+                  <h4 className="font-medium">{task.title}</h4>
+                  {task.description && (
+                     <p className="text-sm text-muted-foreground">{task.description}</p>
+                  )}
+               </div>
+            </div>
+            <div className="flex items-center gap-2">
+               <Badge variant="outline" className={`${config.color} text-white border-0 text-xs`}>
+                  {config.label}
+               </Badge>
+               {task.dueDate && (
+                  <span className="text-xs text-muted-foreground">
+                     Due {formatDate(task.dueDate)}
+                  </span>
+               )}
+            </div>
+         </div>
+      );
+   };
+
+   const assignedTasks = getAssignedTasks();
+   const taskStats = getTaskStats();
+   const progress = calculateProgress();
+
+   return (
+      <div className="space-y-6">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div className="flex items-center gap-4">
+               <Button variant="ghost" size="sm" onClick={onBack}>
+                  <ArrowLeft className="h-4 w-4 mr-2" />
+                  Back to Campaign
+               </Button>
+               <Separator orientation="vertical" className="h-6" />
+               <div className="flex items-center gap-4">
+                  <Avatar className="h-16 w-16">
+                     <AvatarImage src={member.user.image || ''} />
+                     <AvatarFallback className="text-lg">
+                        {member.user.name?.slice(0, 2).toUpperCase() || 'U'}
+                     </AvatarFallback>
+                  </Avatar>
+                  <div>
+                     <h1 className="text-2xl font-bold">{member.user.name || 'Unknown User'}</h1>
+                     <div className="flex items-center gap-2 mt-1">
+                        {renderRoleBadge(member.role)}
+                        <span className="text-muted-foreground">•</span>
+                        <span className="text-muted-foreground">{member.user.email}</span>
+                        <span className="text-muted-foreground">•</span>
+                        <span className="text-muted-foreground">
+                           Joined {formatDate(member.createdAt)}
+                        </span>
+                     </div>
+                  </div>
+               </div>
+            </div>
+            <div className="flex items-center gap-2">
+               <Button variant="outline" onClick={onEdit}>
+                  <Edit className="h-4 w-4 mr-2" />
+                  Edit Role
+               </Button>
+               <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                     <Button variant="outline" size="sm">
+                        <MoreHorizontal className="h-4 w-4" />
+                     </Button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                     <DropdownMenuItem onClick={onEdit}>Change Role</DropdownMenuItem>
+                     <DropdownMenuItem
+                        onClick={() => onRemove(member.id)}
+                        className="text-destructive"
+                     >
+                        Remove Member
+                     </DropdownMenuItem>
+                  </DropdownMenuContent>
+               </DropdownMenu>
+            </div>
+         </div>
+
+         {/* Overview Cards */}
+         <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <CheckSquare className="h-5 w-5 text-blue-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Task Progress</p>
+                        <p className="text-xl font-bold">{progress}%</p>
+                     </div>
+                  </div>
+                  <Progress value={progress} className="mt-2" />
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <CheckSquare className="h-5 w-5 text-green-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Assigned Tasks</p>
+                        <p className="text-xl font-bold">{taskStats.total}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <CheckSquare className="h-5 w-5 text-green-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Completed</p>
+                        <p className="text-xl font-bold">{taskStats.done}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Clock className="h-5 w-5 text-orange-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Member Since</p>
+                        <p className="text-sm font-medium">{formatDate(member.createdAt)}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Tabs */}
+         <Tabs value={activeTab} onValueChange={setActiveTab}>
+            <TabsList>
+               <TabsTrigger value="overview">Overview</TabsTrigger>
+               <TabsTrigger value="tasks">Tasks ({taskStats.total})</TabsTrigger>
+               <TabsTrigger value="activity">Activity</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="overview" className="space-y-6">
+               <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>👤 Member Information</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-2">
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Name:</span>
+                              <span className="font-medium">{member.user.name || 'Unknown'}</span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Email:</span>
+                              <span className="font-medium">{member.user.email}</span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Role:</span>
+                              {renderRoleBadge(member.role)}
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Joined:</span>
+                              <span>{formatDate(member.createdAt)}</span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Last Active:</span>
+                              <span>{formatDate(member.updatedAt)}</span>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>📊 Task Statistics</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-3">
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">To Do</span>
+                              <span className="text-sm font-medium">{taskStats.todo}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">In Progress</span>
+                              <span className="text-sm font-medium">{taskStats.inProgress}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Review</span>
+                              <span className="text-sm font-medium">{taskStats.review}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Done</span>
+                              <span className="text-sm font-medium">{taskStats.done}</span>
+                           </div>
+                        </div>
+                        <Separator />
+                        <div className="flex justify-between items-center font-medium">
+                           <span>Total Progress</span>
+                           <span>{progress}%</span>
+                        </div>
+                        <Progress value={progress} />
+                     </CardContent>
+                  </Card>
+               </div>
+
+               <Card>
+                  <CardHeader>
+                     <CardTitle>🔑 Role Permissions</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        {Object.entries(roleConfig).map(([role, config]) => {
+                           const IconComponent = config.icon;
+                           const isCurrentRole = member.role === role;
+                           return (
+                              <div
+                                 key={role}
+                                 className={`p-4 border rounded-lg ${
+                                    isCurrentRole
+                                       ? 'border-blue-500 bg-blue-50 dark:bg-blue-950/20'
+                                       : 'border-gray-200'
+                                 }`}
+                              >
+                                 <div className="flex items-center gap-3">
+                                    <IconComponent
+                                       className={`h-5 w-5 ${isCurrentRole ? 'text-blue-500' : 'text-gray-400'}`}
+                                    />
+                                    <div>
+                                       <h4
+                                          className={`font-medium ${isCurrentRole ? 'text-blue-700 dark:text-blue-300' : ''}`}
+                                       >
+                                          {config.label}
+                                       </h4>
+                                       <p className="text-sm text-muted-foreground">
+                                          {config.description}
+                                       </p>
+                                    </div>
+                                    {isCurrentRole && (
+                                       <Badge
+                                          variant="outline"
+                                          className="border-blue-500 text-blue-700 dark:text-blue-300"
+                                       >
+                                          Current
+                                       </Badge>
+                                    )}
+                                 </div>
+                              </div>
+                           );
+                        })}
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="tasks" className="space-y-4">
+               <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">📋 Assigned Tasks ({taskStats.total})</h3>
+                  <Button variant="outline" size="sm">
+                     <CheckSquare className="h-4 w-4 mr-2" />
+                     View All Tasks
+                  </Button>
+               </div>
+
+               <div className="space-y-3">
+                  {assignedTasks.length > 0 ? (
+                     assignedTasks.map(renderTaskItem)
+                  ) : (
+                     <div className="text-center py-8">
+                        <CheckSquare className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
+                        <h4 className="font-medium mb-2">No tasks assigned</h4>
+                        <p className="text-muted-foreground mb-4">
+                           This member hasn't been assigned any tasks yet
+                        </p>
+                        <Button variant="outline">
+                           <CheckSquare className="h-4 w-4 mr-2" />
+                           Assign Tasks
+                        </Button>
+                     </div>
+                  )}
+               </div>
+            </TabsContent>
+
+            <TabsContent value="activity" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>📝 Recent Activity</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="text-center py-8 text-muted-foreground">
+                        <Clock className="h-12 w-12 mx-auto mb-4" />
+                        <p>Activity tracking coming soon</p>
+                        <p className="text-sm">
+                           Track member actions, task updates, and contributions
+                        </p>
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/campaigns/members/campaign-members-page.tsx b/components/campaigns/members/campaign-members-page.tsx
new file mode 100644
index 00000000..13431f33
--- /dev/null
+++ b/components/campaigns/members/campaign-members-page.tsx
@@ -0,0 +1,403 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { toast } from 'sonner';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import {
+   Dialog,
+   DialogContent,
+   DialogDescription,
+   DialogFooter,
+   DialogHeader,
+   DialogTitle,
+} from '@/components/ui/dialog';
+import { Plus, Search, UserPlus, Mail, Phone, MapPin, Settings, Trash2 } from 'lucide-react';
+import type { Campaign, CampaignMember, AddMemberData } from '@/types/campaign';
+
+interface CampaignMembersPageProps {
+   orgId: string;
+   campaignId: string;
+   campaign: Campaign;
+}
+
+const memberRoleConfig = {
+   OWNER: { label: 'Owner', color: 'bg-purple-500', description: 'Full campaign control' },
+   MANAGER: { label: 'Manager', color: 'bg-blue-500', description: 'Manage tasks and members' },
+   ADMIN: { label: 'Admin', color: 'bg-green-500', description: 'Edit campaign details' },
+   MEMBER: { label: 'Member', color: 'bg-gray-500', description: 'View and contribute' },
+   VIEWER: { label: 'Viewer', color: 'bg-slate-500', description: 'Read-only access' },
+};
+
+export function CampaignMembersPage({ orgId, campaignId, campaign }: CampaignMembersPageProps) {
+   const router = useRouter();
+   const [members, setMembers] = useState<CampaignMember[]>([]);
+   const [loading, setLoading] = useState(true);
+   const [showAddMemberModal, setShowAddMemberModal] = useState(false);
+   const [searchTerm, setSearchTerm] = useState('');
+   const [roleFilter, setRoleFilter] = useState<string>('all');
+   const [newMemberData, setNewMemberData] = useState({
+      userId: '',
+      role: 'MEMBER' as CampaignMember['role'],
+   });
+
+   useEffect(() => {
+      fetchMembers();
+   }, [orgId, campaignId]);
+
+   const fetchMembers = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns/${campaignId}/members`);
+         if (!response.ok) {
+            throw new Error('Failed to fetch members');
+         }
+         const data = await response.json();
+         setMembers(data.members || []);
+      } catch (error) {
+         console.error('Error fetching members:', error);
+         toast.error('Failed to fetch members');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleAddMember = async () => {
+      if (!newMemberData.userId) {
+         toast.error('Please select a user');
+         return;
+      }
+
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns/${campaignId}/members`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(newMemberData),
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to add member');
+         }
+
+         const newMember = await response.json();
+         setMembers((prev) => [...prev, newMember.member]);
+         setShowAddMemberModal(false);
+         setNewMemberData({ userId: '', role: 'MEMBER' });
+         toast.success('Member added successfully');
+      } catch (error) {
+         console.error('Error adding member:', error);
+         toast.error('Failed to add member');
+      }
+   };
+
+   const handleRemoveMember = async (memberId: string) => {
+      if (!confirm('Are you sure you want to remove this member?')) {
+         return;
+      }
+
+      try {
+         // TODO: Implement remove member API
+         toast.info('Remove member functionality coming soon');
+      } catch (error) {
+         console.error('Error removing member:', error);
+         toast.error('Failed to remove member');
+      }
+   };
+
+   const handleRoleChange = async (memberId: string, newRole: CampaignMember['role']) => {
+      try {
+         // TODO: Implement role change API
+         toast.info('Role change functionality coming soon');
+      } catch (error) {
+         console.error('Error changing role:', error);
+         toast.error('Failed to change role');
+      }
+   };
+
+   const filteredMembers = members.filter((member) => {
+      const matchesSearch =
+         member.user.name?.toLowerCase().includes(searchTerm.toLowerCase()) ||
+         member.user.email?.toLowerCase().includes(searchTerm.toLowerCase());
+      const matchesRole = roleFilter === 'all' || member.role === roleFilter;
+      return matchesSearch && matchesRole;
+   });
+
+   const getRoleStats = () => {
+      return members.reduce(
+         (acc, member) => {
+            acc[member.role] = (acc[member.role] || 0) + 1;
+            return acc;
+         },
+         {} as Record<string, number>
+      );
+   };
+
+   if (loading) {
+      return (
+         <div className="flex items-center justify-center min-h-[400px]">
+            <div className="text-center">
+               <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4"></div>
+               <p className="text-muted-foreground">Loading member management...</p>
+            </div>
+         </div>
+      );
+   }
+
+   return (
+      <div className="space-y-6">
+         {/* Page Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h1 className="text-3xl font-bold">Team Management</h1>
+               <p className="text-muted-foreground">
+                  Manage team members for campaign:{' '}
+                  <span className="font-medium">{campaign.title}</span>
+               </p>
+            </div>
+            <div className="flex items-center gap-2">
+               <Button onClick={() => setShowAddMemberModal(true)}>
+                  <UserPlus className="h-4 w-4 mr-2" />
+                  Add Member
+               </Button>
+               <Button
+                  variant="outline"
+                  onClick={() => router.push(`/${orgId}/campaigns/${campaignId}`)}
+               >
+                  Back to Campaign
+               </Button>
+            </div>
+         </div>
+
+         {/* Member Statistics */}
+         <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+            {Object.entries(memberRoleConfig).map(([role, config]) => {
+               const count = getRoleStats()[role] || 0;
+               return (
+                  <Card key={role}>
+                     <CardContent className="p-4">
+                        <div className="flex items-center gap-2">
+                           <div className={`w-3 h-3 ${config.color} rounded-full`} />
+                           <span className="text-sm font-medium">{config.label}</span>
+                        </div>
+                        <p className="text-2xl font-bold mt-1">{count}</p>
+                        <p className="text-xs text-muted-foreground">{config.description}</p>
+                     </CardContent>
+                  </Card>
+               );
+            })}
+         </div>
+
+         {/* Search and Filters */}
+         <div className="flex flex-col sm:flex-row gap-4">
+            <div className="flex-1">
+               <div className="relative">
+                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+                  <Input
+                     placeholder="Search members..."
+                     value={searchTerm}
+                     onChange={(e) => setSearchTerm(e.target.value)}
+                     className="pl-10"
+                  />
+               </div>
+            </div>
+
+            <Select value={roleFilter} onValueChange={setRoleFilter}>
+               <SelectTrigger className="w-32">
+                  <SelectValue placeholder="Role" />
+               </SelectTrigger>
+               <SelectContent>
+                  <SelectItem value="all">All Roles</SelectItem>
+                  {Object.entries(memberRoleConfig).map(([role, config]) => (
+                     <SelectItem key={role} value={role}>
+                        {config.label}
+                     </SelectItem>
+                  ))}
+               </SelectContent>
+            </Select>
+         </div>
+
+         {/* Members List */}
+         <Card>
+            <CardHeader>
+               <CardTitle>Team Members ({filteredMembers.length})</CardTitle>
+            </CardHeader>
+            <CardContent>
+               <div className="space-y-4">
+                  {filteredMembers.map((member) => (
+                     <div
+                        key={member.id}
+                        className="flex items-center justify-between p-4 border rounded-lg"
+                     >
+                        <div className="flex items-center gap-4">
+                           <Avatar className="h-12 w-12">
+                              <AvatarImage src={member.user.image || ''} />
+                              <AvatarFallback>
+                                 {member.user.name?.slice(0, 2).toUpperCase() || 'U'}
+                              </AvatarFallback>
+                           </Avatar>
+
+                           <div className="space-y-1">
+                              <div className="flex items-center gap-2">
+                                 <h4 className="font-medium">{member.user.name}</h4>
+                                 <Badge
+                                    className={`${memberRoleConfig[member.role].color} text-white`}
+                                 >
+                                    {memberRoleConfig[member.role].label}
+                                 </Badge>
+                              </div>
+
+                              <div className="flex items-center gap-4 text-sm text-muted-foreground">
+                                 {member.user.email && (
+                                    <div className="flex items-center gap-1">
+                                       <Mail className="h-3 w-3" />
+                                       {member.user.email}
+                                    </div>
+                                 )}
+                                 {member.user.phone && (
+                                    <div className="flex items-center gap-1">
+                                       <Phone className="h-3 w-3" />
+                                       {member.user.phone}
+                                    </div>
+                                 )}
+                              </div>
+                           </div>
+                        </div>
+
+                        <div className="flex items-center gap-2">
+                           <Select
+                              value={member.role}
+                              onValueChange={(value) =>
+                                 handleRoleChange(member.id, value as CampaignMember['role'])
+                              }
+                           >
+                              <SelectTrigger className="w-32">
+                                 <SelectValue />
+                              </SelectTrigger>
+                              <SelectContent>
+                                 {Object.entries(memberRoleConfig).map(([role, config]) => (
+                                    <SelectItem key={role} value={role}>
+                                       {config.label}
+                                    </SelectItem>
+                                 ))}
+                              </SelectContent>
+                           </Select>
+
+                           <Button
+                              variant="ghost"
+                              size="sm"
+                              onClick={() => handleRemoveMember(member.id)}
+                              className="text-red-600 hover:text-red-700"
+                           >
+                              <Trash2 className="h-4 w-4" />
+                           </Button>
+                        </div>
+                     </div>
+                  ))}
+
+                  {filteredMembers.length === 0 && (
+                     <div className="text-center py-12">
+                        <p className="text-muted-foreground">No members found</p>
+                        {searchTerm || roleFilter !== 'all' ? (
+                           <Button
+                              variant="outline"
+                              onClick={() => {
+                                 setSearchTerm('');
+                                 setRoleFilter('all');
+                              }}
+                           >
+                              Clear filters
+                           </Button>
+                        ) : (
+                           <Button onClick={() => setShowAddMemberModal(true)}>
+                              <UserPlus className="h-4 w-4 mr-2" />
+                              Add your first member
+                           </Button>
+                        )}
+                     </div>
+                  )}
+               </div>
+            </CardContent>
+         </Card>
+
+         {/* Add Member Modal */}
+         <Dialog open={showAddMemberModal} onOpenChange={setShowAddMemberModal}>
+            <DialogContent className="sm:max-w-[500px]">
+               <DialogHeader>
+                  <DialogTitle>Add Team Member</DialogTitle>
+                  <DialogDescription>Add a new member to the campaign team</DialogDescription>
+               </DialogHeader>
+
+               <div className="space-y-4">
+                  <div className="space-y-2">
+                     <Label htmlFor="userId">Select User</Label>
+                     <Select
+                        value={newMemberData.userId}
+                        onValueChange={(value) =>
+                           setNewMemberData((prev) => ({ ...prev, userId: value }))
+                        }
+                     >
+                        <SelectTrigger>
+                           <SelectValue placeholder="Choose a user to add" />
+                        </SelectTrigger>
+                        <SelectContent>
+                           {/* In a real app, you'd fetch available users from the organization */}
+                           <SelectItem value="user1">John Doe (john@example.com)</SelectItem>
+                           <SelectItem value="user2">Jane Smith (jane@example.com)</SelectItem>
+                           <SelectItem value="user3">Bob Johnson (bob@example.com)</SelectItem>
+                        </SelectContent>
+                     </Select>
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="role">Role</Label>
+                     <Select
+                        value={newMemberData.role}
+                        onValueChange={(value) =>
+                           setNewMemberData((prev) => ({
+                              ...prev,
+                              role: value as CampaignMember['role'],
+                           }))
+                        }
+                     >
+                        <SelectTrigger>
+                           <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                           {Object.entries(memberRoleConfig).map(([role, config]) => (
+                              <SelectItem key={role} value={role}>
+                                 <div className="flex items-center gap-2">
+                                    <span>{config.label}</span>
+                                    <span className="text-xs text-muted-foreground">
+                                       ({config.description})
+                                    </span>
+                                 </div>
+                              </SelectItem>
+                           ))}
+                        </SelectContent>
+                     </Select>
+                  </div>
+               </div>
+
+               <DialogFooter>
+                  <Button variant="outline" onClick={() => setShowAddMemberModal(false)}>
+                     Cancel
+                  </Button>
+                  <Button onClick={handleAddMember}>Add Member</Button>
+               </DialogFooter>
+            </DialogContent>
+         </Dialog>
+      </div>
+   );
+}
diff --git a/components/campaigns/members/index.ts b/components/campaigns/members/index.ts
new file mode 100644
index 00000000..0aefb66b
--- /dev/null
+++ b/components/campaigns/members/index.ts
@@ -0,0 +1 @@
+export { CampaignMembersPage } from './campaign-members-page';
diff --git a/components/campaigns/milestone-detail-view.tsx b/components/campaigns/milestone-detail-view.tsx
new file mode 100644
index 00000000..40b542ce
--- /dev/null
+++ b/components/campaigns/milestone-detail-view.tsx
@@ -0,0 +1,564 @@
+'use client';
+
+import { useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Progress } from '@/components/ui/progress';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Separator } from '@/components/ui/separator';
+import {
+   DropdownMenu,
+   DropdownMenuContent,
+   DropdownMenuItem,
+   DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import {
+   MoreHorizontal,
+   Edit,
+   Trash2,
+   Calendar,
+   CheckSquare,
+   Target,
+   Clock,
+   Users,
+   ArrowLeft,
+   Flag,
+   TrendingUp,
+   AlertCircle,
+} from 'lucide-react';
+import type { CampaignMilestone, CampaignTask } from '@/types/campaign';
+
+interface MilestoneDetailViewProps {
+   milestone: CampaignMilestone;
+   onUpdate: (milestoneId: string, data: Partial<CampaignMilestone>) => void;
+   onDelete: (milestoneId: string) => void;
+   onBack: () => void;
+   onEdit: () => void;
+}
+
+const milestoneStatusConfig = {
+   PENDING: { label: 'Pending', color: 'bg-gray-500', icon: '⏳' },
+   IN_PROGRESS: { label: 'In Progress', color: 'bg-blue-500', icon: '🔄' },
+   COMPLETED: { label: 'Completed', color: 'bg-green-500', icon: '✅' },
+   OVERDUE: { label: 'Overdue', color: 'bg-red-500', icon: '⚠️' },
+};
+
+export function MilestoneDetailView({
+   milestone,
+   onUpdate,
+   onDelete,
+   onBack,
+   onEdit,
+}: MilestoneDetailViewProps) {
+   const [activeTab, setActiveTab] = useState('overview');
+
+   const formatDate = (date: Date | string | null) => {
+      if (!date) return 'Not set';
+      return new Date(date).toLocaleDateString('en-US', {
+         year: 'numeric',
+         month: 'long',
+         day: 'numeric',
+      });
+   };
+
+   const getMilestoneStatus = () => {
+      const now = new Date();
+      const targetDate = new Date(milestone.targetDate);
+
+      if (milestone.completedAt) {
+         return 'COMPLETED';
+      } else if (now > targetDate) {
+         return 'OVERDUE';
+      } else if (milestone.startedAt) {
+         return 'IN_PROGRESS';
+      } else {
+         return 'PENDING';
+      }
+   };
+
+   const calculateProgress = () => {
+      const tasks = milestone.tasks || [];
+      if (tasks.length === 0) return 0;
+      const completedTasks = tasks.filter((task) => task.status === 'DONE').length;
+      return Math.round((completedTasks / tasks.length) * 100);
+   };
+
+   const getTaskStats = () => {
+      const tasks = milestone.tasks || [];
+      return {
+         total: tasks.length,
+         todo: tasks.filter((task) => task.status === 'TODO').length,
+         inProgress: tasks.filter((task) => task.status === 'IN_PROGRESS').length,
+         review: tasks.filter((task) => task.status === 'REVIEW').length,
+         done: tasks.filter((task) => task.status === 'DONE').length,
+         cancelled: tasks.filter((task) => task.status === 'CANCELLED').length,
+      };
+   };
+
+   const getDaysRemaining = () => {
+      if (milestone.completedAt) return 0;
+      const now = new Date();
+      const targetDate = new Date(milestone.targetDate);
+      const diffTime = targetDate.getTime() - now.getTime();
+      const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+      return Math.max(0, diffDays);
+   };
+
+   const renderStatusBadge = (status: string) => {
+      const config = milestoneStatusConfig[status as keyof typeof milestoneStatusConfig];
+      return (
+         <Badge className={`${config.color} text-white`}>
+            {config.icon} {config.label}
+         </Badge>
+      );
+   };
+
+   const renderTaskItem = (task: CampaignTask) => {
+      const config = {
+         TODO: { label: 'To Do', color: 'bg-gray-500', icon: '⏳' },
+         IN_PROGRESS: { label: 'In Progress', color: 'bg-blue-500', icon: '🔄' },
+         REVIEW: { label: 'Review', color: 'bg-yellow-500', icon: '👀' },
+         DONE: { label: 'Done', color: 'bg-green-500', icon: '✅' },
+         CANCELLED: { label: 'Cancelled', color: 'bg-red-500', icon: '❌' },
+      }[task.status];
+
+      return (
+         <div key={task.id} className="flex items-center justify-between p-3 border rounded-lg">
+            <div className="flex items-center gap-3">
+               <span>{config.icon}</span>
+               <div>
+                  <h4 className="font-medium">{task.title}</h4>
+                  {task.description && (
+                     <p className="text-sm text-muted-foreground">{task.description}</p>
+                  )}
+               </div>
+            </div>
+            <div className="flex items-center gap-2">
+               {task.assignee && (
+                  <Avatar className="h-6 w-6">
+                     <AvatarImage src={task.assignee.image || ''} />
+                     <AvatarFallback className="text-xs">
+                        {task.assignee.name?.slice(0, 2).toUpperCase() || 'U'}
+                     </AvatarFallback>
+                  </Avatar>
+               )}
+               <Badge variant="outline" className={`${config.color} text-white border-0 text-xs`}>
+                  {config.label}
+               </Badge>
+               {task.dueDate && (
+                  <span className="text-xs text-muted-foreground">
+                     Due {formatDate(task.dueDate)}
+                  </span>
+               )}
+            </div>
+         </div>
+      );
+   };
+
+   const currentStatus = getMilestoneStatus();
+   const taskStats = getTaskStats();
+   const progress = calculateProgress();
+   const daysRemaining = getDaysRemaining();
+
+   return (
+      <div className="space-y-6">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div className="flex items-center gap-4">
+               <Button variant="ghost" size="sm" onClick={onBack}>
+                  <ArrowLeft className="h-4 w-4 mr-2" />
+                  Back to Campaign
+               </Button>
+               <Separator orientation="vertical" className="h-6" />
+               <div>
+                  <h1 className="text-2xl font-bold">{milestone.title}</h1>
+                  <div className="flex items-center gap-2 mt-1">
+                     {renderStatusBadge(currentStatus)}
+                     <span className="text-muted-foreground">•</span>
+                     <span className="text-muted-foreground">
+                        Due {formatDate(milestone.targetDate)}
+                     </span>
+                     {daysRemaining > 0 && (
+                        <>
+                           <span className="text-muted-foreground">•</span>
+                           <span className="text-muted-foreground">
+                              {daysRemaining} days remaining
+                           </span>
+                        </>
+                     )}
+                  </div>
+               </div>
+            </div>
+            <div className="flex items-center gap-2">
+               <Button variant="outline" onClick={onEdit}>
+                  <Edit className="h-4 w-4 mr-2" />
+                  Edit
+               </Button>
+               <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                     <Button variant="outline" size="sm">
+                        <MoreHorizontal className="h-4 w-4" />
+                     </Button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                     <DropdownMenuItem onClick={onEdit}>Edit Milestone</DropdownMenuItem>
+                     <DropdownMenuItem
+                        onClick={() => onDelete(milestone.id)}
+                        className="text-destructive"
+                     >
+                        Delete Milestone
+                     </DropdownMenuItem>
+                  </DropdownMenuContent>
+               </DropdownMenu>
+            </div>
+         </div>
+
+         {/* Overview Cards */}
+         <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <CheckSquare className="h-5 w-5 text-blue-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Progress</p>
+                        <p className="text-xl font-bold">{progress}%</p>
+                     </div>
+                  </div>
+                  <Progress value={progress} className="mt-2" />
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Target className="h-5 w-5 text-green-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Tasks</p>
+                        <p className="text-xl font-bold">{taskStats.total}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Calendar className="h-5 w-5 text-purple-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Days Left</p>
+                        <p
+                           className={`text-xl font-bold ${daysRemaining <= 3 ? 'text-red-500' : ''}`}
+                        >
+                           {daysRemaining}
+                        </p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Users className="h-5 w-5 text-orange-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Team Members</p>
+                        <p className="text-xl font-bold">{milestone.teamMembers?.length || 0}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Tabs */}
+         <Tabs value={activeTab} onValueChange={setActiveTab}>
+            <TabsList>
+               <TabsTrigger value="overview">Overview</TabsTrigger>
+               <TabsTrigger value="tasks">Tasks ({taskStats.total})</TabsTrigger>
+               <TabsTrigger value="timeline">Timeline</TabsTrigger>
+               <TabsTrigger value="team">Team</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="overview" className="space-y-6">
+               <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>📋 Milestone Information</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        {milestone.description && (
+                           <div>
+                              <h4 className="font-medium mb-2">Description</h4>
+                              <p className="text-muted-foreground">{milestone.description}</p>
+                           </div>
+                        )}
+                        <div className="space-y-2">
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Status:</span>
+                              {renderStatusBadge(currentStatus)}
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Target Date:</span>
+                              <span>{formatDate(milestone.targetDate)}</span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Started:</span>
+                              <span>
+                                 {milestone.startedAt
+                                    ? formatDate(milestone.startedAt)
+                                    : 'Not started'}
+                              </span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Completed:</span>
+                              <span>
+                                 {milestone.completedAt
+                                    ? formatDate(milestone.completedAt)
+                                    : 'Not completed'}
+                              </span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Created:</span>
+                              <span>{formatDate(milestone.createdAt)}</span>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>📊 Task Progress</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-3">
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">To Do</span>
+                              <span className="text-sm font-medium">{taskStats.todo}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">In Progress</span>
+                              <span className="text-sm font-medium">{taskStats.inProgress}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Review</span>
+                              <span className="text-sm font-medium">{taskStats.review}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Done</span>
+                              <span className="text-sm font-medium">{taskStats.done}</span>
+                           </div>
+                        </div>
+                        <Separator />
+                        <div className="flex justify-between items-center font-medium">
+                           <span>Total Progress</span>
+                           <span>{progress}%</span>
+                        </div>
+                        <Progress value={progress} />
+                     </CardContent>
+                  </Card>
+               </div>
+
+               {/* Timeline Overview */}
+               <Card>
+                  <CardHeader>
+                     <CardTitle>⏰ Timeline Overview</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="space-y-4">
+                        <div className="flex items-center justify-between">
+                           <div className="flex items-center gap-3">
+                              <div className="w-3 h-3 bg-gray-400 rounded-full"></div>
+                              <span className="text-sm text-muted-foreground">Created</span>
+                           </div>
+                           <span className="text-sm font-medium">
+                              {formatDate(milestone.createdAt)}
+                           </span>
+                        </div>
+
+                        {milestone.startedAt && (
+                           <div className="flex items-center justify-between">
+                              <div className="flex items-center gap-3">
+                                 <div className="w-3 h-3 bg-blue-500 rounded-full"></div>
+                                 <span className="text-sm text-muted-foreground">Started</span>
+                              </div>
+                              <span className="text-sm font-medium">
+                                 {formatDate(milestone.startedAt)}
+                              </span>
+                           </div>
+                        )}
+
+                        <div className="flex items-center justify-between">
+                           <div className="flex items-center gap-3">
+                              <div className="w-3 h-3 bg-green-500 rounded-full"></div>
+                              <span className="text-sm text-muted-foreground">Target</span>
+                           </div>
+                           <span className="text-sm font-medium">
+                              {formatDate(milestone.targetDate)}
+                           </span>
+                        </div>
+
+                        {milestone.completedAt && (
+                           <div className="flex items-center justify-between">
+                              <div className="flex items-center gap-3">
+                                 <div className="w-3 h-3 bg-purple-500 rounded-full"></div>
+                                 <span className="text-sm text-muted-foreground">Completed</span>
+                              </div>
+                              <span className="text-sm font-medium">
+                                 {formatDate(milestone.completedAt)}
+                              </span>
+                           </div>
+                        )}
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="tasks" className="space-y-4">
+               <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">📋 Milestone Tasks ({taskStats.total})</h3>
+                  <Button variant="outline" size="sm">
+                     <CheckSquare className="h-4 w-4 mr-2" />
+                     Add Task
+                  </Button>
+               </div>
+
+               <div className="space-y-3">
+                  {milestone.tasks && milestone.tasks.length > 0 ? (
+                     milestone.tasks.map(renderTaskItem)
+                  ) : (
+                     <div className="text-center py-8">
+                        <CheckSquare className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
+                        <h4 className="font-medium mb-2">No tasks yet</h4>
+                        <p className="text-muted-foreground mb-4">
+                           Add tasks to track progress on this milestone
+                        </p>
+                        <Button variant="outline">
+                           <CheckSquare className="h-4 w-4 mr-2" />
+                           Add First Task
+                        </Button>
+                     </div>
+                  )}
+               </div>
+            </TabsContent>
+
+            <TabsContent value="timeline" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>📅 Detailed Timeline</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="space-y-6">
+                        <div className="flex items-center gap-4">
+                           <div className="flex-shrink-0">
+                              <div className="w-4 h-4 bg-gray-400 rounded-full"></div>
+                           </div>
+                           <div className="flex-1">
+                              <h4 className="font-medium">Milestone Created</h4>
+                              <p className="text-sm text-muted-foreground">
+                                 {formatDate(milestone.createdAt)}
+                              </p>
+                           </div>
+                        </div>
+
+                        {milestone.startedAt && (
+                           <div className="flex items-center gap-4">
+                              <div className="flex-shrink-0">
+                                 <div className="w-4 h-4 bg-blue-500 rounded-full"></div>
+                              </div>
+                              <div className="flex-1">
+                                 <h4 className="font-medium">Work Started</h4>
+                                 <p className="text-sm text-muted-foreground">
+                                    {formatDate(milestone.startedAt)}
+                                 </p>
+                              </div>
+                           </div>
+                        )}
+
+                        <div className="flex items-center gap-4">
+                           <div className="flex-shrink-0">
+                              <div className="w-4 h-4 bg-green-500 rounded-full"></div>
+                           </div>
+                           <div className="flex-1">
+                              <h4 className="font-medium">Target Completion</h4>
+                              <p className="text-sm text-muted-foreground">
+                                 {formatDate(milestone.targetDate)}
+                              </p>
+                              {daysRemaining > 0 && (
+                                 <p className="text-sm text-muted-foreground">
+                                    {daysRemaining} days remaining
+                                 </p>
+                              )}
+                           </div>
+                        </div>
+
+                        {milestone.completedAt && (
+                           <div className="flex items-center gap-4">
+                              <div className="flex-shrink-0">
+                                 <div className="w-4 h-4 bg-purple-500 rounded-full"></div>
+                              </div>
+                              <div className="flex-1">
+                                 <h4 className="font-medium">Milestone Completed</h4>
+                                 <p className="text-sm text-muted-foreground">
+                                    {formatDate(milestone.completedAt)}
+                                 </p>
+                              </div>
+                           </div>
+                        )}
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="team" className="space-y-4">
+               <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">
+                     👥 Team Members ({milestone.teamMembers?.length || 0})
+                  </h3>
+                  <Button variant="outline" size="sm">
+                     <Users className="h-4 w-4 mr-2" />
+                     Add Member
+                  </Button>
+               </div>
+
+               {milestone.teamMembers && milestone.teamMembers.length > 0 ? (
+                  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                     {milestone.teamMembers.map((member: any) => (
+                        <Card key={member.id}>
+                           <CardContent className="p-4">
+                              <div className="flex items-center gap-3">
+                                 <Avatar className="h-10 w-10">
+                                    <AvatarImage src={member.user?.image || ''} />
+                                    <AvatarFallback>
+                                       {member.user?.name?.slice(0, 2).toUpperCase() || 'U'}
+                                    </AvatarFallback>
+                                 </Avatar>
+                                 <div>
+                                    <h4 className="font-medium">
+                                       {member.user?.name || 'Unknown'}
+                                    </h4>
+                                    <p className="text-sm text-muted-foreground">{member.role}</p>
+                                 </div>
+                              </div>
+                           </CardContent>
+                        </Card>
+                     ))}
+                  </div>
+               ) : (
+                  <div className="text-center py-8">
+                     <Users className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
+                     <h4 className="font-medium mb-2">No team members assigned</h4>
+                     <p className="text-muted-foreground mb-4">
+                        Assign team members to work on this milestone
+                     </p>
+                     <Button variant="outline">
+                        <Users className="h-4 w-4 mr-2" />
+                        Add First Member
+                     </Button>
+                  </div>
+               )}
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/campaigns/task-detail-view.tsx b/components/campaigns/task-detail-view.tsx
new file mode 100644
index 00000000..9ba8ec1c
--- /dev/null
+++ b/components/campaigns/task-detail-view.tsx
@@ -0,0 +1,416 @@
+'use client';
+
+import { useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Progress } from '@/components/ui/progress';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Separator } from '@/components/ui/separator';
+import {
+   DropdownMenu,
+   DropdownMenuContent,
+   DropdownMenuItem,
+   DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import {
+   MoreHorizontal,
+   Edit,
+   Trash2,
+   Plus,
+   CheckSquare,
+   Clock,
+   User,
+   Calendar,
+   Flag,
+   MessageSquare,
+   FileText,
+   ArrowLeft,
+} from 'lucide-react';
+import type { CampaignTask } from '@/types/campaign';
+
+interface TaskDetailViewProps {
+   task: CampaignTask;
+   onUpdate: (taskId: string, data: Partial<CampaignTask>) => void;
+   onDelete: (taskId: string) => void;
+   onBack: () => void;
+   onEdit: () => void;
+   onAddSubtask: (parentTaskId: string) => void;
+}
+
+const taskStatusConfig = {
+   TODO: { label: 'To Do', color: 'bg-gray-500', icon: '⏳' },
+   IN_PROGRESS: { label: 'In Progress', color: 'bg-blue-500', icon: '🔄' },
+   REVIEW: { label: 'Review', color: 'bg-yellow-500', icon: '👀' },
+   DONE: { label: 'Done', color: 'bg-green-500', icon: '✅' },
+   CANCELLED: { label: 'Cancelled', color: 'bg-red-500', icon: '❌' },
+};
+
+const taskPriorityConfig = {
+   NO_PRIORITY: { label: 'No Priority', color: 'bg-gray-400' },
+   LOW: { label: 'Low', color: 'bg-green-400' },
+   MEDIUM: { label: 'Medium', color: 'bg-yellow-400' },
+   HIGH: { label: 'High', color: 'bg-orange-400' },
+   URGENT: { label: 'Urgent', color: 'bg-red-500' },
+};
+
+export function TaskDetailView({
+   task,
+   onUpdate,
+   onDelete,
+   onBack,
+   onEdit,
+   onAddSubtask,
+}: TaskDetailViewProps) {
+   const [activeTab, setActiveTab] = useState('overview');
+
+   const formatDate = (date: Date | string | null) => {
+      if (!date) return 'Not set';
+      return new Date(date).toLocaleDateString('en-US', {
+         year: 'numeric',
+         month: 'long',
+         day: 'numeric',
+      });
+   };
+
+   const calculateProgress = () => {
+      const subtasks = task.subtasks || [];
+      if (subtasks.length === 0) return 0;
+      const completedSubtasks = subtasks.filter((subtask) => subtask.status === 'DONE').length;
+      return Math.round((completedSubtasks / subtasks.length) * 100);
+   };
+
+   const getSubtaskStats = () => {
+      const subtasks = task.subtasks || [];
+      return {
+         total: subtasks.length,
+         todo: subtasks.filter((subtask) => subtask.status === 'TODO').length,
+         inProgress: subtasks.filter((subtask) => subtask.status === 'IN_PROGRESS').length,
+         review: subtasks.filter((subtask) => subtask.status === 'REVIEW').length,
+         done: subtasks.filter((subtask) => subtask.status === 'DONE').length,
+         cancelled: subtasks.filter((subtask) => subtask.status === 'CANCELLED').length,
+      };
+   };
+
+   const renderStatusBadge = (status: CampaignTask['status']) => {
+      const config = taskStatusConfig[status];
+      return (
+         <Badge className={`${config.color} text-white`}>
+            {config.icon} {config.label}
+         </Badge>
+      );
+   };
+
+   const renderPriorityBadge = (priority: CampaignTask['priority']) => {
+      if (priority === 'NO_PRIORITY')
+         return <span className="text-muted-foreground">No Priority</span>;
+      const config = taskPriorityConfig[priority];
+      return (
+         <Badge variant="outline" className={`${config.color} text-white border-0`}>
+            <Flag className="h-3 w-3 mr-1" />
+            {config.label}
+         </Badge>
+      );
+   };
+
+   const renderSubtaskItem = (subtask: CampaignTask) => {
+      const config = taskStatusConfig[subtask.status];
+      return (
+         <div key={subtask.id} className="flex items-center justify-between p-3 border rounded-lg">
+            <div className="flex items-center gap-3">
+               <span>{config.icon}</span>
+               <div>
+                  <h4 className="font-medium">{subtask.title}</h4>
+                  {subtask.description && (
+                     <p className="text-sm text-muted-foreground">{subtask.description}</p>
+                  )}
+               </div>
+            </div>
+            <div className="flex items-center gap-2">
+               {subtask.assignee && (
+                  <Avatar className="h-6 w-6">
+                     <AvatarImage src={subtask.assignee.image || ''} />
+                     <AvatarFallback className="text-xs">
+                        {subtask.assignee.name?.slice(0, 2).toUpperCase() || 'U'}
+                     </AvatarFallback>
+                  </Avatar>
+               )}
+               <Badge variant="outline" className={`${config.color} text-white border-0 text-xs`}>
+                  {config.label}
+               </Badge>
+               <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                     <Button variant="ghost" size="sm" className="h-8 w-8 p-0">
+                        <MoreHorizontal className="h-4 w-4" />
+                     </Button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                     <DropdownMenuItem onClick={() => onUpdate(subtask.id, { status: 'DONE' })}>
+                        Mark as Done
+                     </DropdownMenuItem>
+                     <DropdownMenuItem
+                        onClick={() => onDelete(subtask.id)}
+                        className="text-destructive"
+                     >
+                        Delete Subtask
+                     </DropdownMenuItem>
+                  </DropdownMenuContent>
+               </DropdownMenu>
+            </div>
+         </div>
+      );
+   };
+
+   const subtaskStats = getSubtaskStats();
+   const progress = calculateProgress();
+
+   return (
+      <div className="space-y-6">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div className="flex items-center gap-4">
+               <Button variant="ghost" size="sm" onClick={onBack}>
+                  <ArrowLeft className="h-4 w-4 mr-2" />
+                  Back to Campaign
+               </Button>
+               <Separator orientation="vertical" className="h-6" />
+               <div>
+                  <h1 className="text-2xl font-bold">{task.title}</h1>
+                  <div className="flex items-center gap-2 mt-1">
+                     {renderStatusBadge(task.status)}
+                     <span className="text-muted-foreground">•</span>
+                     {renderPriorityBadge(task.priority)}
+                     {task.dueDate && (
+                        <>
+                           <span className="text-muted-foreground">•</span>
+                           <span className="text-muted-foreground">
+                              Due {formatDate(task.dueDate)}
+                           </span>
+                        </>
+                     )}
+                  </div>
+               </div>
+            </div>
+            <div className="flex items-center gap-2">
+               <Button variant="outline" onClick={onEdit}>
+                  <Edit className="h-4 w-4 mr-2" />
+                  Edit
+               </Button>
+               <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                     <Button variant="outline" size="sm">
+                        <MoreHorizontal className="h-4 w-4" />
+                     </Button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                     <DropdownMenuItem onClick={onEdit}>Edit Task</DropdownMenuItem>
+                     <DropdownMenuItem
+                        onClick={() => onDelete(task.id)}
+                        className="text-destructive"
+                     >
+                        Delete Task
+                     </DropdownMenuItem>
+                  </DropdownMenuContent>
+               </DropdownMenu>
+            </div>
+         </div>
+
+         {/* Overview Cards */}
+         <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <CheckSquare className="h-5 w-5 text-blue-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Progress</p>
+                        <p className="text-xl font-bold">{progress}%</p>
+                     </div>
+                  </div>
+                  <Progress value={progress} className="mt-2" />
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <FileText className="h-5 w-5 text-green-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Subtasks</p>
+                        <p className="text-xl font-bold">{subtaskStats.total}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <User className="h-5 w-5 text-purple-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Assignee</p>
+                        <p className="text-sm font-medium">
+                           {task.assignee ? task.assignee.name : 'Unassigned'}
+                        </p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Calendar className="h-5 w-5 text-orange-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Due Date</p>
+                        <p className="text-sm font-medium">
+                           {task.dueDate ? formatDate(task.dueDate) : 'Not set'}
+                        </p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Tabs */}
+         <Tabs value={activeTab} onValueChange={setActiveTab}>
+            <TabsList>
+               <TabsTrigger value="overview">Overview</TabsTrigger>
+               <TabsTrigger value="subtasks">Subtasks ({subtaskStats.total})</TabsTrigger>
+               <TabsTrigger value="activity">Activity</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="overview" className="space-y-6">
+               <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>📋 Task Information</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        {task.description && (
+                           <div>
+                              <h4 className="font-medium mb-2">Description</h4>
+                              <p className="text-muted-foreground">{task.description}</p>
+                           </div>
+                        )}
+                        <div className="space-y-2">
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Status:</span>
+                              {renderStatusBadge(task.status)}
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Priority:</span>
+                              {renderPriorityBadge(task.priority)}
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Assignee:</span>
+                              <span>
+                                 {task.assignee ? (
+                                    <div className="flex items-center gap-2">
+                                       <Avatar className="h-6 w-6">
+                                          <AvatarImage src={task.assignee.image || ''} />
+                                          <AvatarFallback className="text-xs">
+                                             {task.assignee.name?.slice(0, 2).toUpperCase() || 'U'}
+                                          </AvatarFallback>
+                                       </Avatar>
+                                       <span>{task.assignee.name}</span>
+                                    </div>
+                                 ) : (
+                                    'Unassigned'
+                                 )}
+                              </span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Due Date:</span>
+                              <span>{formatDate(task.dueDate)}</span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Created:</span>
+                              <span>{formatDate(task.createdAt)}</span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Updated:</span>
+                              <span>{formatDate(task.updatedAt)}</span>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>📊 Subtask Progress</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-3">
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">To Do</span>
+                              <span className="text-sm font-medium">{subtaskStats.todo}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">In Progress</span>
+                              <span className="text-sm font-medium">{subtaskStats.inProgress}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Review</span>
+                              <span className="text-sm font-medium">{subtaskStats.review}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Done</span>
+                              <span className="text-sm font-medium">{subtaskStats.done}</span>
+                           </div>
+                        </div>
+                        <Separator />
+                        <div className="flex justify-between items-center font-medium">
+                           <span>Total Progress</span>
+                           <span>{progress}%</span>
+                        </div>
+                        <Progress value={progress} />
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+
+            <TabsContent value="subtasks" className="space-y-4">
+               <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">📋 Subtasks ({subtaskStats.total})</h3>
+                  <Button onClick={() => onAddSubtask(task.id)}>
+                     <Plus className="h-4 w-4 mr-2" />
+                     Add Subtask
+                  </Button>
+               </div>
+               <div className="space-y-3">
+                  {task.subtasks && task.subtasks.length > 0 ? (
+                     task.subtasks.map(renderSubtaskItem)
+                  ) : (
+                     <div className="text-center py-8">
+                        <h4 className="font-medium mb-2">No subtasks yet</h4>
+                        <p className="text-muted-foreground mb-4">
+                           Add subtasks to break down this task into smaller components
+                        </p>
+                        <Button onClick={() => onAddSubtask(task.id)}>
+                           <Plus className="h-4 w-4 mr-2" />
+                           Add First Subtask
+                        </Button>
+                     </div>
+                  )}
+               </div>
+            </TabsContent>
+
+            <TabsContent value="activity" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>📝 Activity Log</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="text-center py-8 text-muted-foreground">
+                        <MessageSquare className="h-12 w-12 mx-auto mb-4" />
+                        <p>Activity tracking coming soon</p>
+                        <p className="text-sm">Track comments, status changes, and updates</p>
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/campaigns/task-management/index.ts b/components/campaigns/task-management/index.ts
new file mode 100644
index 00000000..8338ab8c
--- /dev/null
+++ b/components/campaigns/task-management/index.ts
@@ -0,0 +1,6 @@
+export { TaskBoard } from './task-board';
+export { TaskList } from './task-list';
+export { TaskAnalytics } from './task-analytics';
+export { TaskCreationModal } from './task-creation-modal';
+export { TaskManagementContainer } from './task-management-container';
+export { TaskManagementPage } from './task-management-page';
diff --git a/components/campaigns/task-management/task-analytics.tsx b/components/campaigns/task-management/task-analytics.tsx
new file mode 100644
index 00000000..17b283cd
--- /dev/null
+++ b/components/campaigns/task-management/task-analytics.tsx
@@ -0,0 +1,452 @@
+'use client';
+
+import { useMemo } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Progress } from '@/components/ui/progress';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { CheckSquare, Clock, TrendingUp, AlertTriangle, Users, Calendar } from 'lucide-react';
+import type { CampaignTask } from '@/types/campaign';
+
+interface TaskAnalyticsProps {
+   tasks: CampaignTask[];
+}
+
+export function TaskAnalytics({ tasks }: TaskAnalyticsProps) {
+   const analytics = useMemo(() => {
+      const totalTasks = tasks.length;
+      const completedTasks = tasks.filter((task) => task.status === 'DONE').length;
+      const inProgressTasks = tasks.filter((task) => task.status === 'IN_PROGRESS').length;
+      const overdueTasks = tasks.filter((task) => {
+         if (!task.dueDate) return false;
+         return new Date(task.dueDate) < new Date();
+      }).length;
+
+      const totalEstimatedHours = tasks.reduce((sum, task) => sum + (task.estimatedHours || 0), 0);
+      const completedHours = tasks
+         .filter((task) => task.status === 'DONE')
+         .reduce((sum, task) => sum + (task.estimatedHours || 0), 0);
+
+      const progressPercentage =
+         totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0;
+      const timeProgressPercentage =
+         totalEstimatedHours > 0 ? Math.round((completedHours / totalEstimatedHours) * 100) : 0;
+
+      // Status breakdown
+      const statusBreakdown = {
+         TODO: tasks.filter((task) => task.status === 'TODO').length,
+         IN_PROGRESS: tasks.filter((task) => task.status === 'IN_PROGRESS').length,
+         REVIEW: tasks.filter((task) => task.status === 'REVIEW').length,
+         DONE: tasks.filter((task) => task.status === 'DONE').length,
+         CANCELLED: tasks.filter((task) => task.status === 'CANCELLED').length,
+      };
+
+      // Priority breakdown
+      const priorityBreakdown = {
+         NO_PRIORITY: tasks.filter((task) => task.priority === 'NO_PRIORITY').length,
+         LOW: tasks.filter((task) => task.priority === 'LOW').length,
+         MEDIUM: tasks.filter((task) => task.priority === 'MEDIUM').length,
+         HIGH: tasks.filter((task) => task.priority === 'HIGH').length,
+         URGENT: tasks.filter((task) => task.priority === 'URGENT').length,
+      };
+
+      // Assignee workload
+      const assigneeWorkload = tasks.reduce(
+         (acc, task) => {
+            if (task.assignee) {
+               const assigneeId = task.assignee.id;
+               if (!acc[assigneeId]) {
+                  acc[assigneeId] = {
+                     name: task.assignee.name || 'Unknown',
+                     total: 0,
+                     completed: 0,
+                     inProgress: 0,
+                     overdue: 0,
+                  };
+               }
+               acc[assigneeId].total++;
+               if (task.status === 'DONE') acc[assigneeId].completed++;
+               if (task.status === 'IN_PROGRESS') acc[assigneeId].inProgress++;
+               if (task.dueDate && new Date(task.dueDate) < new Date()) {
+                  acc[assigneeId].overdue++;
+               }
+            }
+            return acc;
+         },
+         {} as Record<string, any>
+      );
+
+      // Timeline analysis
+      const now = new Date();
+      const nextWeek = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);
+      const nextMonth = new Date(now.getTime() + 30 * 24 * 60 * 60 * 1000);
+
+      const dueThisWeek = tasks.filter((task) => {
+         if (!task.dueDate) return false;
+         const dueDate = new Date(task.dueDate);
+         return dueDate >= now && dueDate <= nextWeek;
+      }).length;
+
+      const dueThisMonth = tasks.filter((task) => {
+         if (!task.dueDate) return false;
+         const dueDate = new Date(task.dueDate);
+         return dueDate >= now && dueDate <= nextMonth;
+      }).length;
+
+      return {
+         totalTasks,
+         completedTasks,
+         inProgressTasks,
+         overdueTasks,
+         totalEstimatedHours,
+         completedHours,
+         progressPercentage,
+         timeProgressPercentage,
+         statusBreakdown,
+         priorityBreakdown,
+         assigneeWorkload,
+         dueThisWeek,
+         dueThisMonth,
+      };
+   }, [tasks]);
+
+   const renderStatusBar = (status: string, count: number, total: number) => {
+      const percentage = total > 0 ? Math.round((count / total) * 100) : 0;
+      const colorMap: Record<string, string> = {
+         TODO: 'bg-gray-500',
+         IN_PROGRESS: 'bg-blue-500',
+         REVIEW: 'bg-yellow-500',
+         DONE: 'bg-green-500',
+         CANCELLED: 'bg-red-500',
+      };
+
+      return (
+         <div className="space-y-2">
+            <div className="flex justify-between items-center">
+               <span className="text-sm font-medium">{status}</span>
+               <span className="text-sm text-muted-foreground">{count} tasks</span>
+            </div>
+            <div className="w-full bg-gray-200 rounded-full h-2">
+               <div
+                  className={`h-2 rounded-full ${colorMap[status]}`}
+                  style={{ width: `${percentage}%` }}
+               />
+            </div>
+            <span className="text-xs text-muted-foreground">{percentage}%</span>
+         </div>
+      );
+   };
+
+   const renderPriorityBar = (priority: string, count: number, total: number) => {
+      const percentage = total > 0 ? Math.round((count / total) * 100) : 0;
+      const colorMap: Record<string, string> = {
+         NO_PRIORITY: 'bg-gray-400',
+         LOW: 'bg-green-400',
+         MEDIUM: 'bg-yellow-400',
+         HIGH: 'bg-orange-400',
+         URGENT: 'bg-red-500',
+      };
+
+      return (
+         <div className="space-y-2">
+            <div className="flex justify-between items-center">
+               <span className="text-sm font-medium">{priority.replace('_', ' ')}</span>
+               <span className="text-sm text-muted-foreground">{count} tasks</span>
+            </div>
+            <div className="w-full bg-gray-200 rounded-full h-2">
+               <div
+                  className={`h-2 rounded-full ${colorMap[priority]}`}
+                  style={{ width: `${percentage}%` }}
+               />
+            </div>
+            <span className="text-xs text-muted-foreground">{percentage}%</span>
+         </div>
+      );
+   };
+
+   return (
+      <div className="space-y-6">
+         <div>
+            <h2 className="text-2xl font-bold">Task Analytics</h2>
+            <p className="text-muted-foreground">Track progress and performance metrics</p>
+         </div>
+
+         {/* Overview Cards */}
+         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <CheckSquare className="h-5 w-5 text-blue-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Total Progress</p>
+                        <p className="text-xl font-bold">{analytics.progressPercentage}%</p>
+                     </div>
+                  </div>
+                  <Progress value={analytics.progressPercentage} className="mt-2" />
+                  <p className="text-xs text-muted-foreground mt-1">
+                     {analytics.completedTasks} of {analytics.totalTasks} tasks completed
+                  </p>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Clock className="h-5 w-5 text-green-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Time Progress</p>
+                        <p className="text-xl font-bold">{analytics.timeProgressPercentage}%</p>
+                     </div>
+                  </div>
+                  <Progress value={analytics.timeProgressPercentage} className="mt-2" />
+                  <p className="text-xs text-muted-foreground mt-1">
+                     {analytics.completedHours}h of {analytics.totalEstimatedHours}h completed
+                  </p>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <AlertTriangle className="h-5 w-5 text-red-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Overdue Tasks</p>
+                        <p className="text-xl font-bold">{analytics.overdueTasks}</p>
+                     </div>
+                  </div>
+                  <p className="text-xs text-muted-foreground mt-1">
+                     {analytics.overdueTasks > 0 ? 'Requires attention' : 'All on track'}
+                  </p>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <TrendingUp className="h-5 w-5 text-purple-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">In Progress</p>
+                        <p className="text-xl font-bold">{analytics.inProgressTasks}</p>
+                     </div>
+                  </div>
+                  <p className="text-xs text-muted-foreground mt-1">Currently being worked on</p>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Detailed Analytics */}
+         <Tabs defaultValue="overview" className="space-y-4">
+            <TabsList>
+               <TabsTrigger value="overview">Overview</TabsTrigger>
+               <TabsTrigger value="status">Status Breakdown</TabsTrigger>
+               <TabsTrigger value="priority">Priority Analysis</TabsTrigger>
+               <TabsTrigger value="workload">Team Workload</TabsTrigger>
+               <TabsTrigger value="timeline">Timeline</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="overview" className="space-y-6">
+               <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Task Status Distribution</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        {Object.entries(analytics.statusBreakdown).map(([status, count]) =>
+                           renderStatusBar(status, count, analytics.totalTasks)
+                        )}
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Priority Distribution</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        {Object.entries(analytics.priorityBreakdown).map(([priority, count]) =>
+                           renderPriorityBar(priority, count, analytics.totalTasks)
+                        )}
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+
+            <TabsContent value="status" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Detailed Status Analysis</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="space-y-6">
+                        {Object.entries(analytics.statusBreakdown).map(([status, count]) => {
+                           const percentage =
+                              analytics.totalTasks > 0
+                                 ? Math.round((count / analytics.totalTasks) * 100)
+                                 : 0;
+                           return (
+                              <div key={status} className="flex items-center justify-between">
+                                 <div className="flex items-center gap-3">
+                                    <Badge variant="outline">{status.replace('_', ' ')}</Badge>
+                                    <span className="text-sm">{count} tasks</span>
+                                 </div>
+                                 <div className="flex items-center gap-2">
+                                    <Progress value={percentage} className="w-24" />
+                                    <span className="text-sm font-medium w-12 text-right">
+                                       {percentage}%
+                                    </span>
+                                 </div>
+                              </div>
+                           );
+                        })}
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="priority" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Priority Analysis</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="space-y-6">
+                        {Object.entries(analytics.priorityBreakdown).map(([priority, count]) => {
+                           const percentage =
+                              analytics.totalTasks > 0
+                                 ? Math.round((count / analytics.totalTasks) * 100)
+                                 : 0;
+                           return (
+                              <div key={priority} className="flex items-center justify-between">
+                                 <div className="flex items-center gap-3">
+                                    <Badge variant="outline">{priority.replace('_', ' ')}</Badge>
+                                    <span className="text-sm">{count} tasks</span>
+                                 </div>
+                                 <div className="flex items-center gap-2">
+                                    <Progress value={percentage} className="w-24" />
+                                    <span className="text-sm font-medium w-12 text-right">
+                                       {percentage}%
+                                    </span>
+                                 </div>
+                              </div>
+                           );
+                        })}
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="workload" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Team Workload Distribution</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     {Object.keys(analytics.assigneeWorkload).length > 0 ? (
+                        <div className="space-y-4">
+                           {Object.entries(analytics.assigneeWorkload).map(([assigneeId, data]) => (
+                              <div key={assigneeId} className="p-4 border rounded-lg">
+                                 <div className="flex items-center justify-between mb-3">
+                                    <h4 className="font-medium">{data.name}</h4>
+                                    <Badge variant="secondary">{data.total} tasks</Badge>
+                                 </div>
+                                 <div className="grid grid-cols-3 gap-4 text-sm">
+                                    <div>
+                                       <span className="text-muted-foreground">Completed:</span>
+                                       <span className="ml-2 font-medium text-green-600">
+                                          {data.completed}
+                                       </span>
+                                    </div>
+                                    <div>
+                                       <span className="text-muted-foreground">In Progress:</span>
+                                       <span className="ml-2 font-medium text-blue-600">
+                                          {data.inProgress}
+                                       </span>
+                                    </div>
+                                    <div>
+                                       <span className="text-muted-foreground">Overdue:</span>
+                                       <span className="ml-2 font-medium text-red-600">
+                                          {data.overdue}
+                                       </span>
+                                    </div>
+                                 </div>
+                                 <Progress
+                                    value={
+                                       data.total > 0
+                                          ? Math.round((data.completed / data.total) * 100)
+                                          : 0
+                                    }
+                                    className="mt-2"
+                                 />
+                              </div>
+                           ))}
+                        </div>
+                     ) : (
+                        <div className="text-center py-8 text-muted-foreground">
+                           <Users className="h-12 w-12 mx-auto mb-4" />
+                           <p>No assigned tasks yet</p>
+                        </div>
+                     )}
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="timeline" className="space-y-4">
+               <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Upcoming Deadlines</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="flex items-center justify-between">
+                           <div className="flex items-center gap-2">
+                              <Calendar className="h-4 w-4 text-blue-500" />
+                              <span className="text-sm">Due this week</span>
+                           </div>
+                           <Badge variant="secondary">{analytics.dueThisWeek}</Badge>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <div className="flex items-center gap-2">
+                              <Calendar className="h-4 w-4 text-orange-500" />
+                              <span className="text-sm">Due this month</span>
+                           </div>
+                           <Badge variant="secondary">{analytics.dueThisMonth}</Badge>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <div className="flex items-center gap-2">
+                              <AlertTriangle className="h-4 w-4 text-red-500" />
+                              <span className="text-sm">Overdue</span>
+                           </div>
+                           <Badge variant="destructive">{analytics.overdueTasks}</Badge>
+                        </div>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Time Tracking</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Total Estimated</span>
+                           <span className="font-medium">{analytics.totalEstimatedHours}h</span>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Completed</span>
+                           <span className="font-medium text-green-600">
+                              {analytics.completedHours}h
+                           </span>
+                        </div>
+                        <div className="flex items-center justify-between">
+                           <span className="text-sm">Remaining</span>
+                           <span className="font-medium text-orange-600">
+                              {analytics.totalEstimatedHours - analytics.completedHours}h
+                           </span>
+                        </div>
+                        <Progress value={analytics.timeProgressPercentage} className="mt-2" />
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/campaigns/task-management/task-board.tsx b/components/campaigns/task-management/task-board.tsx
new file mode 100644
index 00000000..9f5c7b6e
--- /dev/null
+++ b/components/campaigns/task-management/task-board.tsx
@@ -0,0 +1,242 @@
+'use client';
+
+import { useState, useMemo } from 'react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Plus, MoreHorizontal, User, Calendar, Flag } from 'lucide-react';
+import {
+   DropdownMenu,
+   DropdownMenuContent,
+   DropdownMenuItem,
+   DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import type { CampaignTask } from '@/types/campaign';
+
+interface TaskBoardProps {
+   tasks: CampaignTask[];
+   onTaskUpdate: (taskId: string, data: Partial<CampaignTask>) => void;
+   onTaskCreate: () => void;
+   onTaskClick: (task: CampaignTask) => void;
+}
+
+const taskStatusConfig = {
+   TODO: { label: 'To Do', color: 'bg-gray-500', bgLight: 'bg-gray-50', border: 'border-gray-200' },
+   IN_PROGRESS: {
+      label: 'In Progress',
+      color: 'bg-blue-500',
+      bgLight: 'bg-blue-50',
+      border: 'border-blue-200',
+   },
+   REVIEW: {
+      label: 'Review',
+      color: 'bg-yellow-500',
+      bgLight: 'bg-yellow-50',
+      border: 'border-yellow-200',
+   },
+   DONE: {
+      label: 'Done',
+      color: 'bg-green-500',
+      bgLight: 'bg-green-50',
+      border: 'border-green-200',
+   },
+   CANCELLED: {
+      label: 'Cancelled',
+      color: 'bg-red-500',
+      bgLight: 'bg-red-50',
+      border: 'border-red-200',
+   },
+};
+
+const taskPriorityConfig = {
+   NO_PRIORITY: { label: 'No Priority', color: 'bg-gray-400' },
+   LOW: { label: 'Low', color: 'bg-green-400' },
+   MEDIUM: { label: 'Medium', color: 'bg-yellow-400' },
+   HIGH: { label: 'High', color: 'bg-orange-400' },
+   URGENT: { label: 'Urgent', color: 'bg-red-500' },
+};
+
+export function TaskBoard({ tasks, onTaskUpdate, onTaskCreate, onTaskClick }: TaskBoardProps) {
+   const [draggedTask, setDraggedTask] = useState<string | null>(null);
+
+   const groupedTasks = useMemo(() => {
+      const groups: Record<string, CampaignTask[]> = {
+         TODO: [],
+         IN_PROGRESS: [],
+         REVIEW: [],
+         DONE: [],
+         CANCELLED: [],
+      };
+
+      tasks.forEach((task) => {
+         if (groups[task.status]) {
+            groups[task.status].push(task);
+         }
+      });
+
+      return groups;
+   }, [tasks]);
+
+   const handleDragStart = (e: React.DragEvent, taskId: string) => {
+      setDraggedTask(taskId);
+      e.dataTransfer.effectAllowed = 'move';
+   };
+
+   const handleDragOver = (e: React.DragEvent) => {
+      e.preventDefault();
+      e.dataTransfer.dropEffect = 'move';
+   };
+
+   const handleDrop = (e: React.DragEvent, targetStatus: string) => {
+      e.preventDefault();
+      if (draggedTask) {
+         onTaskUpdate(draggedTask, { status: targetStatus as CampaignTask['status'] });
+         setDraggedTask(null);
+      }
+   };
+
+   const renderTaskCard = (task: CampaignTask) => {
+      const priorityConfig = taskPriorityConfig[task.priority];
+
+      return (
+         <Card
+            key={task.id}
+            className={`cursor-pointer hover:shadow-md transition-shadow ${
+               draggedTask === task.id ? 'opacity-50' : ''
+            }`}
+            draggable
+            onDragStart={(e) => handleDragStart(e, task.id)}
+            onClick={() => onTaskClick(task)}
+         >
+            <CardContent className="p-3">
+               <div className="space-y-2">
+                  <div className="flex items-start justify-between">
+                     <h4 className="font-medium text-sm line-clamp-2">{task.title}</h4>
+                     <DropdownMenu>
+                        <DropdownMenuTrigger asChild>
+                           <Button variant="ghost" size="sm" className="h-6 w-6 p-0">
+                              <MoreHorizontal className="h-3 w-3" />
+                           </Button>
+                        </DropdownMenuTrigger>
+                        <DropdownMenuContent align="end">
+                           <DropdownMenuItem onClick={() => onTaskClick(task)}>
+                              View Details
+                           </DropdownMenuItem>
+                           <DropdownMenuItem
+                              onClick={() => onTaskUpdate(task.id, { status: 'DONE' })}
+                           >
+                              Mark as Done
+                           </DropdownMenuItem>
+                        </DropdownMenuContent>
+                     </DropdownMenu>
+                  </div>
+
+                  {task.description && (
+                     <p className="text-xs text-muted-foreground line-clamp-2">
+                        {task.description}
+                     </p>
+                  )}
+
+                  <div className="flex items-center justify-between">
+                     <div className="flex items-center gap-2">
+                        {task.assignee && (
+                           <Avatar className="h-6 w-6">
+                              <AvatarImage src={task.assignee.image || ''} />
+                              <AvatarFallback className="text-xs">
+                                 {task.assignee.name?.slice(0, 2).toUpperCase() || 'U'}
+                              </AvatarFallback>
+                           </Avatar>
+                        )}
+                        {task.priority !== 'NO_PRIORITY' && (
+                           <Badge
+                              variant="outline"
+                              className={`${priorityConfig.color} text-white border-0 text-xs`}
+                           >
+                              <Flag className="h-2 w-2 mr-1" />
+                              {priorityConfig.label}
+                           </Badge>
+                        )}
+                     </div>
+
+                     {task.dueDate && (
+                        <div className="flex items-center gap-1 text-xs text-muted-foreground">
+                           <Calendar className="h-3 w-3" />
+                           {new Date(task.dueDate).toLocaleDateString('en-US', {
+                              month: 'short',
+                              day: 'numeric',
+                           })}
+                        </div>
+                     )}
+                  </div>
+
+                  {task.subtasks && task.subtasks.length > 0 && (
+                     <div className="flex items-center gap-2 text-xs text-muted-foreground">
+                        <div className="w-2 h-2 bg-blue-400 rounded-full" />
+                        {task.subtasks.length} subtask{task.subtasks.length !== 1 ? 's' : ''}
+                     </div>
+                  )}
+               </div>
+            </CardContent>
+         </Card>
+      );
+   };
+
+   const renderStatusColumn = (status: string, tasks: CampaignTask[]) => {
+      const config = taskStatusConfig[status as keyof typeof taskStatusConfig];
+
+      return (
+         <div
+            key={status}
+            className={`flex-1 min-w-64 ${config.bgLight} ${config.border} rounded-lg p-4`}
+            onDragOver={handleDragOver}
+            onDrop={(e) => handleDrop(e, status)}
+         >
+            <div className="flex items-center justify-between mb-4">
+               <div className="flex items-center gap-2">
+                  <div className={`w-3 h-3 ${config.color} rounded-full`} />
+                  <h3 className="font-semibold text-sm">{config.label}</h3>
+                  <Badge variant="secondary" className="text-xs">
+                     {tasks.length}
+                  </Badge>
+               </div>
+               {status === 'TODO' && (
+                  <Button size="sm" variant="ghost" onClick={onTaskCreate}>
+                     <Plus className="h-4 w-4" />
+                  </Button>
+               )}
+            </div>
+
+            <div className="space-y-3">
+               {tasks.map(renderTaskCard)}
+               {tasks.length === 0 && (
+                  <div className="text-center py-8 text-muted-foreground">
+                     <p className="text-sm">No tasks</p>
+                  </div>
+               )}
+            </div>
+         </div>
+      );
+   };
+
+   return (
+      <div className="space-y-6">
+         <div className="flex items-center justify-between">
+            <div>
+               <h2 className="text-2xl font-bold">Task Board</h2>
+               <p className="text-muted-foreground">Manage and track campaign tasks</p>
+            </div>
+            <Button onClick={onTaskCreate}>
+               <Plus className="h-4 w-4 mr-2" />
+               New Task
+            </Button>
+         </div>
+
+         <div className="flex gap-4 overflow-x-auto pb-4">
+            {Object.entries(groupedTasks).map(([status, statusTasks]) =>
+               renderStatusColumn(status, statusTasks)
+            )}
+         </div>
+      </div>
+   );
+}
diff --git a/components/campaigns/task-management/task-creation-modal.tsx b/components/campaigns/task-management/task-creation-modal.tsx
new file mode 100644
index 00000000..c8e87ef3
--- /dev/null
+++ b/components/campaigns/task-management/task-creation-modal.tsx
@@ -0,0 +1,297 @@
+'use client';
+
+import { useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import {
+   Dialog,
+   DialogContent,
+   DialogDescription,
+   DialogFooter,
+   DialogHeader,
+   DialogTitle,
+} from '@/components/ui/dialog';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Calendar } from '@/components/ui/calendar';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { CalendarIcon, Check, ChevronsUpDown } from 'lucide-react';
+import { cn } from '@/lib/utils';
+import { format } from 'date-fns';
+import type { CampaignTask, CampaignMember } from '@/types/campaign';
+
+interface TaskCreationModalProps {
+   open: boolean;
+   onOpenChange: (open: boolean) => void;
+   onSubmit: (taskData: Partial<CampaignTask>) => void;
+   campaignMembers: CampaignMember[];
+   parentTask?: CampaignTask | null;
+   loading?: boolean;
+}
+
+const taskPriorityOptions = [
+   { value: 'NO_PRIORITY', label: 'No Priority' },
+   { value: 'LOW', label: 'Low' },
+   { value: 'MEDIUM', label: 'Medium' },
+   { value: 'HIGH', label: 'High' },
+   { value: 'URGENT', label: 'Urgent' },
+];
+
+const taskStatusOptions = [
+   { value: 'TODO', label: 'To Do' },
+   { value: 'IN_PROGRESS', label: 'In Progress' },
+   { value: 'REVIEW', label: 'Review' },
+   { value: 'DONE', label: 'Done' },
+   { value: 'CANCELLED', label: 'Cancelled' },
+];
+
+export function TaskCreationModal({
+   open,
+   onOpenChange,
+   onSubmit,
+   campaignMembers,
+   parentTask,
+   loading = false,
+}: TaskCreationModalProps) {
+   const [formData, setFormData] = useState({
+      title: '',
+      description: '',
+      status: 'TODO' as CampaignTask['status'],
+      priority: 'NO_PRIORITY' as CampaignTask['priority'],
+      assigneeId: '',
+      dueDate: null as Date | null,
+      estimatedHours: '',
+   });
+
+   const handleSubmit = (e: React.FormEvent) => {
+      e.preventDefault();
+      if (!formData.title.trim()) return;
+
+      const taskData: Partial<CampaignTask> = {
+         title: formData.title.trim(),
+         description: formData.description.trim() || undefined,
+         status: formData.status,
+         priority: formData.priority,
+         assigneeId: formData.assigneeId || undefined,
+         dueDate: formData.dueDate || undefined,
+         estimatedHours: formData.estimatedHours ? parseInt(formData.estimatedHours) : undefined,
+         parentTaskId: parentTask?.id,
+      };
+
+      onSubmit(taskData);
+   };
+
+   const resetForm = () => {
+      setFormData({
+         title: '',
+         description: '',
+         status: 'TODO',
+         priority: 'NO_PRIORITY',
+         assigneeId: '',
+         dueDate: null,
+         estimatedHours: '',
+      });
+   };
+
+   const handleOpenChange = (newOpen: boolean) => {
+      if (!newOpen) {
+         resetForm();
+      }
+      onOpenChange(newOpen);
+   };
+
+   return (
+      <Dialog open={open} onOpenChange={handleOpenChange}>
+         <DialogContent className="sm:max-w-[600px]">
+            <DialogHeader>
+               <DialogTitle>{parentTask ? 'Create Subtask' : 'Create New Task'}</DialogTitle>
+               <DialogDescription>
+                  {parentTask
+                     ? `Add a subtask to "${parentTask.title}"`
+                     : 'Create a new task for this campaign'}
+               </DialogDescription>
+            </DialogHeader>
+
+            <form onSubmit={handleSubmit} className="space-y-6">
+               <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <div className="space-y-2">
+                     <Label htmlFor="title">Task Title *</Label>
+                     <Input
+                        id="title"
+                        value={formData.title}
+                        onChange={(e) =>
+                           setFormData((prev) => ({ ...prev, title: e.target.value }))
+                        }
+                        placeholder="Enter task title"
+                        required
+                     />
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="status">Status</Label>
+                     <Select
+                        value={formData.status}
+                        onValueChange={(value) =>
+                           setFormData((prev) => ({
+                              ...prev,
+                              status: value as CampaignTask['status'],
+                           }))
+                        }
+                     >
+                        <SelectTrigger>
+                           <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                           {taskStatusOptions.map((option) => (
+                              <SelectItem key={option.value} value={option.value}>
+                                 {option.label}
+                              </SelectItem>
+                           ))}
+                        </SelectContent>
+                     </Select>
+                  </div>
+               </div>
+
+               <div className="space-y-2">
+                  <Label htmlFor="description">Description</Label>
+                  <Textarea
+                     id="description"
+                     value={formData.description}
+                     onChange={(e) =>
+                        setFormData((prev) => ({ ...prev, description: e.target.value }))
+                     }
+                     placeholder="Describe what needs to be done..."
+                     rows={3}
+                  />
+               </div>
+
+               <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <div className="space-y-2">
+                     <Label htmlFor="priority">Priority</Label>
+                     <Select
+                        value={formData.priority}
+                        onValueChange={(value) =>
+                           setFormData((prev) => ({
+                              ...prev,
+                              priority: value as CampaignTask['priority'],
+                           }))
+                        }
+                     >
+                        <SelectTrigger>
+                           <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                           {taskPriorityOptions.map((option) => (
+                              <SelectItem key={option.value} value={option.value}>
+                                 {option.label}
+                              </SelectItem>
+                           ))}
+                        </SelectContent>
+                     </Select>
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="assignee">Assignee</Label>
+                     <Select
+                        value={formData.assigneeId}
+                        onValueChange={(value) =>
+                           setFormData((prev) => ({ ...prev, assigneeId: value }))
+                        }
+                     >
+                        <SelectTrigger>
+                           <SelectValue placeholder="Select assignee" />
+                        </SelectTrigger>
+                        <SelectContent>
+                           <SelectItem value="">Unassigned</SelectItem>
+                           {campaignMembers.map((member) => (
+                              <SelectItem key={member.id} value={member.id}>
+                                 <div className="flex items-center gap-2">
+                                    <span>{member.user.name}</span>
+                                    <span className="text-muted-foreground">({member.role})</span>
+                                 </div>
+                              </SelectItem>
+                           ))}
+                        </SelectContent>
+                     </Select>
+                  </div>
+               </div>
+
+               <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <div className="space-y-2">
+                     <Label>Due Date</Label>
+                     <Popover>
+                        <PopoverTrigger asChild>
+                           <Button
+                              variant="outline"
+                              className={cn(
+                                 'w-full justify-start text-left font-normal',
+                                 !formData.dueDate && 'text-muted-foreground'
+                              )}
+                           >
+                              <CalendarIcon className="mr-2 h-4 w-4" />
+                              {formData.dueDate ? format(formData.dueDate, 'PPP') : 'Pick a date'}
+                           </Button>
+                        </PopoverTrigger>
+                        <PopoverContent className="w-auto p-0" align="start">
+                           <Calendar
+                              mode="single"
+                              selected={formData.dueDate || undefined}
+                              onSelect={(date) =>
+                                 setFormData((prev) => ({ ...prev, dueDate: date }))
+                              }
+                              initialFocus
+                           />
+                        </PopoverContent>
+                     </Popover>
+                  </div>
+
+                  <div className="space-y-2">
+                     <Label htmlFor="estimatedHours">Estimated Hours</Label>
+                     <Input
+                        id="estimatedHours"
+                        type="number"
+                        min="0"
+                        step="0.5"
+                        value={formData.estimatedHours}
+                        onChange={(e) =>
+                           setFormData((prev) => ({ ...prev, estimatedHours: e.target.value }))
+                        }
+                        placeholder="e.g., 8"
+                     />
+                  </div>
+               </div>
+
+               {parentTask && (
+                  <div className="p-3 bg-muted rounded-lg">
+                     <div className="flex items-center gap-2 text-sm text-muted-foreground">
+                        <Check className="h-4 w-4" />
+                        This task will be a subtask of "{parentTask.title}"
+                     </div>
+                  </div>
+               )}
+
+               <DialogFooter>
+                  <Button
+                     type="button"
+                     variant="outline"
+                     onClick={() => handleOpenChange(false)}
+                     disabled={loading}
+                  >
+                     Cancel
+                  </Button>
+                  <Button type="submit" disabled={loading || !formData.title.trim()}>
+                     {loading ? 'Creating...' : 'Create Task'}
+                  </Button>
+               </DialogFooter>
+            </form>
+         </DialogContent>
+      </Dialog>
+   );
+}
diff --git a/components/campaigns/task-management/task-list.tsx b/components/campaigns/task-management/task-list.tsx
new file mode 100644
index 00000000..46b9b99a
--- /dev/null
+++ b/components/campaigns/task-management/task-list.tsx
@@ -0,0 +1,420 @@
+'use client';
+
+import { useState, useMemo } from 'react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Badge } from '@/components/ui/badge';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import {
+   Table,
+   TableBody,
+   TableCell,
+   TableHead,
+   TableHeader,
+   TableRow,
+} from '@/components/ui/table';
+import {
+   DropdownMenu,
+   DropdownMenuContent,
+   DropdownMenuItem,
+   DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Checkbox } from '@/components/ui/checkbox';
+import { Plus, MoreHorizontal, Filter, Search, Flag, Calendar, User } from 'lucide-react';
+import type { CampaignTask } from '@/types/campaign';
+
+interface TaskListProps {
+   tasks: CampaignTask[];
+   onTaskUpdate: (taskId: string, data: Partial<CampaignTask>) => void;
+   onTaskDelete: (taskId: string) => void;
+   onTaskCreate: () => void;
+   onTaskClick: (task: CampaignTask) => void;
+   onBulkAction: (action: string, taskIds: string[]) => void;
+}
+
+const taskStatusConfig = {
+   TODO: { label: 'To Do', color: 'bg-gray-500' },
+   IN_PROGRESS: { label: 'In Progress', color: 'bg-blue-500' },
+   REVIEW: { label: 'Review', color: 'bg-yellow-500' },
+   DONE: { label: 'Done', color: 'bg-green-500' },
+   CANCELLED: { label: 'Cancelled', color: 'bg-red-500' },
+};
+
+const taskPriorityConfig = {
+   NO_PRIORITY: { label: 'No Priority', color: 'bg-gray-400' },
+   LOW: { label: 'Low', color: 'bg-green-400' },
+   MEDIUM: { label: 'Medium', color: 'bg-yellow-400' },
+   HIGH: { label: 'High', color: 'bg-orange-400' },
+   URGENT: { label: 'Urgent', color: 'bg-red-500' },
+};
+
+export function TaskList({
+   tasks,
+   onTaskUpdate,
+   onTaskDelete,
+   onTaskCreate,
+   onTaskClick,
+   onBulkAction,
+}: TaskListProps) {
+   const [selectedTasks, setSelectedTasks] = useState<Set<string>>(new Set());
+   const [searchTerm, setSearchTerm] = useState('');
+   const [statusFilter, setStatusFilter] = useState<string>('all');
+   const [priorityFilter, setPriorityFilter] = useState<string>('all');
+   const [assigneeFilter, setAssigneeFilter] = useState<string>('all');
+
+   const filteredTasks = useMemo(() => {
+      return tasks.filter((task) => {
+         const matchesSearch =
+            task.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
+            (task.description && task.description.toLowerCase().includes(searchTerm.toLowerCase()));
+         const matchesStatus = statusFilter === 'all' || task.status === statusFilter;
+         const matchesPriority = priorityFilter === 'all' || task.priority === priorityFilter;
+         const matchesAssignee =
+            assigneeFilter === 'all' ||
+            (assigneeFilter === 'unassigned' && !task.assignee) ||
+            (task.assignee && task.assignee.id === assigneeFilter);
+
+         return matchesSearch && matchesStatus && matchesPriority && matchesAssignee;
+      });
+   }, [tasks, searchTerm, statusFilter, priorityFilter, assigneeFilter]);
+
+   const handleSelectAll = (checked: boolean) => {
+      if (checked) {
+         setSelectedTasks(new Set(filteredTasks.map((task) => task.id)));
+      } else {
+         setSelectedTasks(new Set());
+      }
+   };
+
+   const handleSelectTask = (taskId: string, checked: boolean) => {
+      const newSelected = new Set(selectedTasks);
+      if (checked) {
+         newSelected.add(taskId);
+      } else {
+         newSelected.delete(taskId);
+      }
+      setSelectedTasks(newSelected);
+   };
+
+   const handleBulkAction = (action: string) => {
+      const taskIds = Array.from(selectedTasks);
+      if (taskIds.length === 0) return;
+
+      onBulkAction(action, taskIds);
+      setSelectedTasks(new Set());
+   };
+
+   const formatDate = (date: Date | string | null) => {
+      if (!date) return 'Not set';
+      return new Date(date).toLocaleDateString('en-US', {
+         month: 'short',
+         day: 'numeric',
+         year: 'numeric',
+      });
+   };
+
+   const getDaysRemaining = (dueDate: Date | string | null) => {
+      if (!dueDate) return null;
+      const now = new Date();
+      const due = new Date(dueDate);
+      const diffTime = due.getTime() - now.getTime();
+      const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
+      return diffDays;
+   };
+
+   const renderPriorityBadge = (priority: CampaignTask['priority']) => {
+      if (priority === 'NO_PRIORITY') return null;
+      const config = taskPriorityConfig[priority];
+      return (
+         <Badge variant="outline" className={`${config.color} text-white border-0 text-xs`}>
+            <Flag className="h-2 w-2 mr-1" />
+            {config.label}
+         </Badge>
+      );
+   };
+
+   const renderStatusBadge = (status: CampaignTask['status']) => {
+      const config = taskStatusConfig[status];
+      return <Badge className={`${config.color} text-white text-xs`}>{config.label}</Badge>;
+   };
+
+   const renderDueDate = (dueDate: Date | string | null) => {
+      if (!dueDate) return <span className="text-muted-foreground">Not set</span>;
+
+      const daysRemaining = getDaysRemaining(dueDate);
+      const formattedDate = formatDate(dueDate);
+
+      if (daysRemaining === null) return formattedDate;
+
+      let className = '';
+      if (daysRemaining < 0) {
+         className = 'text-red-600 font-medium';
+      } else if (daysRemaining <= 3) {
+         className = 'text-orange-600 font-medium';
+      } else if (daysRemaining <= 7) {
+         className = 'text-yellow-600 font-medium';
+      }
+
+      return (
+         <div className="flex items-center gap-2">
+            <Calendar className="h-3 w-3 text-muted-foreground" />
+            <span className={className}>{formattedDate}</span>
+            {daysRemaining !== null && (
+               <span className={`text-xs ${className}`}>
+                  {daysRemaining < 0
+                     ? `${Math.abs(daysRemaining)}d overdue`
+                     : `${daysRemaining}d left`}
+               </span>
+            )}
+         </div>
+      );
+   };
+
+   return (
+      <div className="space-y-6">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h2 className="text-2xl font-bold">Tasks</h2>
+               <p className="text-muted-foreground">
+                  {filteredTasks.length} of {tasks.length} tasks
+               </p>
+            </div>
+            <Button onClick={onTaskCreate}>
+               <Plus className="h-4 w-4 mr-2" />
+               New Task
+            </Button>
+         </div>
+
+         {/* Filters and Search */}
+         <div className="flex flex-col sm:flex-row gap-4">
+            <div className="flex-1">
+               <div className="relative">
+                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+                  <Input
+                     placeholder="Search tasks..."
+                     value={searchTerm}
+                     onChange={(e) => setSearchTerm(e.target.value)}
+                     className="pl-10"
+                  />
+               </div>
+            </div>
+
+            <div className="flex gap-2">
+               <Select value={statusFilter} onValueChange={setStatusFilter}>
+                  <SelectTrigger className="w-32">
+                     <SelectValue placeholder="Status" />
+                  </SelectTrigger>
+                  <SelectContent>
+                     <SelectItem value="all">All Status</SelectItem>
+                     {Object.entries(taskStatusConfig).map(([value, config]) => (
+                        <SelectItem key={value} value={value}>
+                           {config.label}
+                        </SelectItem>
+                     ))}
+                  </SelectContent>
+               </Select>
+
+               <Select value={priorityFilter} onValueChange={setPriorityFilter}>
+                  <SelectTrigger className="w-32">
+                     <SelectValue placeholder="Priority" />
+                  </SelectTrigger>
+                  <SelectContent>
+                     <SelectItem value="all">All Priority</SelectItem>
+                     {Object.entries(taskPriorityConfig).map(([value, config]) => (
+                        <SelectItem key={value} value={value}>
+                           {config.label}
+                        </SelectItem>
+                     ))}
+                  </SelectContent>
+               </Select>
+
+               <Select value={assigneeFilter} onValueChange={setAssigneeFilter}>
+                  <SelectTrigger className="w-36">
+                     <SelectValue placeholder="Assignee" />
+                  </SelectTrigger>
+                  <SelectContent>
+                     <SelectItem value="all">All Assignees</SelectItem>
+                     <SelectItem value="unassigned">Unassigned</SelectItem>
+                     {/* In a real app, you'd map through campaign members here */}
+                  </SelectContent>
+               </Select>
+            </div>
+         </div>
+
+         {/* Bulk Actions */}
+         {selectedTasks.size > 0 && (
+            <div className="flex items-center gap-4 p-3 bg-muted rounded-lg">
+               <span className="text-sm font-medium">
+                  {selectedTasks.size} task{selectedTasks.size !== 1 ? 's' : ''} selected
+               </span>
+               <div className="flex gap-2">
+                  <Button
+                     size="sm"
+                     variant="outline"
+                     onClick={() => handleBulkAction('status', Array.from(selectedTasks))}
+                  >
+                     Change Status
+                  </Button>
+                  <Button
+                     size="sm"
+                     variant="outline"
+                     onClick={() => handleBulkAction('assign', Array.from(selectedTasks))}
+                  >
+                     Reassign
+                  </Button>
+                  <Button
+                     size="sm"
+                     variant="destructive"
+                     onClick={() => handleBulkAction('delete', Array.from(selectedTasks))}
+                  >
+                     Delete
+                  </Button>
+               </div>
+            </div>
+         )}
+
+         {/* Task Table */}
+         <div className="border rounded-lg">
+            <Table>
+               <TableHeader>
+                  <TableRow>
+                     <TableHead className="w-12">
+                        <Checkbox
+                           checked={
+                              selectedTasks.size === filteredTasks.length &&
+                              filteredTasks.length > 0
+                           }
+                           onCheckedChange={handleSelectAll}
+                        />
+                     </TableHead>
+                     <TableHead>Task</TableHead>
+                     <TableHead>Status</TableHead>
+                     <TableHead>Priority</TableHead>
+                     <TableHead>Assignee</TableHead>
+                     <TableHead>Due Date</TableHead>
+                     <TableHead>Subtasks</TableHead>
+                     <TableHead className="w-12"></TableHead>
+                  </TableRow>
+               </TableHeader>
+               <TableBody>
+                  {filteredTasks.map((task) => (
+                     <TableRow key={task.id} className="hover:bg-muted/50">
+                        <TableCell>
+                           <Checkbox
+                              checked={selectedTasks.has(task.id)}
+                              onCheckedChange={(checked) =>
+                                 handleSelectTask(task.id, checked as boolean)
+                              }
+                           />
+                        </TableCell>
+                        <TableCell>
+                           <div className="space-y-1">
+                              <div
+                                 className="font-medium cursor-pointer hover:text-blue-600"
+                                 onClick={() => onTaskClick(task)}
+                              >
+                                 {task.title}
+                              </div>
+                              {task.description && (
+                                 <p className="text-sm text-muted-foreground line-clamp-2">
+                                    {task.description}
+                                 </p>
+                              )}
+                           </div>
+                        </TableCell>
+                        <TableCell>{renderStatusBadge(task.status)}</TableCell>
+                        <TableCell>{renderPriorityBadge(task.priority)}</TableCell>
+                        <TableCell>
+                           {task.assignee ? (
+                              <div className="flex items-center gap-2">
+                                 <Avatar className="h-6 w-6">
+                                    <AvatarImage src={task.assignee.image || ''} />
+                                    <AvatarFallback className="text-xs">
+                                       {task.assignee.name?.slice(0, 2).toUpperCase() || 'U'}
+                                    </AvatarFallback>
+                                 </Avatar>
+                                 <span className="text-sm">{task.assignee.name}</span>
+                              </div>
+                           ) : (
+                              <span className="text-muted-foreground text-sm">Unassigned</span>
+                           )}
+                        </TableCell>
+                        <TableCell>{renderDueDate(task.dueDate)}</TableCell>
+                        <TableCell>
+                           {task.subtasks && task.subtasks.length > 0 ? (
+                              <Badge variant="secondary" className="text-xs">
+                                 {task.subtasks.length} subtask
+                                 {task.subtasks.length !== 1 ? 's' : ''}
+                              </Badge>
+                           ) : (
+                              <span className="text-muted-foreground text-sm">-</span>
+                           )}
+                        </TableCell>
+                        <TableCell>
+                           <DropdownMenu>
+                              <DropdownMenuTrigger asChild>
+                                 <Button variant="ghost" size="sm" className="h-8 w-8 p-0">
+                                    <MoreHorizontal className="h-4 w-4" />
+                                 </Button>
+                              </DropdownMenuTrigger>
+                              <DropdownMenuContent align="end">
+                                 <DropdownMenuItem onClick={() => onTaskClick(task)}>
+                                    View Details
+                                 </DropdownMenuItem>
+                                 <DropdownMenuItem
+                                    onClick={() => onTaskUpdate(task.id, { status: 'DONE' })}
+                                 >
+                                    Mark as Done
+                                 </DropdownMenuItem>
+                                 <DropdownMenuItem
+                                    onClick={() => onTaskDelete(task.id)}
+                                    className="text-destructive"
+                                 >
+                                    Delete Task
+                                 </DropdownMenuItem>
+                              </DropdownMenuContent>
+                           </DropdownMenu>
+                        </TableCell>
+                     </TableRow>
+                  ))}
+               </TableBody>
+            </Table>
+
+            {filteredTasks.length === 0 && (
+               <div className="text-center py-12">
+                  <p className="text-muted-foreground">No tasks found</p>
+                  {searchTerm ||
+                  statusFilter !== 'all' ||
+                  priorityFilter !== 'all' ||
+                  assigneeFilter !== 'all' ? (
+                     <Button
+                        variant="outline"
+                        onClick={() => {
+                           setSearchTerm('');
+                           setStatusFilter('all');
+                           setPriorityFilter('all');
+                           setAssigneeFilter('all');
+                        }}
+                     >
+                        Clear filters
+                     </Button>
+                  ) : (
+                     <Button onClick={onTaskCreate}>
+                        <Plus className="h-4 w-4 mr-2" />
+                        Create your first task
+                     </Button>
+                  )}
+               </div>
+            )}
+         </div>
+      </div>
+   );
+}
diff --git a/components/campaigns/task-management/task-management-container.tsx b/components/campaigns/task-management/task-management-container.tsx
new file mode 100644
index 00000000..cc5cd8ca
--- /dev/null
+++ b/components/campaigns/task-management/task-management-container.tsx
@@ -0,0 +1,228 @@
+'use client';
+
+import { useState, useMemo } from 'react';
+import { Button } from '@/components/ui/button';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/dialog';
+import { Kanban, List, BarChart3, Plus } from 'lucide-react';
+import { TaskBoard } from './task-board';
+import { TaskList } from './task-list';
+import { TaskAnalytics } from './task-analytics';
+import { TaskCreationModal } from './task-creation-modal';
+import type { CampaignTask, CampaignMember } from '@/types/campaign';
+
+interface TaskManagementContainerProps {
+   tasks: CampaignTask[];
+   campaignMembers: CampaignMember[];
+   onTaskCreate: (taskData: Partial<CampaignTask>) => Promise<void>;
+   onTaskUpdate: (taskId: string, data: Partial<CampaignTask>) => Promise<void>;
+   onTaskDelete: (taskId: string) => Promise<void>;
+   onBulkAction: (action: string, taskIds: string[]) => Promise<void>;
+}
+
+type ViewMode = 'board' | 'list' | 'analytics';
+
+export function TaskManagementContainer({
+   tasks,
+   campaignMembers,
+   onTaskCreate,
+   onTaskUpdate,
+   onTaskDelete,
+   onBulkAction,
+}: TaskManagementContainerProps) {
+   const [viewMode, setViewMode] = useState<ViewMode>('board');
+   const [showCreateModal, setShowCreateModal] = useState(false);
+   const [selectedTask, setSelectedTask] = useState<CampaignTask | null>(null);
+   const [loading, setLoading] = useState(false);
+
+   const topLevelTasks = useMemo(() => {
+      return tasks.filter((task) => !task.parentTaskId);
+   }, [tasks]);
+
+   const handleTaskCreate = async (taskData: Partial<CampaignTask>) => {
+      try {
+         setLoading(true);
+         await onTaskCreate(taskData);
+         setShowCreateModal(false);
+      } catch (error) {
+         console.error('Failed to create task:', error);
+         // In a real app, you'd show an error toast here
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleTaskUpdate = async (taskId: string, data: Partial<CampaignTask>) => {
+      try {
+         setLoading(true);
+         await onTaskUpdate(taskId, data);
+      } catch (error) {
+         console.error('Failed to update task:', error);
+         // In a real app, you'd show an error toast here
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleTaskDelete = async (taskId: string) => {
+      try {
+         setLoading(true);
+         await onTaskDelete(taskId);
+      } catch (error) {
+         console.error('Failed to delete task:', error);
+         // In a real app, you'd show an error toast here
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleBulkAction = async (action: string, taskIds: string[]) => {
+      try {
+         setLoading(true);
+         await onBulkAction(action, taskIds);
+      } catch (error) {
+         console.error('Failed to perform bulk action:', error);
+         // In a real app, you'd show an error toast here
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleTaskClick = (task: CampaignTask) => {
+      setSelectedTask(task);
+      // In a real app, you'd navigate to the task detail view or open a modal
+      console.log('Task clicked:', task);
+   };
+
+   const handleCreateSubtask = (parentTask: CampaignTask) => {
+      setSelectedTask(parentTask);
+      setShowCreateModal(true);
+   };
+
+   const renderViewModeButton = (mode: ViewMode, icon: React.ReactNode, label: string) => (
+      <Button
+         variant={viewMode === mode ? 'default' : 'outline'}
+         size="sm"
+         onClick={() => setViewMode(mode)}
+         className="flex items-center gap-2"
+      >
+         {icon}
+         {label}
+      </Button>
+   );
+
+   return (
+      <div className="space-y-6">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h1 className="text-3xl font-bold">Task Management</h1>
+               <p className="text-muted-foreground">
+                  Manage and track all campaign tasks and subtasks
+               </p>
+            </div>
+            <div className="flex items-center gap-2">
+               <Button onClick={() => setShowCreateModal(true)}>
+                  <Plus className="h-4 w-4 mr-2" />
+                  New Task
+               </Button>
+            </div>
+         </div>
+
+         {/* View Mode Toggle */}
+         <div className="flex items-center gap-2 p-2 bg-muted rounded-lg w-fit">
+            {renderViewModeButton('board', <Kanban className="h-4 w-4" />, 'Board')}
+            {renderViewModeButton('list', <List className="h-4 w-4" />, 'List')}
+            {renderViewModeButton('analytics', <BarChart3 className="h-4 w-4" />, 'Analytics')}
+         </div>
+
+         {/* Task Statistics */}
+         <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+            <div className="p-4 bg-blue-50 dark:bg-blue-950/20 rounded-lg border border-blue-200 dark:border-blue-800">
+               <div className="flex items-center gap-2">
+                  <div className="w-3 h-3 bg-blue-500 rounded-full" />
+                  <span className="text-sm font-medium text-blue-700 dark:text-blue-300">
+                     Total Tasks
+                  </span>
+               </div>
+               <p className="text-2xl font-bold text-blue-700 dark:text-blue-300 mt-1">
+                  {tasks.length}
+               </p>
+            </div>
+
+            <div className="p-4 bg-green-50 dark:bg-green-950/20 rounded-lg border border-green-200 dark:border-green-800">
+               <div className="flex items-center gap-2">
+                  <div className="w-3 h-3 bg-green-500 rounded-full" />
+                  <span className="text-sm font-medium text-green-700 dark:text-green-300">
+                     Completed
+                  </span>
+               </div>
+               <p className="text-2xl font-bold text-green-700 dark:text-green-300 mt-1">
+                  {tasks.filter((task) => task.status === 'DONE').length}
+               </p>
+            </div>
+
+            <div className="p-4 bg-yellow-50 dark:bg-yellow-950/20 rounded-lg border border-yellow-200 dark:border-yellow-800">
+               <div className="flex items-center gap-2">
+                  <div className="w-3 h-3 bg-yellow-500 rounded-full" />
+                  <span className="text-sm font-medium text-yellow-700 dark:text-yellow-300">
+                     In Progress
+                  </span>
+               </div>
+               <p className="text-2xl font-bold text-yellow-700 dark:text-yellow-300 mt-1">
+                  {tasks.filter((task) => task.status === 'IN_PROGRESS').length}
+               </p>
+            </div>
+
+            <div className="p-4 bg-red-50 dark:bg-red-950/20 rounded-lg border border-red-200 dark:border-red-800">
+               <div className="flex items-center gap-2">
+                  <div className="w-3 h-3 bg-red-500 rounded-full" />
+                  <span className="text-sm font-medium text-red-700 dark:text-red-300">
+                     Overdue
+                  </span>
+               </div>
+               <p className="text-2xl font-bold text-red-700 dark:text-red-300 mt-1">
+                  {
+                     tasks.filter((task) => {
+                        if (!task.dueDate) return false;
+                        return new Date(task.dueDate) < new Date();
+                     }).length
+                  }
+               </p>
+            </div>
+         </div>
+
+         {/* View Content */}
+         {viewMode === 'board' && (
+            <TaskBoard
+               tasks={topLevelTasks}
+               onTaskUpdate={handleTaskUpdate}
+               onTaskCreate={() => setShowCreateModal(true)}
+               onTaskClick={handleTaskClick}
+            />
+         )}
+
+         {viewMode === 'list' && (
+            <TaskList
+               tasks={topLevelTasks}
+               onTaskUpdate={handleTaskUpdate}
+               onTaskDelete={handleTaskDelete}
+               onTaskCreate={() => setShowCreateModal(true)}
+               onTaskClick={handleTaskClick}
+               onBulkAction={handleBulkAction}
+            />
+         )}
+
+         {viewMode === 'analytics' && <TaskAnalytics tasks={tasks} />}
+
+         {/* Task Creation Modal */}
+         <TaskCreationModal
+            open={showCreateModal}
+            onOpenChange={setShowCreateModal}
+            onSubmit={handleTaskCreate}
+            campaignMembers={campaignMembers}
+            parentTask={selectedTask}
+            loading={loading}
+         />
+      </div>
+   );
+}
diff --git a/components/campaigns/task-management/task-management-page.tsx b/components/campaigns/task-management/task-management-page.tsx
new file mode 100644
index 00000000..3c9d76d1
--- /dev/null
+++ b/components/campaigns/task-management/task-management-page.tsx
@@ -0,0 +1,206 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { toast } from 'sonner';
+import { TaskManagementContainer } from './task-management-container';
+import type {
+   Campaign,
+   CampaignTask,
+   CampaignMember,
+   CreateTaskData,
+   UpdateTaskData,
+} from '@/types/campaign';
+
+interface TaskManagementPageProps {
+   orgId: string;
+   campaignId: string;
+   campaign: Campaign;
+}
+
+export function TaskManagementPage({ orgId, campaignId, campaign }: TaskManagementPageProps) {
+   const router = useRouter();
+   const [tasks, setTasks] = useState<CampaignTask[]>([]);
+   const [campaignMembers, setCampaignMembers] = useState<CampaignMember[]>([]);
+   const [loading, setLoading] = useState(true);
+
+   // Fetch tasks and members on component mount
+   useEffect(() => {
+      fetchTasks();
+      fetchCampaignMembers();
+   }, [orgId, campaignId]);
+
+   const fetchTasks = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns/${campaignId}/tasks`);
+         if (!response.ok) {
+            throw new Error('Failed to fetch tasks');
+         }
+         const data = await response.json();
+         setTasks(data.tasks || []);
+      } catch (error) {
+         console.error('Error fetching tasks:', error);
+         toast.error('Failed to fetch tasks');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const fetchCampaignMembers = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns/${campaignId}/members`);
+         if (!response.ok) {
+            throw new Error('Failed to fetch campaign members');
+         }
+         const data = await response.json();
+         setCampaignMembers(data.members || []);
+      } catch (error) {
+         console.error('Error fetching campaign members:', error);
+         toast.error('Failed to fetch campaign members');
+      }
+   };
+
+   const handleTaskCreate = async (taskData: CreateTaskData) => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns/${campaignId}/tasks`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(taskData),
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to create task');
+         }
+
+         const newTask = await response.json();
+         setTasks((prev) => [...prev, newTask.task]);
+         toast.success('Task created successfully');
+      } catch (error) {
+         console.error('Error creating task:', error);
+         toast.error('Failed to create task');
+         throw error;
+      }
+   };
+
+   const handleTaskUpdate = async (taskId: string, data: UpdateTaskData) => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns/${campaignId}/tasks/${taskId}`, {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data),
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to update task');
+         }
+
+         const updatedTask = await response.json();
+         setTasks((prev) =>
+            prev.map((task) => (task.id === taskId ? { ...task, ...updatedTask.task } : task))
+         );
+         toast.success('Task updated successfully');
+      } catch (error) {
+         console.error('Error updating task:', error);
+         toast.error('Failed to update task');
+         throw error;
+      }
+   };
+
+   const handleTaskDelete = async (taskId: string) => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns/${campaignId}/tasks/${taskId}`, {
+            method: 'DELETE',
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to delete task');
+         }
+
+         setTasks((prev) => prev.filter((task) => task.id !== taskId));
+         toast.success('Task deleted successfully');
+      } catch (error) {
+         console.error('Error deleting task:', error);
+         toast.error('Failed to delete task');
+         throw error;
+      }
+   };
+
+   const handleBulkAction = async (action: string, taskIds: string[]) => {
+      try {
+         let successMessage = '';
+
+         switch (action) {
+            case 'status':
+               // Update status for all selected tasks
+               await Promise.all(
+                  taskIds.map((taskId) => handleTaskUpdate(taskId, { status: 'IN_PROGRESS' }))
+               );
+               successMessage = 'Tasks status updated successfully';
+               break;
+
+            case 'assign':
+               // In a real app, you'd show a modal to select assignee
+               toast.info('Bulk assign functionality coming soon');
+               return;
+
+            case 'delete':
+               // Delete all selected tasks
+               await Promise.all(taskIds.map((taskId) => handleTaskDelete(taskId)));
+               successMessage = 'Tasks deleted successfully';
+               break;
+
+            default:
+               toast.error('Unknown bulk action');
+               return;
+         }
+
+         toast.success(successMessage);
+      } catch (error) {
+         console.error('Error performing bulk action:', error);
+         toast.error('Failed to perform bulk action');
+      }
+   };
+
+   if (loading) {
+      return (
+         <div className="flex items-center justify-center min-h-[400px]">
+            <div className="text-center">
+               <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4"></div>
+               <p className="text-muted-foreground">Loading task management...</p>
+            </div>
+         </div>
+      );
+   }
+
+   return (
+      <div className="space-y-6">
+         {/* Page Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h1 className="text-3xl font-bold">Task Management</h1>
+               <p className="text-muted-foreground">
+                  Manage tasks for campaign: <span className="font-medium">{campaign.title}</span>
+               </p>
+            </div>
+            <div className="flex items-center gap-2">
+               <button
+                  onClick={() => router.push(`/${orgId}/campaigns/${campaignId}`)}
+                  className="px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+               >
+                  Back to Campaign
+               </button>
+            </div>
+         </div>
+
+         {/* Task Management Container */}
+         <TaskManagementContainer
+            tasks={tasks}
+            campaignMembers={campaignMembers}
+            onTaskCreate={handleTaskCreate}
+            onTaskUpdate={handleTaskUpdate}
+            onTaskDelete={handleTaskDelete}
+            onBulkAction={handleBulkAction}
+         />
+      </div>
+   );
+}
diff --git a/components/common/campaigns/campaign-details-panel.tsx b/components/common/campaigns/campaign-details-panel.tsx
new file mode 100644
index 00000000..2edf9bf2
--- /dev/null
+++ b/components/common/campaigns/campaign-details-panel.tsx
@@ -0,0 +1,297 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Separator } from '@/components/ui/separator';
+import { X, Layers, FileText, Users, Calendar, Clock, Edit, Trash2 } from 'lucide-react';
+import Link from 'next/link';
+
+interface CampaignDetails {
+   id: string;
+   name: string;
+   description?: string;
+   health: 'ON_TRACK' | 'AT_RISK' | 'OFF_TRACK';
+   totalTasks: number;
+   pic: string[];
+   startDate: string;
+   endDate: string;
+   status: 'PLAN' | 'DO' | 'DONE' | 'CANCELED';
+   createdAt: string;
+   updatedAt: string;
+   contents?: any[];
+   schedules?: any[];
+}
+
+interface CampaignDetailsPanelProps {
+   campaignId: string;
+   orgId: string;
+   onClose: () => void;
+}
+
+export default function CampaignDetailsPanel({
+   campaignId,
+   orgId,
+   onClose,
+}: CampaignDetailsPanelProps) {
+   const [campaign, setCampaign] = useState<CampaignDetails | null>(null);
+   const [loading, setLoading] = useState(true);
+
+   useEffect(() => {
+      fetchCampaignDetails();
+   }, [campaignId, orgId]);
+
+   const fetchCampaignDetails = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns/${campaignId}`);
+         if (response.ok) {
+            const data = await response.json();
+            setCampaign(data);
+         } else {
+            console.error(
+               'Failed to fetch campaign details:',
+               response.status,
+               response.statusText
+            );
+            // Set a fallback campaign object to prevent crashes
+            setCampaign({
+               id: campaignId,
+               name: 'Campaign Not Found',
+               description: 'Unable to load campaign details',
+               health: 'OFF_TRACK',
+               totalTasks: 0,
+               pic: [],
+               startDate: '',
+               endDate: '',
+               status: 'PLAN',
+               createdAt: new Date().toISOString(),
+               updatedAt: new Date().toISOString(),
+               contents: [],
+               schedules: [],
+            });
+         }
+      } catch (error) {
+         console.error('Error fetching campaign details:', error);
+         // Set a fallback campaign object to prevent crashes
+         setCampaign({
+            id: campaignId,
+            name: 'Error Loading Campaign',
+            description: 'Failed to load campaign details due to network error',
+            health: 'OFF_TRACK',
+            totalTasks: 0,
+            pic: [],
+            startDate: '',
+            endDate: '',
+            status: 'PLAN',
+            createdAt: new Date().toISOString(),
+            updatedAt: new Date().toISOString(),
+            contents: [],
+            schedules: [],
+         });
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const getHealthColor = (health: string) => {
+      switch (health) {
+         case 'ON_TRACK':
+            return 'default';
+         case 'AT_RISK':
+            return 'destructive';
+         case 'OFF_TRACK':
+            return 'secondary';
+         default:
+            return 'default';
+      }
+   };
+
+   const getStatusColor = (status: string) => {
+      switch (status) {
+         case 'PLAN':
+            return 'secondary';
+         case 'DO':
+            return 'default';
+         case 'DONE':
+            return 'default';
+         case 'CANCELED':
+            return 'destructive';
+         default:
+            return 'secondary';
+      }
+   };
+
+   if (loading) {
+      return (
+         <div className="fixed inset-y-0 right-0 w-96 bg-background border-l shadow-lg transform transition-transform duration-300 ease-in-out z-50">
+            <div className="h-full flex items-center justify-center">
+               <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
+            </div>
+         </div>
+      );
+   }
+
+   if (!campaign) {
+      return null;
+   }
+
+   return (
+      <div className="fixed inset-y-0 right-0 w-96 bg-background border-l shadow-lg transform transition-transform duration-300 ease-in-out z-50">
+         {/* Header */}
+         <div className="flex items-center justify-between p-4 border-b">
+            <h2 className="text-lg font-semibold">Campaign Details</h2>
+            <Button variant="ghost" size="sm" onClick={onClose}>
+               <X className="h-4 w-4" />
+            </Button>
+         </div>
+
+         {/* Content */}
+         <div className="h-full overflow-y-auto p-4 space-y-4">
+            {/* Basic Info */}
+            <Card>
+               <CardHeader className="pb-3">
+                  <CardTitle className="text-base flex items-center gap-2">
+                     <Layers className="h-4 w-4" />
+                     {campaign.name || 'Unnamed Campaign'}
+                  </CardTitle>
+               </CardHeader>
+               <CardContent className="space-y-3">
+                  {campaign.description && (
+                     <p className="text-sm text-muted-foreground">{campaign.description}</p>
+                  )}
+
+                  <div className="flex items-center gap-2">
+                     <Badge variant={getHealthColor(campaign.health || 'ON_TRACK') as any}>
+                        {(campaign.health || 'ON_TRACK').replace('_', ' ')}
+                     </Badge>
+                     <Badge variant={getStatusColor(campaign.status || 'PLAN') as any}>
+                        {campaign.status || 'PLAN'}
+                     </Badge>
+                  </div>
+               </CardContent>
+            </Card>
+
+            {/* Timeline */}
+            <Card>
+               <CardHeader className="pb-3">
+                  <CardTitle className="text-base flex items-center gap-2">
+                     <Calendar className="h-4 w-4" />
+                     Timeline
+                  </CardTitle>
+               </CardHeader>
+               <CardContent>
+                  <div className="flex items-center justify-between text-sm">
+                     <span>
+                        Start:{' '}
+                        {campaign.startDate
+                           ? new Date(campaign.startDate).toLocaleDateString()
+                           : 'Not set'}
+                     </span>
+                     <span>
+                        End:{' '}
+                        {campaign.endDate
+                           ? new Date(campaign.endDate).toLocaleDateString()
+                           : 'Not set'}
+                     </span>
+                  </div>
+               </CardContent>
+            </Card>
+
+            {/* Team */}
+            <Card>
+               <CardHeader className="pb-3">
+                  <CardTitle className="text-base flex items-center gap-2">
+                     <Users className="h-4 w-4" />
+                     Team ({(campaign.pic || []).length})
+                  </CardTitle>
+               </CardHeader>
+               <CardContent>
+                  <div className="space-y-2">
+                     {(campaign.pic || []).map((member, index) => (
+                        <div key={index} className="flex items-center gap-2 text-sm">
+                           <div className="w-2 h-2 bg-primary rounded-full"></div>
+                           <span>{member}</span>
+                        </div>
+                     ))}
+                  </div>
+               </CardContent>
+            </Card>
+
+            {/* Tasks & Content */}
+            <Card>
+               <CardHeader className="pb-3">
+                  <CardTitle className="text-base flex items-center gap-2">
+                     <FileText className="h-4 w-4" />
+                     Tasks & Content ({campaign.totalTasks || 0})
+                  </CardTitle>
+               </CardHeader>
+               <CardContent>
+                  <div className="space-y-2">
+                     {(campaign.contents || []).length > 0 ? (
+                        (campaign.contents || []).slice(0, 5).map((content: any) => (
+                           <div
+                              key={content.id}
+                              className="flex items-center justify-between text-sm p-2 bg-muted/50 rounded"
+                           >
+                              <span className="truncate">
+                                 {content.title || 'Untitled Content'}
+                              </span>
+                              <Badge variant="outline" className="text-xs">
+                                 {content.status || 'Unknown'}
+                              </Badge>
+                           </div>
+                        ))
+                     ) : (
+                        <p className="text-sm text-muted-foreground">No tasks yet</p>
+                     )}
+                  </div>
+               </CardContent>
+            </Card>
+
+            {/* Schedules */}
+            <Card>
+               <CardHeader className="pb-3">
+                  <CardTitle className="text-base flex items-center gap-2">
+                     <Clock className="h-4 w-4" />
+                     Schedules ({campaign.schedules?.length || 0})
+                  </CardTitle>
+               </CardHeader>
+               <CardContent>
+                  <div className="space-y-2">
+                     {campaign.schedules && campaign.schedules.length > 0 ? (
+                        campaign.schedules.slice(0, 3).map((schedule: any) => (
+                           <div key={schedule.id} className="text-sm p-2 bg-muted/50 rounded">
+                              <div className="font-medium">
+                                 {schedule.name || 'Unnamed Schedule'}
+                              </div>
+                              <div className="text-xs text-muted-foreground">
+                                 {schedule.runAt
+                                    ? new Date(schedule.runAt).toLocaleDateString()
+                                    : 'No date set'}
+                              </div>
+                           </div>
+                        ))
+                     ) : (
+                        <p className="text-sm text-muted-foreground">No schedules yet</p>
+                     )}
+                  </div>
+               </CardContent>
+            </Card>
+
+            {/* Actions */}
+            <div className="flex gap-2">
+               <Link href={`/${orgId}/campaigns/${campaign.id || ''}`} className="flex-1">
+                  <Button variant="outline" className="w-full">
+                     <Edit className="h-4 w-4 mr-2" />
+                     Edit Campaign
+                  </Button>
+               </Link>
+               <Button variant="destructive" size="sm">
+                  <Trash2 className="h-4 w-4" />
+               </Button>
+            </div>
+         </div>
+      </div>
+   );
+}
diff --git a/components/common/campaigns/campaign-line.tsx b/components/common/campaigns/campaign-line.tsx
new file mode 100644
index 00000000..8ccef01f
--- /dev/null
+++ b/components/common/campaigns/campaign-line.tsx
@@ -0,0 +1,134 @@
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Layers, FileText, Users, Calendar, ChevronRight } from 'lucide-react';
+
+interface Campaign {
+   id: string;
+   name: string;
+   description?: string;
+   health: 'ON_TRACK' | 'AT_RISK' | 'OFF_TRACK';
+   totalTasks: number;
+   pic: string[];
+   startDate: string;
+   endDate: string;
+   status: 'PLAN' | 'DO' | 'DONE' | 'CANCELED';
+   createdAt: string;
+   updatedAt: string;
+}
+
+interface CampaignLineProps {
+   campaign: Campaign;
+   orgId: string;
+   onOpenDetails?: (campaignId: string) => void;
+}
+
+export default function CampaignLine({ campaign, orgId, onOpenDetails }: CampaignLineProps) {
+   const getHealthColor = (health: string) => {
+      switch (health) {
+         case 'ON_TRACK':
+            return 'default';
+         case 'AT_RISK':
+            return 'destructive';
+         case 'OFF_TRACK':
+            return 'secondary';
+         default:
+            return 'default';
+      }
+   };
+
+   const getStatusColor = (status: string) => {
+      switch (status) {
+         case 'PLAN':
+            return 'secondary';
+         case 'DO':
+            return 'default';
+         case 'DONE':
+            return 'default';
+         case 'CANCELED':
+            return 'destructive';
+         default:
+            return 'secondary';
+      }
+   };
+
+   const formatDate = (date: Date) => {
+      return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+   };
+
+   return (
+      <div className="w-full flex items-center py-3 px-6 border-b hover:bg-sidebar/50 border-muted-foreground/5 text-sm">
+         {/* Title */}
+         <div className="w-[35%] flex items-center gap-2">
+            <div className="relative">
+               <div className="inline-flex size-6 bg-muted/50 items-center justify-center rounded shrink-0">
+                  <Layers className="size-4" />
+               </div>
+            </div>
+            <div className="flex flex-col items-start overflow-hidden">
+               <span className="font-medium truncate w-full">
+                  {campaign.name || 'Unnamed Campaign'}
+               </span>
+               {campaign.description && (
+                  <span className="text-xs text-muted-foreground truncate w-full">
+                     {campaign.description}
+                  </span>
+               )}
+            </div>
+         </div>
+
+         {/* Health */}
+         <div className="w-[12%]">
+            <Badge
+               variant={getHealthColor(campaign.health || 'ON_TRACK') as any}
+               className="text-xs"
+            >
+               {(campaign.health || 'ON_TRACK').replace('_', ' ')}
+            </Badge>
+         </div>
+
+         {/* Total Tasks */}
+         <div className="w-[12%] flex items-center gap-1">
+            <FileText className="h-3 w-3 text-muted-foreground" />
+            <span className="text-xs">{campaign.totalTasks || 0}</span>
+         </div>
+
+         {/* PIC */}
+         <div className="w-[15%] flex items-center gap-1">
+            <Users className="h-3 w-3 text-muted-foreground" />
+            <span className="text-xs truncate">
+               {(campaign.pic || []).length > 1
+                  ? `${(campaign.pic || [])[0]} +${(campaign.pic || []).length - 1}`
+                  : (campaign.pic || [])[0] || 'Unassigned'}
+            </span>
+         </div>
+
+         {/* Timeline */}
+         <div className="w-[18%] flex items-center gap-1">
+            <Calendar className="h-3 w-3 text-muted-foreground" />
+            <span className="text-xs">
+               {campaign.startDate ? formatDate(new Date(campaign.startDate)) : 'Not set'} →{' '}
+               {campaign.endDate ? formatDate(new Date(campaign.endDate)) : 'Not set'}
+            </span>
+         </div>
+
+         {/* Status */}
+         <div className="w-[8%]">
+            <Badge variant={getStatusColor(campaign.status || 'PLAN') as any} className="text-xs">
+               {campaign.status || 'PLAN'}
+            </Badge>
+         </div>
+
+         {/* Actions */}
+         <div className="flex items-center gap-2 ml-auto">
+            <Button
+               variant="ghost"
+               size="xs"
+               onClick={() => campaign.id && onOpenDetails?.(campaign.id)}
+               className="hover:bg-accent"
+            >
+               <ChevronRight className="h-4 w-4" />
+            </Button>
+         </div>
+      </div>
+   );
+}
diff --git a/components/common/campaigns/campaigns.tsx b/components/common/campaigns/campaigns.tsx
new file mode 100644
index 00000000..3cd90815
--- /dev/null
+++ b/components/common/campaigns/campaigns.tsx
@@ -0,0 +1,153 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useParams } from 'next/navigation';
+import CampaignLine from './campaign-line';
+import CampaignDetailsPanel from './campaign-details-panel';
+
+interface Campaign {
+   id: string;
+   name: string;
+   description?: string;
+   health: 'ON_TRACK' | 'AT_RISK' | 'OFF_TRACK';
+   totalTasks: number;
+   pic: string[];
+   startDate: string;
+   endDate: string;
+   status: 'PLAN' | 'DO' | 'DONE' | 'CANCELED';
+   createdAt: string;
+   updatedAt: string;
+}
+
+export default function Campaigns() {
+   const params = useParams();
+   const orgId = params.orgId as string;
+   const [campaigns, setCampaigns] = useState<Campaign[]>([]);
+   const [loading, setLoading] = useState(true);
+   const [selectedCampaignId, setSelectedCampaignId] = useState<string | null>(null);
+
+   useEffect(() => {
+      fetchCampaigns();
+   }, [orgId]);
+
+   const fetchCampaigns = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns`);
+         if (response.ok) {
+            const data = await response.json();
+            // Transform the data to match our new interface
+            const transformedCampaigns = data.map((campaign: any) => ({
+               id: campaign.id,
+               name: campaign.name || 'Unnamed Campaign',
+               description: campaign.description,
+               health: campaign.health || 'ON_TRACK',
+               totalTasks: campaign.contents?.length || 0,
+               pic: campaign.members?.map(
+                  (member: any) => member.user?.name || member.user?.email || 'Unknown User'
+               ) || ['Unassigned'],
+               startDate: campaign.startDate || campaign.createdAt,
+               endDate: campaign.endDate || campaign.updatedAt,
+               status: campaign.status || 'PLAN',
+               createdAt: campaign.createdAt,
+               updatedAt: campaign.updatedAt,
+            }));
+            setCampaigns(transformedCampaigns);
+         }
+      } catch (error) {
+         console.error('Error fetching campaigns:', error);
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleOpenDetails = (campaignId: string) => {
+      setSelectedCampaignId(campaignId);
+   };
+
+   const handleCloseDetails = () => {
+      setSelectedCampaignId(null);
+   };
+
+   if (loading) {
+      return (
+         <div className="w-full">
+            <div className="bg-container px-6 py-1.5 text-sm flex items-center text-muted-foreground border-b sticky top-0 z-10">
+               <div className="w-[35%]">Title</div>
+               <div className="w-[12%]">Health</div>
+               <div className="w-[12%]">Total Tasks</div>
+               <div className="w-[15%]">PIC</div>
+               <div className="w-[18%]">Timeline</div>
+               <div className="w-[8%]">Status</div>
+            </div>
+            <div className="w-full">
+               {[...Array(5)].map((_, i) => (
+                  <div key={i} className="w-full flex items-center py-3 px-6 border-b">
+                     <div className="w-[35%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-32"></div>
+                     </div>
+                     <div className="w-[12%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-16"></div>
+                     </div>
+                     <div className="w-[12%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-16"></div>
+                     </div>
+                     <div className="w-[15%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-20"></div>
+                     </div>
+                     <div className="w-[18%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-24"></div>
+                     </div>
+                     <div className="w-[8%]">
+                        <div className="h-4 bg-muted rounded animate-pulse w-16"></div>
+                     </div>
+                  </div>
+               ))}
+            </div>
+         </div>
+      );
+   }
+
+   return (
+      <div className="w-full relative">
+         <div className="bg-container px-6 py-1.5 text-sm flex items-center text-muted-foreground border-b sticky top-0 z-10">
+            <div className="w-[35%]">Title</div>
+            <div className="w-[12%]">Health</div>
+            <div className="w-[12%]">Total Tasks</div>
+            <div className="w-[15%]">PIC</div>
+            <div className="w-[18%]">Timeline</div>
+            <div className="w-[8%]">Status</div>
+         </div>
+
+         <div className="w-full">
+            {campaigns.length === 0 ? (
+               <div className="w-full flex items-center py-12 px-6 text-center">
+                  <div className="w-full">
+                     <p className="text-muted-foreground mb-4">No campaigns yet</p>
+                     <p className="text-sm text-muted-foreground">
+                        Create your first campaign to get started
+                     </p>
+                  </div>
+               </div>
+            ) : (
+               campaigns.map((campaign) => (
+                  <CampaignLine
+                     key={campaign.id}
+                     campaign={campaign}
+                     orgId={orgId}
+                     onOpenDetails={handleOpenDetails}
+                  />
+               ))
+            )}
+         </div>
+
+         {/* Right Panel */}
+         {selectedCampaignId && (
+            <CampaignDetailsPanel
+               campaignId={selectedCampaignId}
+               orgId={orgId}
+               onClose={handleCloseDetails}
+            />
+         )}
+      </div>
+   );
+}
diff --git a/components/common/settings/language-switcher.tsx b/components/common/settings/language-switcher.tsx
new file mode 100644
index 00000000..5df11257
--- /dev/null
+++ b/components/common/settings/language-switcher.tsx
@@ -0,0 +1,64 @@
+'use client';
+
+import { useLocale, useTranslations } from 'next-intl';
+import { useRouter, usePathname } from 'next/navigation';
+import { Button } from '@/components/ui/button';
+import {
+   DropdownMenu,
+   DropdownMenuContent,
+   DropdownMenuItem,
+   DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import { Languages } from 'lucide-react';
+import { locales } from '@/lib/i18n';
+
+export default function LanguageSwitcher() {
+   const t = useTranslations('common');
+   const locale = useLocale();
+   const router = useRouter();
+   const pathname = usePathname();
+
+   const switchLocale = (newLocale: string) => {
+      // Store the locale preference
+      localStorage.setItem('locale', newLocale);
+
+      // For now, reload the page to apply the new locale
+      // In production, you might want to implement proper locale routing
+      window.location.reload();
+   };
+
+   return (
+      <div className="bg-card rounded-lg border p-6">
+         <div className="flex items-center justify-between">
+            <div className="flex items-center gap-3">
+               <Languages size={20} className="text-muted-foreground" />
+               <div>
+                  <h3 className="font-medium text-card-foreground">{t('language')}</h3>
+                  <p className="text-sm text-muted-foreground">Choose your preferred language</p>
+               </div>
+            </div>
+            <DropdownMenu>
+               <DropdownMenuTrigger asChild>
+                  <Button variant="outline" className="min-w-[120px]">
+                     {locale === 'en' ? t('english') : t('vietnamese')}
+                  </Button>
+               </DropdownMenuTrigger>
+               <DropdownMenuContent align="end">
+                  <DropdownMenuItem
+                     onClick={() => switchLocale('en')}
+                     className={locale === 'en' ? 'bg-accent' : ''}
+                  >
+                     {t('english')}
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                     onClick={() => switchLocale('vi')}
+                     className={locale === 'vi' ? 'bg-accent' : ''}
+                  >
+                     {t('vietnamese')}
+                  </DropdownMenuItem>
+               </DropdownMenuContent>
+            </DropdownMenu>
+         </div>
+      </div>
+   );
+}
diff --git a/components/common/settings/settings.tsx b/components/common/settings/settings.tsx
index 661be11a..309ea11d 100644
--- a/components/common/settings/settings.tsx
+++ b/components/common/settings/settings.tsx
@@ -24,6 +24,7 @@ import {
    SiTablecheck,
 } from 'react-icons/si';
 import { Button } from '@/components/ui/button';
+import LanguageSwitcher from './language-switcher';
 
 interface Feature {
    icon: ReactNode;
@@ -243,6 +244,13 @@ export default function Settings() {
             </p>
          </div>
 
+         <div className="mb-10">
+            <div className="flex items-center justify-between mb-6">
+               <h2 className="text-xl font-semibold">Language & Region</h2>
+            </div>
+            <LanguageSwitcher />
+         </div>
+
          <div className="mb-10">
             <div className="flex items-center justify-between mb-6">
                <h2 className="text-xl font-semibold">Explore features</h2>
diff --git a/components/content/content-card.tsx b/components/content/content-card.tsx
new file mode 100644
index 00000000..c6ae72b9
--- /dev/null
+++ b/components/content/content-card.tsx
@@ -0,0 +1,94 @@
+'use client';
+
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { FileText, Calendar, MoreHorizontal, Eye } from 'lucide-react';
+import Link from 'next/link';
+import { formatDistanceToNow } from 'date-fns';
+
+interface Content {
+   id: string;
+   title: string;
+   body?: string;
+   status: string;
+   createdAt: string;
+   campaign: {
+      id: string;
+      name: string;
+   };
+}
+
+interface ContentCardProps {
+   content: Content;
+   orgId: string;
+}
+
+const getStatusColor = (status: string) => {
+   switch (status) {
+      case 'DRAFT':
+         return 'secondary';
+      case 'SUBMITTED':
+         return 'default';
+      case 'APPROVED':
+         return 'default';
+      case 'PUBLISHED':
+         return 'default';
+      case 'REJECTED':
+         return 'destructive';
+      default:
+         return 'secondary';
+   }
+};
+
+export function ContentCard({ content, orgId }: ContentCardProps) {
+   const createdDate = new Date(content.createdAt);
+
+   return (
+      <Card className="hover:shadow-md transition-shadow">
+         <CardHeader className="pb-3">
+            <div className="flex items-start justify-between">
+               <div className="space-y-1">
+                  <CardTitle className="text-lg font-semibold line-clamp-2">
+                     {content.title}
+                  </CardTitle>
+                  <CardDescription className="line-clamp-1">
+                     {content.campaign.name}
+                  </CardDescription>
+               </div>
+               <Button variant="ghost" size="sm" className="h-8 w-8 p-0">
+                  <MoreHorizontal className="h-4 w-4" />
+               </Button>
+            </div>
+         </CardHeader>
+
+         <CardContent className="space-y-4">
+            {content.body && (
+               <p className="text-sm text-muted-foreground line-clamp-3">
+                  {content.body.replace(/<[^>]*>/g, '')} {/* Remove HTML tags */}
+               </p>
+            )}
+
+            <div className="flex items-center justify-between">
+               <Badge variant={getStatusColor(content.status) as any}>{content.status}</Badge>
+               <div className="flex items-center gap-1 text-sm text-muted-foreground">
+                  <Calendar className="h-4 w-4" />
+                  <span>{formatDistanceToNow(createdDate, { addSuffix: true })}</span>
+               </div>
+            </div>
+
+            <div className="flex gap-2">
+               <Link href={`/${orgId}/content/${content.id}`} className="flex-1">
+                  <Button variant="outline" className="w-full">
+                     <Eye className="h-4 w-4 mr-2" />
+                     View Details
+                  </Button>
+               </Link>
+               <Link href={`/${orgId}/content/${content.id}/edit`}>
+                  <Button size="sm">Edit</Button>
+               </Link>
+            </div>
+         </CardContent>
+      </Card>
+   );
+}
diff --git a/components/content/content-detail.tsx b/components/content/content-detail.tsx
new file mode 100644
index 00000000..1d46bdfc
--- /dev/null
+++ b/components/content/content-detail.tsx
@@ -0,0 +1,462 @@
+'use client';
+
+import { useState } from 'react';
+import { useParams } from 'next/navigation';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import {
+   ArrowLeft,
+   Edit,
+   Trash2,
+   Eye,
+   Calendar,
+   FileText,
+   BarChart3,
+   TrendingUp,
+   Users,
+   Clock,
+} from 'lucide-react';
+import Link from 'next/link';
+import { formatDistanceToNow } from 'date-fns';
+import { toast } from 'sonner';
+
+interface Content {
+   id: string;
+   title: string;
+   body: string | null;
+   status: string;
+   createdAt: Date | string;
+   updatedAt: Date | string;
+   campaign: {
+      id: string;
+      name: string;
+   };
+   assets: any[];
+}
+
+interface ContentDetailProps {
+   content: Content;
+}
+
+export function ContentDetail({ content }: ContentDetailProps) {
+   const params = useParams();
+   const orgId = params.orgId as string;
+   const [loading, setLoading] = useState(false);
+   const [activeTab, setActiveTab] = useState('overview');
+
+   const handleDelete = async () => {
+      if (!confirm('Are you sure you want to delete this content? This action cannot be undone.')) {
+         return;
+      }
+
+      setLoading(true);
+      try {
+         const response = await fetch(`/api/${orgId}/content/${content.id}`, {
+            method: 'DELETE',
+         });
+
+         if (response.ok) {
+            toast.success('Content deleted successfully');
+            window.location.href = `/${orgId}/content`;
+         } else {
+            const error = await response.json();
+            toast.error(error.error || 'Failed to delete content');
+         }
+      } catch (error) {
+         console.error('Error deleting content:', error);
+         toast.error('An unexpected error occurred');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const createdDate = new Date(content.createdAt);
+   const updatedDate = new Date(content.updatedAt);
+
+   const getStatusColor = (status: string) => {
+      switch (status) {
+         case 'DRAFT':
+            return 'secondary';
+         case 'SUBMITTED':
+            return 'default';
+         case 'APPROVED':
+            return 'default';
+         case 'PUBLISHED':
+            return 'default';
+         case 'REJECTED':
+            return 'destructive';
+         default:
+            return 'secondary';
+      }
+   };
+
+   const getStatusIcon = (status: string) => {
+      switch (status) {
+         case 'DRAFT':
+            return '📝';
+         case 'SUBMITTED':
+            return '📤';
+         case 'APPROVED':
+            return '✅';
+         case 'PUBLISHED':
+            return '🚀';
+         case 'REJECTED':
+            return '❌';
+         default:
+            return '📄';
+      }
+   };
+
+   const getContentStats = () => {
+      // Mock stats - in real app, these would come from analytics API
+      return {
+         views: Math.floor(Math.random() * 1000) + 100,
+         engagement: Math.floor(Math.random() * 100) + 10,
+         shares: Math.floor(Math.random() * 50) + 5,
+         comments: Math.floor(Math.random() * 20) + 2,
+      };
+   };
+
+   const contentStats = getContentStats();
+
+   return (
+      <div className="space-y-6">
+         <div className="flex items-center justify-between">
+            <div className="flex items-center gap-4">
+               <Link href={`/${orgId}/content`}>
+                  <Button variant="ghost" size="sm">
+                     <ArrowLeft className="h-4 w-4 mr-2" />
+                     Back to Content
+                  </Button>
+               </Link>
+               <div>
+                  <h1 className="text-3xl font-bold">{content.title}</h1>
+                  <div className="flex items-center gap-2 mt-2">
+                     <span>{getStatusIcon(content.status)}</span>
+                     <Badge variant={getStatusColor(content.status) as any}>{content.status}</Badge>
+                     <span className="text-muted-foreground">•</span>
+                     <span className="text-muted-foreground">{content.campaign.name}</span>
+                     <span className="text-muted-foreground">•</span>
+                     <span className="text-muted-foreground">
+                        Created {formatDistanceToNow(createdDate, { addSuffix: true })}
+                     </span>
+                  </div>
+               </div>
+            </div>
+            <div className="flex items-center gap-2">
+               <Button variant="outline" asChild>
+                  <Link href={`/${orgId}/content/${content.id}/edit`}>
+                     <Edit className="h-4 w-4 mr-2" />
+                     Edit
+                  </Link>
+               </Button>
+               <Button variant="destructive" onClick={handleDelete} disabled={loading}>
+                  <Trash2 className="h-4 w-4 mr-2" />
+                  {loading ? 'Deleting...' : 'Delete'}
+               </Button>
+            </div>
+         </div>
+
+         {/* Overview Cards */}
+         <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Eye className="h-5 w-5 text-blue-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Views</p>
+                        <p className="text-xl font-bold">{contentStats.views}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <TrendingUp className="h-5 w-5 text-green-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Engagement</p>
+                        <p className="text-xl font-bold">{contentStats.engagement}%</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Users className="h-5 w-5 text-purple-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Shares</p>
+                        <p className="text-xl font-bold">{contentStats.shares}</p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+
+            <Card>
+               <CardContent className="p-4">
+                  <div className="flex items-center gap-2">
+                     <Clock className="h-5 w-5 text-orange-500" />
+                     <div>
+                        <p className="text-sm text-muted-foreground">Last Updated</p>
+                        <p className="text-sm font-medium">
+                           {formatDistanceToNow(updatedDate, { addSuffix: true })}
+                        </p>
+                     </div>
+                  </div>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Tabs */}
+         <Tabs value={activeTab} onValueChange={setActiveTab}>
+            <TabsList>
+               <TabsTrigger value="overview">Overview</TabsTrigger>
+               <TabsTrigger value="content">Content</TabsTrigger>
+               <TabsTrigger value="analytics">Analytics</TabsTrigger>
+               <TabsTrigger value="assets">Assets ({content.assets?.length || 0})</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="overview" className="space-y-6">
+               <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>📋 Content Information</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-2">
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Title:</span>
+                              <span className="font-medium">{content.title}</span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Status:</span>
+                              <Badge variant={getStatusColor(content.status) as any}>
+                                 {content.status}
+                              </Badge>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Campaign:</span>
+                              <Link
+                                 href={`/${orgId}/campaigns/${content.campaign.id}`}
+                                 className="text-blue-600 hover:underline"
+                              >
+                                 {content.campaign.name}
+                              </Link>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Created:</span>
+                              <span>{createdDate.toLocaleDateString()}</span>
+                           </div>
+                           <div className="flex justify-between">
+                              <span className="text-muted-foreground">Last Updated:</span>
+                              <span>{updatedDate.toLocaleDateString()}</span>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>📊 Quick Stats</CardTitle>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-3">
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Views</span>
+                              <span className="text-sm font-medium">{contentStats.views}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Engagement Rate</span>
+                              <span className="text-sm font-medium">
+                                 {contentStats.engagement}%
+                              </span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Shares</span>
+                              <span className="text-sm font-medium">{contentStats.shares}</span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Comments</span>
+                              <span className="text-sm font-medium">{contentStats.comments}</span>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+
+            <TabsContent value="content" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>📄 Content Body</CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     {content.body ? (
+                        <div
+                           className="prose dark:prose-invert max-w-none"
+                           dangerouslySetInnerHTML={{ __html: content.body }}
+                        />
+                     ) : (
+                        <div className="text-center py-8 text-muted-foreground">
+                           <FileText className="h-12 w-12 mx-auto mb-4" />
+                           <p>No content body available</p>
+                        </div>
+                     )}
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="analytics" className="space-y-6">
+               <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="flex items-center gap-2">
+                           <BarChart3 className="h-5 w-5" />
+                           Performance Metrics
+                        </CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        <div className="space-y-4">
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Views</span>
+                              <div className="flex items-center gap-2">
+                                 <div className="w-32 bg-gray-200 rounded-full h-2">
+                                    <div
+                                       className="bg-blue-600 h-2 rounded-full"
+                                       style={{ width: `${(contentStats.views / 1000) * 100}%` }}
+                                    ></div>
+                                 </div>
+                                 <span className="text-sm font-medium">{contentStats.views}</span>
+                              </div>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Engagement</span>
+                              <div className="flex items-center gap-2">
+                                 <div className="w-32 bg-gray-200 rounded-full h-2">
+                                    <div
+                                       className="bg-green-600 h-2 rounded-full"
+                                       style={{ width: `${contentStats.engagement}%` }}
+                                    ></div>
+                                 </div>
+                                 <span className="text-sm font-medium">
+                                    {contentStats.engagement}%
+                                 </span>
+                              </div>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm">Shares</span>
+                              <div className="flex items-center gap-2">
+                                 <div className="w-32 bg-gray-200 rounded-full h-2">
+                                    <div
+                                       className="bg-purple-600 h-2 rounded-full"
+                                       style={{ width: `${(contentStats.shares / 50) * 100}%` }}
+                                    ></div>
+                                 </div>
+                                 <span className="text-sm font-medium">{contentStats.shares}</span>
+                              </div>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="flex items-center gap-2">
+                           <TrendingUp className="h-5 w-5" />
+                           Content Timeline
+                        </CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        <div className="space-y-4">
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm text-muted-foreground">Created</span>
+                              <span className="font-medium">
+                                 {createdDate.toLocaleDateString()}
+                              </span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm text-muted-foreground">Last Updated</span>
+                              <span className="font-medium">
+                                 {updatedDate.toLocaleDateString()}
+                              </span>
+                           </div>
+                           <div className="flex justify-between items-center">
+                              <span className="text-sm text-muted-foreground">Age</span>
+                              <span className="font-medium">
+                                 {formatDistanceToNow(createdDate)}
+                              </span>
+                           </div>
+                        </div>
+                     </CardContent>
+                  </Card>
+               </div>
+
+               <Card>
+                  <CardHeader>
+                     <CardTitle>📈 Engagement Trends</CardTitle>
+                     <CardDescription>Content performance over time</CardDescription>
+                  </CardHeader>
+                  <CardContent>
+                     <div className="text-center py-8 text-muted-foreground">
+                        <BarChart3 className="h-12 w-12 mx-auto mb-4" />
+                        <p>Detailed analytics charts coming soon</p>
+                        <p className="text-sm">
+                           Track views, engagement, and conversion metrics over time
+                        </p>
+                     </div>
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="assets" className="space-y-4">
+               <div className="flex items-center justify-between">
+                  <h3 className="text-lg font-semibold">📎 Attached Assets</h3>
+                  <Button variant="outline" size="sm">
+                     <FileText className="h-4 w-4 mr-2" />
+                     Add Asset
+                  </Button>
+               </div>
+
+               {content.assets && content.assets.length > 0 ? (
+                  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                     {content.assets.map((asset: any) => (
+                        <Card key={asset.id}>
+                           <CardContent className="p-4">
+                              <div className="flex items-center gap-3">
+                                 <FileText className="h-8 w-8 text-blue-500" />
+                                 <div>
+                                    <h4 className="font-medium">
+                                       {asset.name || 'Untitled Asset'}
+                                    </h4>
+                                    <p className="text-sm text-muted-foreground">
+                                       {asset.type || 'Unknown type'}
+                                    </p>
+                                 </div>
+                              </div>
+                           </CardContent>
+                        </Card>
+                     ))}
+                  </div>
+               ) : (
+                  <div className="text-center py-8">
+                     <FileText className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
+                     <h4 className="font-medium mb-2">No assets attached</h4>
+                     <p className="text-muted-foreground mb-4">
+                        Attach images, documents, or other files to this content
+                     </p>
+                     <Button variant="outline">
+                        <FileText className="h-4 w-4 mr-2" />
+                        Add First Asset
+                     </Button>
+                  </div>
+               )}
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/content/content-editor.tsx b/components/content/content-editor.tsx
new file mode 100644
index 00000000..02bcca13
--- /dev/null
+++ b/components/content/content-editor.tsx
@@ -0,0 +1,319 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useSession } from 'next-auth/react';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import {
+   Dialog,
+   DialogContent,
+   DialogHeader,
+   DialogTitle,
+   DialogTrigger,
+} from '@/components/ui/dialog';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Save, Image, Plus, Calendar, Clock } from 'lucide-react';
+import { AssetLibrary } from '@/components/assets/asset-library';
+import { ScheduleContentModal } from '@/components/schedules/schedule-content-modal';
+import { RichTextEditor } from './rich-text-editor';
+
+interface Content {
+   id: string;
+   title: string;
+   body: string;
+   campaignId: string;
+}
+
+interface Campaign {
+   id: string;
+   name: string;
+}
+
+interface Asset {
+   id: string;
+   url: string;
+   type: string;
+   createdAt: string;
+   content: {
+      id: string;
+      title: string;
+   };
+}
+
+interface ContentEditorProps {
+   orgId: string;
+   contentId?: string;
+   onSave?: (content: Content) => void;
+}
+
+export function ContentEditor({ orgId, contentId, onSave }: ContentEditorProps) {
+   const { data: session } = useSession();
+   const [title, setTitle] = useState('');
+   const [body, setBody] = useState('');
+   const [campaignId, setCampaignId] = useState('');
+   const [campaigns, setCampaigns] = useState<Campaign[]>([]);
+   const [assets, setAssets] = useState<Asset[]>([]);
+   const [selectedAssets, setSelectedAssets] = useState<Asset[]>([]);
+   const [loading, setLoading] = useState(false);
+   const [assetDialogOpen, setAssetDialogOpen] = useState(false);
+
+   // Fetch campaigns
+   useEffect(() => {
+      const fetchCampaigns = async () => {
+         try {
+            const response = await fetch(`/api/${orgId}/campaigns`);
+            if (response.ok) {
+               const data = await response.json();
+               setCampaigns(data);
+            }
+         } catch (error) {
+            console.error('Error fetching campaigns:', error);
+         }
+      };
+
+      if (session?.user) {
+         fetchCampaigns();
+      }
+   }, [session, orgId]);
+
+   // Fetch content if editing
+   useEffect(() => {
+      if (contentId) {
+         const fetchContent = async () => {
+            try {
+               const response = await fetch(`/api/${orgId}/content/${contentId}`);
+               if (response.ok) {
+                  const content = await response.json();
+                  setTitle(content.title);
+                  setBody(content.body || '');
+                  setCampaignId(content.campaignId);
+                  setSelectedAssets(content.assets || []);
+               }
+            } catch (error) {
+               console.error('Error fetching content:', error);
+            }
+         };
+
+         fetchContent();
+      }
+   }, [contentId, orgId]);
+
+   // Fetch assets for the selected campaign
+   useEffect(() => {
+      if (campaignId) {
+         const fetchAssets = async () => {
+            try {
+               const response = await fetch(`/api/${orgId}/assets?contentId=${campaignId}`);
+               if (response.ok) {
+                  const data = await response.json();
+                  setAssets(data);
+               }
+            } catch (error) {
+               console.error('Error fetching assets:', error);
+            }
+         };
+
+         fetchAssets();
+      }
+   }, [campaignId, orgId]);
+
+   const handleSave = async () => {
+      if (!title.trim() || !campaignId) return;
+
+      setLoading(true);
+      try {
+         const contentData = {
+            title: title.trim(),
+            body: body.trim(),
+            campaignId,
+         };
+
+         const url = contentId ? `/api/${orgId}/content/${contentId}` : `/api/${orgId}/content`;
+
+         const response = await fetch(url, {
+            method: contentId ? 'PUT' : 'POST',
+            headers: {
+               'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(contentData),
+         });
+
+         if (response.ok) {
+            const savedContent = await response.json();
+            onSave?.(savedContent);
+         } else {
+            const error = await response.json();
+            alert(`Failed to save content: ${error.error}`);
+         }
+      } catch (error) {
+         console.error('Error saving content:', error);
+         alert('Failed to save content. Please try again.');
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleAssetSelect = (asset: Asset) => {
+      if (!selectedAssets.find((a) => a.id === asset.id)) {
+         setSelectedAssets([...selectedAssets, asset]);
+      }
+      setAssetDialogOpen(false);
+   };
+
+   const removeAsset = (assetId: string) => {
+      setSelectedAssets(selectedAssets.filter((asset) => asset.id !== assetId));
+   };
+
+   return (
+      <div className="space-y-6">
+         <div className="flex items-center justify-between">
+            <h2 className="text-2xl font-bold">
+               {contentId ? 'Edit Content' : 'Create New Content'}
+            </h2>
+            <Button onClick={handleSave} disabled={loading || !title.trim() || !campaignId}>
+               <Save className="h-4 w-4 mr-2" />
+               {loading ? 'Saving...' : 'Save Content'}
+            </Button>
+         </div>
+
+         <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+            <div className="lg:col-span-2 space-y-4">
+               <div>
+                  <Label htmlFor="title">Title</Label>
+                  <Input
+                     id="title"
+                     value={title}
+                     onChange={(e) => setTitle(e.target.value)}
+                     placeholder="Enter content title"
+                     className="mt-1"
+                  />
+               </div>
+
+               <div>
+                  <Label htmlFor="campaign">Campaign</Label>
+                  <Select value={campaignId} onValueChange={setCampaignId}>
+                     <SelectTrigger className="mt-1">
+                        <SelectValue placeholder="Select a campaign" />
+                     </SelectTrigger>
+                     <SelectContent>
+                        {campaigns.map((campaign) => (
+                           <SelectItem key={campaign.id} value={campaign.id}>
+                              {campaign.name}
+                           </SelectItem>
+                        ))}
+                     </SelectContent>
+                  </Select>
+               </div>
+
+               <div>
+                  <Label htmlFor="body">Content Body</Label>
+                  <RichTextEditor
+                     value={body}
+                     onChange={setBody}
+                     placeholder="Write your content here..."
+                  />
+               </div>
+            </div>
+
+            <div className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle className="flex items-center justify-between">
+                        <span>Assets</span>
+                        <Dialog open={assetDialogOpen} onOpenChange={setAssetDialogOpen}>
+                           <DialogTrigger asChild>
+                              <Button variant="outline" size="sm">
+                                 <Plus className="h-4 w-4 mr-2" />
+                                 Add Asset
+                              </Button>
+                           </DialogTrigger>
+                           <DialogContent className="max-w-6xl max-h-[80vh] overflow-y-auto">
+                              <DialogHeader>
+                                 <DialogTitle>Select Assets</DialogTitle>
+                              </DialogHeader>
+                              <AssetLibrary
+                                 orgId={orgId}
+                                 contentId={campaignId}
+                                 onAssetSelect={handleAssetSelect}
+                              />
+                           </DialogContent>
+                        </Dialog>
+                     </CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     {selectedAssets.length === 0 ? (
+                        <p className="text-gray-500 text-sm">
+                           No assets selected. Click "Add Asset" to choose from your library.
+                        </p>
+                     ) : (
+                        <div className="space-y-2">
+                           {selectedAssets.map((asset) => (
+                              <div
+                                 key={asset.id}
+                                 className="flex items-center justify-between p-2 bg-gray-50 rounded"
+                              >
+                                 <div className="flex items-center space-x-2">
+                                    <Image className="h-4 w-4" />
+                                    <span className="text-sm truncate">{asset.content.title}</span>
+                                    <Badge variant="secondary" className="text-xs">
+                                       {asset.type.split('/')[0]}
+                                    </Badge>
+                                 </div>
+                                 <Button
+                                    variant="ghost"
+                                    size="sm"
+                                    onClick={() => removeAsset(asset.id)}
+                                 >
+                                    ×
+                                 </Button>
+                              </div>
+                           ))}
+                        </div>
+                     )}
+                  </CardContent>
+               </Card>
+
+               <Card>
+                  <CardHeader>
+                     <CardTitle className="flex items-center gap-2">
+                        <Calendar className="h-5 w-5" />
+                        Schedule Publication
+                     </CardTitle>
+                  </CardHeader>
+                  <CardContent>
+                     <p className="text-sm text-gray-600 mb-4">
+                        Schedule this content for automatic publication at a specific date and time.
+                     </p>
+                     <ScheduleContentModal
+                        orgId={orgId}
+                        trigger={
+                           <Button
+                              className="w-full"
+                              disabled={!campaignId || !title.trim()}
+                              variant="outline"
+                           >
+                              <Clock className="h-4 w-4 mr-2" />
+                              Schedule Content
+                           </Button>
+                        }
+                        onScheduleCreated={() => {
+                           // Optional: Show success message or refresh data
+                           console.log('Content scheduled successfully');
+                        }}
+                     />
+                  </CardContent>
+               </Card>
+            </div>
+         </div>
+      </div>
+   );
+}
diff --git a/components/content/content-list.tsx b/components/content/content-list.tsx
new file mode 100644
index 00000000..21bb0095
--- /dev/null
+++ b/components/content/content-list.tsx
@@ -0,0 +1,180 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useParams } from 'next/navigation';
+import { ContentCard } from './content-card';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Search, Plus, Filter } from 'lucide-react';
+import Link from 'next/link';
+
+interface Content {
+   id: string;
+   title: string;
+   body?: string;
+   status: string;
+   createdAt: string;
+   campaign: {
+      id: string;
+      name: string;
+   };
+}
+
+interface ContentListProps {
+   orgId: string;
+}
+
+export function ContentList({ orgId }: ContentListProps) {
+   const [contents, setContents] = useState<Content[]>([]);
+   const [loading, setLoading] = useState(true);
+   const [searchTerm, setSearchTerm] = useState('');
+   const [statusFilter, setStatusFilter] = useState<string>('all');
+   const [campaignFilter, setCampaignFilter] = useState<string>('all');
+   const [campaigns, setCampaigns] = useState<any[]>([]);
+
+   useEffect(() => {
+      fetchContents();
+      fetchCampaigns();
+   }, [orgId]);
+
+   const fetchContents = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/content`);
+         if (response.ok) {
+            const data = await response.json();
+            setContents(data.data || []);
+         }
+      } catch (error) {
+         console.error('Error fetching contents:', error);
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const fetchCampaigns = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns`);
+         if (response.ok) {
+            const data = await response.json();
+            setCampaigns(data);
+         }
+      } catch (error) {
+         console.error('Error fetching campaigns:', error);
+      }
+   };
+
+   const filteredContents = contents.filter((content) => {
+      const matchesSearch =
+         content.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
+         content.body?.toLowerCase().includes(searchTerm.toLowerCase());
+      const matchesStatus = statusFilter === 'all' || content.status === statusFilter;
+      const matchesCampaign = campaignFilter === 'all' || content.campaign.id === campaignFilter;
+
+      return matchesSearch && matchesStatus && matchesCampaign;
+   });
+
+   if (loading) {
+      return (
+         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {[...Array(6)].map((_, i) => (
+               <div key={i} className="h-48 bg-muted animate-pulse rounded-lg" />
+            ))}
+         </div>
+      );
+   }
+
+   return (
+      <div className="space-y-6">
+         <div className="flex flex-col sm:flex-row gap-4 items-center justify-between">
+            <div className="flex flex-1 max-w-md gap-2">
+               <div className="relative flex-1">
+                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-4 w-4" />
+                  <Input
+                     placeholder="Search content..."
+                     value={searchTerm}
+                     onChange={(e) => setSearchTerm(e.target.value)}
+                     className="pl-10"
+                  />
+               </div>
+            </div>
+            <Link href={`/${orgId}/content/new`}>
+               <Button>
+                  <Plus className="h-4 w-4 mr-2" />
+                  New Content
+               </Button>
+            </Link>
+         </div>
+
+         <div className="flex flex-col sm:flex-row gap-4">
+            <div className="flex items-center gap-2">
+               <Filter className="h-4 w-4 text-muted-foreground" />
+               <span className="text-sm font-medium">Filters:</span>
+            </div>
+
+            <Select value={statusFilter} onValueChange={setStatusFilter}>
+               <SelectTrigger className="w-40">
+                  <SelectValue placeholder="Status" />
+               </SelectTrigger>
+               <SelectContent>
+                  <SelectItem value="all">All Status</SelectItem>
+                  <SelectItem value="DRAFT">Draft</SelectItem>
+                  <SelectItem value="SUBMITTED">Submitted</SelectItem>
+                  <SelectItem value="APPROVED">Approved</SelectItem>
+                  <SelectItem value="PUBLISHED">Published</SelectItem>
+                  <SelectItem value="REJECTED">Rejected</SelectItem>
+               </SelectContent>
+            </Select>
+
+            <Select value={campaignFilter} onValueChange={setCampaignFilter}>
+               <SelectTrigger className="w-40">
+                  <SelectValue placeholder="Campaign" />
+               </SelectTrigger>
+               <SelectContent>
+                  <SelectItem value="all">All Campaigns</SelectItem>
+                  {campaigns.map((campaign) => (
+                     <SelectItem key={campaign.id} value={campaign.id}>
+                        {campaign.name}
+                     </SelectItem>
+                  ))}
+               </SelectContent>
+            </Select>
+         </div>
+
+         {filteredContents.length === 0 ? (
+            <div className="text-center py-12">
+               <h3 className="text-lg font-semibold text-muted-foreground mb-2">
+                  {searchTerm || statusFilter !== 'all' || campaignFilter !== 'all'
+                     ? 'No content found'
+                     : 'No content yet'}
+               </h3>
+               <p className="text-muted-foreground mb-4">
+                  {searchTerm || statusFilter !== 'all' || campaignFilter !== 'all'
+                     ? 'Try adjusting your filters or search terms'
+                     : 'Create your first content piece to get started'}
+               </p>
+               {!searchTerm && statusFilter === 'all' && campaignFilter === 'all' && (
+                  <Link href={`/${orgId}/content/new`}>
+                     <Button>
+                        <Plus className="h-4 w-4 mr-2" />
+                        Create Content
+                     </Button>
+                  </Link>
+               )}
+            </div>
+         ) : (
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+               {filteredContents.map((content) => (
+                  <ContentCard key={content.id} content={content} orgId={orgId} />
+               ))}
+            </div>
+         )}
+      </div>
+   );
+}
diff --git a/components/content/create-content-button.tsx b/components/content/create-content-button.tsx
new file mode 100644
index 00000000..f914241f
--- /dev/null
+++ b/components/content/create-content-button.tsx
@@ -0,0 +1,17 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import { Plus } from 'lucide-react';
+import Link from 'next/link';
+import { useParams } from 'next/navigation';
+
+export function CreateContentButton({ orgId }: { orgId: string }) {
+   return (
+      <Link href={`/${orgId}/content/new`}>
+         <Button>
+            <Plus className="h-4 w-4 mr-2" />
+            New Content
+         </Button>
+      </Link>
+   );
+}
diff --git a/components/content/rich-text-editor.tsx b/components/content/rich-text-editor.tsx
new file mode 100644
index 00000000..58ab96cd
--- /dev/null
+++ b/components/content/rich-text-editor.tsx
@@ -0,0 +1,168 @@
+'use client';
+
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { Button } from '@/components/ui/button';
+import {
+   Bold,
+   Italic,
+   List,
+   ListOrdered,
+   Quote,
+   Heading1,
+   Heading2,
+   Undo,
+   Redo,
+} from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+interface RichTextEditorProps {
+   value: string;
+   onChange: (value: string) => void;
+   placeholder?: string;
+}
+
+const MenuBar = ({ editor }: { editor: any }) => {
+   if (!editor) {
+      return null;
+   }
+
+   return (
+      <div className="border-b border-border p-2 flex flex-wrap gap-1">
+         <Button
+            variant={editor.isActive('bold') ? 'default' : 'ghost'}
+            size="sm"
+            onClick={() => editor.chain().focus().toggleBold().run()}
+            disabled={!editor.can().chain().focus().toggleBold().run()}
+            className="h-8 w-8 p-0"
+         >
+            <Bold className="h-4 w-4" />
+         </Button>
+
+         <Button
+            variant={editor.isActive('italic') ? 'default' : 'ghost'}
+            size="sm"
+            onClick={() => editor.chain().focus().toggleItalic().run()}
+            disabled={!editor.can().chain().focus().toggleItalic().run()}
+            className="h-8 w-8 p-0"
+         >
+            <Italic className="h-4 w-4" />
+         </Button>
+
+         <Button
+            variant={editor.isActive('heading', { level: 1 }) ? 'default' : 'ghost'}
+            size="sm"
+            onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+            className="h-8 w-8 p-0"
+         >
+            <Heading1 className="h-4 w-4" />
+         </Button>
+
+         <Button
+            variant={editor.isActive('heading', { level: 2 }) ? 'default' : 'ghost'}
+            size="sm"
+            onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+            className="h-8 w-8 p-0"
+         >
+            <Heading2 className="h-4 w-4" />
+         </Button>
+
+         <Button
+            variant={editor.isActive('bulletList') ? 'default' : 'ghost'}
+            size="sm"
+            onClick={() => editor.chain().focus().toggleBulletList().run()}
+            className="h-8 w-8 p-0"
+         >
+            <List className="h-4 w-4" />
+         </Button>
+
+         <Button
+            variant={editor.isActive('orderedList') ? 'default' : 'ghost'}
+            size="sm"
+            onClick={() => editor.chain().focus().toggleOrderedList().run()}
+            className="h-8 w-8 p-0"
+         >
+            <ListOrdered className="h-4 w-4" />
+         </Button>
+
+         <Button
+            variant={editor.isActive('blockquote') ? 'default' : 'ghost'}
+            size="sm"
+            onClick={() => editor.chain().focus().toggleBlockquote().run()}
+            className="h-8 w-8 p-0"
+         >
+            <Quote className="h-4 w-4" />
+         </Button>
+
+         <div className="w-px h-6 bg-border mx-2" />
+
+         <Button
+            variant="ghost"
+            size="sm"
+            onClick={() => editor.chain().focus().undo().run()}
+            disabled={!editor.can().chain().focus().undo().run()}
+            className="h-8 w-8 p-0"
+         >
+            <Undo className="h-4 w-4" />
+         </Button>
+
+         <Button
+            variant="ghost"
+            size="sm"
+            onClick={() => editor.chain().focus().redo().run()}
+            disabled={!editor.can().chain().focus().redo().run()}
+            className="h-8 w-8 p-0"
+         >
+            <Redo className="h-4 w-4" />
+         </Button>
+      </div>
+   );
+};
+
+export function RichTextEditor({ value, onChange, placeholder }: RichTextEditorProps) {
+   const editor = useEditor({
+      extensions: [StarterKit],
+      content: value,
+      immediatelyRender: false, // Fix for SSR hydration issues
+      editorProps: {
+         attributes: {
+            class: 'prose prose-sm sm:prose lg:prose-lg xl:prose-2xl mx-auto focus:outline-none',
+         },
+      },
+      onUpdate: ({ editor }) => {
+         onChange(editor.getHTML());
+      },
+   });
+
+   // Update content when value prop changes
+   if (editor && editor.getHTML() !== value) {
+      editor.commands.setContent(value);
+   }
+
+   return (
+      <div className="border border-border rounded-md overflow-hidden">
+         <MenuBar editor={editor} />
+         <div className="p-4 min-h-[200px]">
+            <EditorContent
+               editor={editor}
+               className={cn(
+                  'prose prose-sm max-w-none',
+                  'prose-headings:font-semibold prose-headings:text-foreground',
+                  'prose-p:text-foreground prose-p:leading-relaxed',
+                  'prose-strong:text-foreground prose-em:text-foreground',
+                  'prose-blockquote:border-l-4 prose-blockquote:border-primary',
+                  'prose-blockquote:pl-4 prose-blockquote:italic',
+                  'prose-ul:list-disc prose-ol:list-decimal',
+                  'prose-li:text-foreground',
+                  'focus:outline-none'
+               )}
+            />
+            {!editor?.getText() && (
+               <p className="text-muted-foreground text-sm italic">
+                  {placeholder || 'Start writing your content...'}
+               </p>
+            )}
+         </div>
+      </div>
+   );
+}
diff --git a/components/dashboards/admin-dashboard.tsx b/components/dashboards/admin-dashboard.tsx
new file mode 100644
index 00000000..e34bad6c
--- /dev/null
+++ b/components/dashboards/admin-dashboard.tsx
@@ -0,0 +1,417 @@
+'use client';
+
+import React from 'react';
+import { useTranslations } from 'next-intl';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import {
+   Table,
+   TableBody,
+   TableCell,
+   TableHead,
+   TableHeader,
+   TableRow,
+} from '@/components/ui/table';
+import {
+   Users,
+   Building,
+   Settings,
+   Shield,
+   Activity,
+   UserPlus,
+   Crown,
+   AlertTriangle,
+   CheckCircle,
+   Clock,
+} from 'lucide-react';
+
+interface AdminDashboardProps {
+   orgId: string;
+}
+
+export function AdminDashboard({ orgId }: AdminDashboardProps) {
+   const t = useTranslations('dashboard');
+
+   // Mock data - in real app, this would come from API
+   const organizationStats = {
+      totalUsers: 45,
+      activeUsers: 38,
+      totalCampaigns: 12,
+      activeCampaigns: 8,
+      totalContent: 156,
+      pendingApprovals: 23,
+   };
+
+   const users = [
+      {
+         id: '1',
+         name: 'Sarah Johnson',
+         email: 'sarah@company.com',
+         role: 'CREATOR',
+         status: 'active',
+         lastActive: '2024-07-10',
+         campaigns: 3,
+      },
+      {
+         id: '2',
+         name: 'Mike Chen',
+         email: 'mike@company.com',
+         role: 'BRAND_OWNER',
+         status: 'active',
+         lastActive: '2024-07-09',
+         campaigns: 5,
+      },
+      {
+         id: '3',
+         name: 'Emma Davis',
+         email: 'emma@company.com',
+         role: 'CREATOR',
+         status: 'inactive',
+         lastActive: '2024-06-15',
+         campaigns: 2,
+      },
+   ];
+
+   const pendingInvites = [
+      {
+         id: '1',
+         email: 'john.doe@company.com',
+         role: 'CREATOR',
+         invitedBy: 'Sarah Johnson',
+         invitedAt: '2024-07-08',
+         status: 'pending',
+      },
+      {
+         id: '2',
+         email: 'jane.smith@agency.com',
+         role: 'BRAND_OWNER',
+         invitedBy: 'Mike Chen',
+         invitedAt: '2024-07-07',
+         status: 'pending',
+      },
+   ];
+
+   const systemAlerts = [
+      {
+         id: '1',
+         type: 'warning',
+         message: '5 users have not logged in for 30+ days',
+         timestamp: '2024-07-10T10:30:00Z',
+      },
+      {
+         id: '2',
+         type: 'info',
+         message: 'Monthly analytics report is ready',
+         timestamp: '2024-07-10T09:00:00Z',
+      },
+   ];
+
+   return (
+      <div className="space-y-6">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h1 className="text-3xl font-bold">{t('admin_title')}</h1>
+               <p className="text-muted-foreground">{t('admin_description')}</p>
+            </div>
+            <Button>
+               <Settings className="mr-2 h-4 w-4" />
+               {t('system_settings')}
+            </Button>
+         </div>
+
+         {/* Organization Overview */}
+         <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">{t('total_users')}</CardTitle>
+                  <Users className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">{organizationStats.totalUsers}</div>
+                  <p className="text-xs text-muted-foreground">
+                     {organizationStats.activeUsers} {t('active_users')}
+                  </p>
+               </CardContent>
+            </Card>
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">{t('active_campaigns')}</CardTitle>
+                  <Activity className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">{organizationStats.activeCampaigns}</div>
+                  <p className="text-xs text-muted-foreground">
+                     of {organizationStats.totalCampaigns} total
+                  </p>
+               </CardContent>
+            </Card>
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">{t('content_pieces')}</CardTitle>
+                  <Building className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">{organizationStats.totalContent}</div>
+                  <p className="text-xs text-muted-foreground">+12% this month</p>
+               </CardContent>
+            </Card>
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">{t('pending_approvals')}</CardTitle>
+                  <Clock className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">{organizationStats.pendingApprovals}</div>
+                  <p className="text-xs text-muted-foreground">{t('requires_attention')}</p>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Main Content */}
+         <Tabs defaultValue="users" className="space-y-4">
+            <TabsList>
+               <TabsTrigger value="users">{t('user_management')}</TabsTrigger>
+               <TabsTrigger value="organization">{t('organization')}</TabsTrigger>
+               <TabsTrigger value="system">{t('system')}</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="users" className="space-y-4">
+               <div className="grid gap-4 md:grid-cols-2">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>{t('team_members')}</CardTitle>
+                        <CardDescription>{t('manage_user_roles')}</CardDescription>
+                     </CardHeader>
+                     <CardContent>
+                        <Table>
+                           <TableHeader>
+                              <TableRow>
+                                 <TableHead>{t('user')}</TableHead>
+                                 <TableHead>{t('role')}</TableHead>
+                                 <TableHead>{t('status')}</TableHead>
+                                 <TableHead>{t('actions')}</TableHead>
+                              </TableRow>
+                           </TableHeader>
+                           <TableBody>
+                              {users.map((user) => (
+                                 <TableRow key={user.id}>
+                                    <TableCell>
+                                       <div className="flex items-center space-x-2">
+                                          <Avatar className="h-8 w-8">
+                                             <AvatarFallback>
+                                                {user.name
+                                                   .split(' ')
+                                                   .map((n) => n[0])
+                                                   .join('')}
+                                             </AvatarFallback>
+                                          </Avatar>
+                                          <div>
+                                             <p className="font-medium text-sm">{user.name}</p>
+                                             <p className="text-xs text-muted-foreground">
+                                                {user.email}
+                                             </p>
+                                          </div>
+                                       </div>
+                                    </TableCell>
+                                    <TableCell>
+                                       <Badge
+                                          variant={user.role === 'ADMIN' ? 'default' : 'secondary'}
+                                       >
+                                          {user.role === 'BRAND_OWNER'
+                                             ? t('brand_owner')
+                                             : user.role === 'CREATOR'
+                                               ? t('creator')
+                                               : t('admin')}
+                                       </Badge>
+                                    </TableCell>
+                                    <TableCell>
+                                       <Badge
+                                          variant={
+                                             user.status === 'active' ? 'default' : 'secondary'
+                                          }
+                                       >
+                                          {user.status}
+                                       </Badge>
+                                    </TableCell>
+                                    <TableCell>
+                                       <Button variant="outline" size="sm">
+                                          {t('edit')}
+                                       </Button>
+                                    </TableCell>
+                                 </TableRow>
+                              ))}
+                           </TableBody>
+                        </Table>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>{t('pending_invites')}</CardTitle>
+                        <CardDescription>{t('users_waiting_join')}</CardDescription>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        {pendingInvites.map((invite) => (
+                           <div
+                              key={invite.id}
+                              className="flex items-center justify-between p-3 border rounded-lg"
+                           >
+                              <div>
+                                 <p className="font-medium text-sm">{invite.email}</p>
+                                 <p className="text-xs text-muted-foreground">
+                                    {t('invited_by')} {invite.invitedBy} • {invite.invitedAt}
+                                 </p>
+                              </div>
+                              <div className="flex items-center space-x-2">
+                                 <Badge variant="outline">{invite.role}</Badge>
+                                 <Button size="sm" variant="outline">
+                                    {t('resend')}
+                                 </Button>
+                              </div>
+                           </div>
+                        ))}
+                        <Button className="w-full">
+                           <UserPlus className="mr-2 h-4 w-4" />
+                           {t('invite_new_user')}
+                        </Button>
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+
+            <TabsContent value="organization" className="space-y-4">
+               <div className="grid gap-4 md:grid-cols-2">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Organization Settings</CardTitle>
+                        <CardDescription>Configure organization-wide settings</CardDescription>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-2">
+                           <label className="text-sm font-medium">Organization Name</label>
+                           <p className="text-sm text-muted-foreground">Acme Marketing Inc.</p>
+                        </div>
+                        <div className="space-y-2">
+                           <label className="text-sm font-medium">Default User Role</label>
+                           <p className="text-sm text-muted-foreground">Creator</p>
+                        </div>
+                        <div className="space-y-2">
+                           <label className="text-sm font-medium">Content Approval Required</label>
+                           <p className="text-sm text-muted-foreground">Yes</p>
+                        </div>
+                        <Button variant="outline">
+                           <Settings className="mr-2 h-4 w-4" />
+                           Edit Settings
+                        </Button>
+                     </CardContent>
+                  </Card>
+
+                  <Card>
+                     <CardHeader>
+                        <CardTitle>Role Permissions</CardTitle>
+                        <CardDescription>Manage what each role can access</CardDescription>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-3">
+                           <div className="flex items-center justify-between">
+                              <div className="flex items-center space-x-2">
+                                 <Crown className="h-4 w-4 text-yellow-500" />
+                                 <span className="font-medium">Admin</span>
+                              </div>
+                              <Badge>Full Access</Badge>
+                           </div>
+                           <div className="flex items-center justify-between">
+                              <div className="flex items-center space-x-2">
+                                 <Shield className="h-4 w-4 text-blue-500" />
+                                 <span className="font-medium">Brand Owner</span>
+                              </div>
+                              <Badge variant="secondary">Limited Access</Badge>
+                           </div>
+                           <div className="flex items-center justify-between">
+                              <div className="flex items-center space-x-2">
+                                 <Users className="h-4 w-4 text-green-500" />
+                                 <span className="font-medium">Creator</span>
+                              </div>
+                              <Badge variant="outline">Content Access</Badge>
+                           </div>
+                        </div>
+                        <Button variant="outline">
+                           <Shield className="mr-2 h-4 w-4" />
+                           Manage Permissions
+                        </Button>
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+
+            <TabsContent value="system" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>System Alerts</CardTitle>
+                     <CardDescription>Important notifications and system status</CardDescription>
+                  </CardHeader>
+                  <CardContent className="space-y-4">
+                     {systemAlerts.map((alert) => (
+                        <div
+                           key={alert.id}
+                           className="flex items-start space-x-3 p-3 border rounded-lg"
+                        >
+                           {alert.type === 'warning' ? (
+                              <AlertTriangle className="h-5 w-5 text-yellow-500 mt-0.5" />
+                           ) : (
+                              <CheckCircle className="h-5 w-5 text-green-500 mt-0.5" />
+                           )}
+                           <div className="flex-1">
+                              <p className="font-medium text-sm">{alert.message}</p>
+                              <p className="text-xs text-muted-foreground">
+                                 {new Date(alert.timestamp).toLocaleString()}
+                              </p>
+                           </div>
+                           <Button variant="outline" size="sm">
+                              View Details
+                           </Button>
+                        </div>
+                     ))}
+                  </CardContent>
+               </Card>
+
+               <div className="grid gap-4 md:grid-cols-3">
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="text-base">System Health</CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        <div className="flex items-center space-x-2">
+                           <CheckCircle className="h-5 w-5 text-green-500" />
+                           <span className="text-sm">All systems operational</span>
+                        </div>
+                     </CardContent>
+                  </Card>
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="text-base">API Usage</CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        <p className="text-2xl font-bold">94%</p>
+                        <p className="text-xs text-muted-foreground">of monthly limit</p>
+                     </CardContent>
+                  </Card>
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="text-base">Storage</CardTitle>
+                     </CardHeader>
+                     <CardContent>
+                        <p className="text-2xl font-bold">67%</p>
+                        <p className="text-xs text-muted-foreground">of allocated space</p>
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/dashboards/brand-dashboard.tsx b/components/dashboards/brand-dashboard.tsx
new file mode 100644
index 00000000..8967c0a8
--- /dev/null
+++ b/components/dashboards/brand-dashboard.tsx
@@ -0,0 +1,303 @@
+'use client';
+
+import React from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Progress } from '@/components/ui/progress';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Skeleton } from '@/components/ui/skeleton';
+import {
+   BarChart3,
+   TrendingUp,
+   Users,
+   Calendar,
+   CheckCircle,
+   Clock,
+   AlertTriangle,
+   Eye,
+   ThumbsUp,
+   MessageSquare,
+   Target,
+   MousePointer,
+   Activity,
+} from 'lucide-react';
+import { useAnalytics } from '@/hooks/use-analytics';
+import { AnalyticsCharts } from '@/components/analytics/analytics-charts';
+
+interface BrandDashboardProps {
+   orgId: string;
+}
+
+export function BrandDashboard({ orgId }: BrandDashboardProps) {
+   const { metrics, loading, error, trackEvent } = useAnalytics(orgId);
+
+   // Mock data for campaigns and approvals (would come from separate APIs)
+   const campaigns = [
+      {
+         id: '1',
+         name: 'Summer Campaign 2024',
+         status: 'active',
+         progress: 75,
+         creators: 5,
+         contentCount: 24,
+         budget: 15000,
+         spent: 11250,
+      },
+      {
+         id: '2',
+         name: 'Product Launch',
+         status: 'planning',
+         progress: 30,
+         creators: 3,
+         contentCount: 8,
+         budget: 8000,
+         spent: 2400,
+      },
+   ];
+
+   const pendingApprovals = [
+      {
+         id: '1',
+         title: 'Social Media Post - Summer Vibes',
+         creator: 'Sarah Johnson',
+         creatorAvatar: '/avatars/sarah.jpg',
+         campaign: 'Summer Campaign 2024',
+         submittedAt: '2024-07-10',
+         type: 'social',
+      },
+      {
+         id: '2',
+         title: 'Blog Post - Product Features',
+         creator: 'Mike Chen',
+         creatorAvatar: '/avatars/mike.jpg',
+         campaign: 'Product Launch',
+         submittedAt: '2024-07-08',
+         type: 'blog',
+      },
+   ];
+
+   if (loading) {
+      return (
+         <div className="space-y-6">
+            <div className="flex items-center justify-between">
+               <div>
+                  <Skeleton className="h-8 w-48 mb-2" />
+                  <Skeleton className="h-4 w-64" />
+               </div>
+            </div>
+            <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+               {[...Array(4)].map((_, i) => (
+                  <Card key={i}>
+                     <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                        <Skeleton className="h-4 w-24" />
+                        <Skeleton className="h-4 w-4" />
+                     </CardHeader>
+                     <CardContent>
+                        <Skeleton className="h-8 w-16 mb-2" />
+                        <Skeleton className="h-3 w-32" />
+                     </CardContent>
+                  </Card>
+               ))}
+            </div>
+         </div>
+      );
+   }
+
+   if (error) {
+      return (
+         <div className="space-y-6">
+            <div className="text-center py-8">
+               <AlertTriangle className="mx-auto h-12 w-12 text-red-500 mb-4" />
+               <p className="text-red-600">Error loading analytics: {error}</p>
+            </div>
+         </div>
+      );
+   }
+
+   return (
+      <div className="space-y-6">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h1 className="text-3xl font-bold">Brand Dashboard</h1>
+               <p className="text-muted-foreground">
+                  Monitor campaigns, approve content, and track performance
+               </p>
+            </div>
+            <Button>
+               <BarChart3 className="mr-2 h-4 w-4" />
+               View Analytics
+            </Button>
+         </div>
+
+         {/* Key Metrics */}
+         <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">Impressions</CardTitle>
+                  <Eye className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">
+                     {metrics?.impressions.toLocaleString() || 0}
+                  </div>
+                  <p className="text-xs text-muted-foreground">Total content impressions</p>
+               </CardContent>
+            </Card>
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">Clicks</CardTitle>
+                  <MousePointer className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">{metrics?.clicks.toLocaleString() || 0}</div>
+                  <p className="text-xs text-muted-foreground">Total user interactions</p>
+               </CardContent>
+            </Card>
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">CTR</CardTitle>
+                  <Target className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">{metrics?.ctr.toFixed(2) || 0}%</div>
+                  <p className="text-xs text-muted-foreground">Click-through rate</p>
+               </CardContent>
+            </Card>
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">ROI</CardTitle>
+                  <BarChart3 className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">{metrics?.roi.toFixed(1) || 0}%</div>
+                  <p className="text-xs text-muted-foreground">Return on investment</p>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Main Content */}
+         <Tabs defaultValue="campaigns" className="space-y-4">
+            <TabsList>
+               <TabsTrigger value="campaigns">Campaign Summaries</TabsTrigger>
+               <TabsTrigger value="approvals">Approval Queue</TabsTrigger>
+               <TabsTrigger value="analytics">Analytics</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="campaigns" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Campaign Performance</CardTitle>
+                     <CardDescription>
+                        Overview of all active campaigns and their progress
+                     </CardDescription>
+                  </CardHeader>
+                  <CardContent className="space-y-4">
+                     {campaigns.map((campaign) => (
+                        <div key={campaign.id} className="p-4 border rounded-lg space-y-4">
+                           <div className="flex items-center justify-between">
+                              <div>
+                                 <h3 className="font-medium">{campaign.name}</h3>
+                                 <div className="flex items-center space-x-4 text-sm text-muted-foreground mt-1">
+                                    <span>{campaign.creators} creators</span>
+                                    <span>{campaign.contentCount} pieces</span>
+                                    <Badge
+                                       variant={
+                                          campaign.status === 'active' ? 'default' : 'secondary'
+                                       }
+                                    >
+                                       {campaign.status}
+                                    </Badge>
+                                 </div>
+                              </div>
+                              <Button variant="outline" size="sm">
+                                 View Details
+                              </Button>
+                           </div>
+                           <div className="space-y-2">
+                              <div className="flex justify-between text-sm">
+                                 <span>Progress</span>
+                                 <span>{campaign.progress}%</span>
+                              </div>
+                              <Progress value={campaign.progress} className="w-full" />
+                           </div>
+                           <div className="flex justify-between text-sm">
+                              <span>
+                                 Budget: ${campaign.spent.toLocaleString()} / $
+                                 {campaign.budget.toLocaleString()}
+                              </span>
+                              <span className="text-muted-foreground">
+                                 {((campaign.spent / campaign.budget) * 100).toFixed(1)}% spent
+                              </span>
+                           </div>
+                           <Progress
+                              value={(campaign.spent / campaign.budget) * 100}
+                              className="w-full"
+                           />
+                        </div>
+                     ))}
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="approvals" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Content Approval Queue</CardTitle>
+                     <CardDescription>
+                        Review and approve content submissions from creators
+                     </CardDescription>
+                  </CardHeader>
+                  <CardContent className="space-y-4">
+                     {pendingApprovals.map((item) => (
+                        <div
+                           key={item.id}
+                           className="flex items-center space-x-4 p-4 border rounded-lg"
+                        >
+                           <Avatar>
+                              <AvatarImage src={item.creatorAvatar} />
+                              <AvatarFallback>
+                                 {item.creator
+                                    .split(' ')
+                                    .map((n) => n[0])
+                                    .join('')}
+                              </AvatarFallback>
+                           </Avatar>
+                           <div className="flex-1">
+                              <h4 className="font-medium">{item.title}</h4>
+                              <p className="text-sm text-muted-foreground">
+                                 {item.creator} • {item.campaign} • Submitted {item.submittedAt}
+                              </p>
+                           </div>
+                           <Badge variant="outline">{item.type}</Badge>
+                           <div className="flex space-x-2">
+                              <Button variant="outline" size="sm">
+                                 <Eye className="mr-2 h-4 w-4" />
+                                 Preview
+                              </Button>
+                              <Button size="sm">
+                                 <CheckCircle className="mr-2 h-4 w-4" />
+                                 Approve
+                              </Button>
+                           </div>
+                        </div>
+                     ))}
+                     {pendingApprovals.length === 0 && (
+                        <div className="text-center py-8 text-muted-foreground">
+                           <CheckCircle className="mx-auto h-12 w-12 mb-4" />
+                           <p>No pending approvals</p>
+                        </div>
+                     )}
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="analytics" className="space-y-4">
+               {metrics && <AnalyticsCharts metrics={metrics} />}
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/dashboards/creator-dashboard.tsx b/components/dashboards/creator-dashboard.tsx
new file mode 100644
index 00000000..5617580b
--- /dev/null
+++ b/components/dashboards/creator-dashboard.tsx
@@ -0,0 +1,706 @@
+'use client';
+
+import React, { useState } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Progress } from '@/components/ui/progress';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import {
+   Dialog,
+   DialogContent,
+   DialogDescription,
+   DialogHeader,
+   DialogTitle,
+   DialogTrigger,
+} from '@/components/ui/dialog';
+import {
+   Calendar,
+   FileText,
+   Sparkles,
+   TrendingUp,
+   Clock,
+   CheckCircle,
+   AlertCircle,
+   Loader2,
+   BarChart3,
+   Eye,
+   MousePointer,
+   Target,
+} from 'lucide-react';
+import { useAnalytics } from '@/hooks/use-analytics';
+
+interface CreatorDashboardProps {
+   orgId: string;
+}
+
+export function CreatorDashboard({ orgId }: CreatorDashboardProps) {
+   const [isLoading, setIsLoading] = useState(false);
+   const [ideas, setIdeas] = useState<string[]>([]);
+   const [summary, setSummary] = useState('');
+   const [translatedContent, setTranslatedContent] = useState('');
+   const [ideaTopic, setIdeaTopic] = useState('');
+   const [contentToSummarize, setContentToSummarize] = useState('');
+   const [contentToTranslate, setContentToTranslate] = useState('');
+   const [targetLanguage, setTargetLanguage] = useState('Spanish');
+   const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
+   const [generationPrompt, setGenerationPrompt] = useState('');
+   const [selectedCampaign, setSelectedCampaign] = useState('');
+   const [generatedContent, setGeneratedContent] = useState('');
+
+   const { metrics, loading: analyticsLoading, trackEvent } = useAnalytics(orgId);
+
+   // Mock data - in real app, this would come from API
+   const campaigns = [
+      {
+         id: '1',
+         name: 'Summer Campaign 2024',
+         status: 'active',
+         progress: 75,
+         dueDate: '2024-08-15',
+         contentCount: 12,
+      },
+      {
+         id: '2',
+         name: 'Product Launch',
+         status: 'draft',
+         progress: 30,
+         dueDate: '2024-09-01',
+         contentCount: 5,
+      },
+   ];
+
+   const recentContent = [
+      {
+         id: '1',
+         title: 'Social Media Post - Summer Vibes',
+         status: 'approved',
+         campaign: 'Summer Campaign 2024',
+         createdAt: '2024-07-10',
+      },
+      {
+         id: '2',
+         title: 'Blog Post - Product Features',
+         status: 'pending',
+         campaign: 'Product Launch',
+         createdAt: '2024-07-08',
+      },
+   ];
+
+   const generateIdeas = async () => {
+      if (!ideaTopic.trim()) return;
+
+      setIsLoading(true);
+      try {
+         const response = await fetch(`/api/${orgId}/content/ideas`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ topic: ideaTopic, count: 5, type: 'general' }),
+         });
+
+         if (response.ok) {
+            const data = await response.json();
+            setIdeas(data.ideas);
+         }
+      } catch (error) {
+         console.error('Error generating ideas:', error);
+      } finally {
+         setIsLoading(false);
+      }
+   };
+
+   const summarizeContent = async () => {
+      if (!contentToSummarize.trim()) return;
+
+      setIsLoading(true);
+      try {
+         const response = await fetch(`/api/${orgId}/content/summarize`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ content: contentToSummarize, length: 'brief' }),
+         });
+
+         if (response.ok) {
+            const data = await response.json();
+            setSummary(data.summary);
+         }
+      } catch (error) {
+         console.error('Error summarizing content:', error);
+      } finally {
+         setIsLoading(false);
+      }
+   };
+
+   const translateContent = async () => {
+      if (!contentToTranslate.trim()) return;
+
+      setIsLoading(true);
+      try {
+         const response = await fetch(`/api/${orgId}/content/translate`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+               content: contentToTranslate,
+               targetLanguage,
+            }),
+         });
+
+         if (response.ok) {
+            const data = await response.json();
+            setTranslatedContent(data.translatedContent);
+         }
+      } catch (error) {
+         console.error('Error translating content:', error);
+      } finally {
+         setIsLoading(false);
+      }
+   };
+
+   const generateNewContent = async () => {
+      if (!generationPrompt.trim() || !selectedCampaign) return;
+
+      setIsLoading(true);
+      try {
+         const response = await fetch(`/api/${orgId}/content/generate`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+               prompt: generationPrompt,
+               campaignId: selectedCampaign,
+            }),
+         });
+
+         if (response.ok) {
+            const data = await response.json();
+            setGeneratedContent(data.body);
+            setIsCreateDialogOpen(false);
+            // Reset form
+            setGenerationPrompt('');
+            setSelectedCampaign('');
+            // Refresh the page or update the content list
+            window.location.reload();
+         }
+      } catch (error) {
+         console.error('Error generating content:', error);
+      } finally {
+         setIsLoading(false);
+      }
+   };
+
+   return (
+      <div className="space-y-6">
+         {/* Header */}
+         <div className="flex items-center justify-between">
+            <div>
+               <h1 className="text-3xl font-bold">Creator Dashboard</h1>
+               <p className="text-muted-foreground">
+                  Manage your campaigns and create amazing content
+               </p>
+            </div>
+            <Button>
+               <Sparkles className="mr-2 h-4 w-4" />
+               AI Assistant
+            </Button>
+         </div>
+
+         {/* Quick Stats */}
+         <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">Active Campaigns</CardTitle>
+                  <Calendar className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">3</div>
+                  <p className="text-xs text-muted-foreground">2 due this month</p>
+               </CardContent>
+            </Card>
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">Content Created</CardTitle>
+                  <FileText className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">24</div>
+                  <p className="text-xs text-muted-foreground">+12% from last month</p>
+               </CardContent>
+            </Card>
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">Approval Rate</CardTitle>
+                  <TrendingUp className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">92%</div>
+                  <p className="text-xs text-muted-foreground">+5% from last month</p>
+               </CardContent>
+            </Card>
+            <Card>
+               <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                  <CardTitle className="text-sm font-medium">Pending Reviews</CardTitle>
+                  <Clock className="h-4 w-4 text-muted-foreground" />
+               </CardHeader>
+               <CardContent>
+                  <div className="text-2xl font-bold">5</div>
+                  <p className="text-xs text-muted-foreground">3 urgent</p>
+               </CardContent>
+            </Card>
+         </div>
+
+         {/* Main Content */}
+         <Tabs defaultValue="campaigns" className="space-y-4">
+            <TabsList>
+               <TabsTrigger value="campaigns">Campaign Overview</TabsTrigger>
+               <TabsTrigger value="content">Content Studio</TabsTrigger>
+               <TabsTrigger value="analytics">Analytics</TabsTrigger>
+               <TabsTrigger value="ai">AI Assistant</TabsTrigger>
+            </TabsList>
+
+            <TabsContent value="campaigns" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Active Campaigns</CardTitle>
+                     <CardDescription>
+                        Track progress and deadlines for your campaigns
+                     </CardDescription>
+                  </CardHeader>
+                  <CardContent className="space-y-4">
+                     {campaigns.map((campaign) => (
+                        <div
+                           key={campaign.id}
+                           className="flex items-center space-x-4 p-4 border rounded-lg"
+                        >
+                           <div className="flex-1 space-y-2">
+                              <div className="flex items-center justify-between">
+                                 <h3 className="font-medium">{campaign.name}</h3>
+                                 <Badge
+                                    variant={campaign.status === 'active' ? 'default' : 'secondary'}
+                                 >
+                                    {campaign.status}
+                                 </Badge>
+                              </div>
+                              <div className="flex items-center space-x-4 text-sm text-muted-foreground">
+                                 <span>{campaign.contentCount} pieces of content</span>
+                                 <span>Due: {campaign.dueDate}</span>
+                              </div>
+                              <Progress value={campaign.progress} className="w-full" />
+                           </div>
+                           <Button variant="outline" size="sm">
+                              View Details
+                           </Button>
+                        </div>
+                     ))}
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="content" className="space-y-4">
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Content Studio</CardTitle>
+                     <CardDescription>Create and manage your content pieces</CardDescription>
+                  </CardHeader>
+                  <CardContent className="space-y-4">
+                     <div className="flex justify-between items-center">
+                        <h3 className="text-lg font-medium">Recent Content</h3>
+                        <Dialog open={isCreateDialogOpen} onOpenChange={setIsCreateDialogOpen}>
+                           <DialogTrigger asChild>
+                              <Button>
+                                 <Sparkles className="mr-2 h-4 w-4" />
+                                 Create AI Content
+                              </Button>
+                           </DialogTrigger>
+                           <DialogContent className="sm:max-w-[600px]">
+                              <DialogHeader>
+                                 <DialogTitle>Create AI-Powered Content</DialogTitle>
+                                 <DialogDescription>
+                                    Generate new content using AI based on your prompt and selected
+                                    campaign.
+                                 </DialogDescription>
+                              </DialogHeader>
+                              <div className="space-y-4">
+                                 <div className="space-y-2">
+                                    <Label htmlFor="campaign-select">Select Campaign</Label>
+                                    <Select
+                                       value={selectedCampaign}
+                                       onValueChange={setSelectedCampaign}
+                                    >
+                                       <SelectTrigger>
+                                          <SelectValue placeholder="Choose a campaign..." />
+                                       </SelectTrigger>
+                                       <SelectContent>
+                                          {campaigns.map((campaign) => (
+                                             <SelectItem key={campaign.id} value={campaign.id}>
+                                                {campaign.name}
+                                             </SelectItem>
+                                          ))}
+                                       </SelectContent>
+                                    </Select>
+                                 </div>
+                                 <div className="space-y-2">
+                                    <Label htmlFor="generation-prompt">Content Prompt</Label>
+                                    <Textarea
+                                       id="generation-prompt"
+                                       placeholder="Describe the content you want to generate... e.g., 'Write a social media post about summer fashion trends'"
+                                       value={generationPrompt}
+                                       onChange={(e) => setGenerationPrompt(e.target.value)}
+                                       rows={4}
+                                    />
+                                 </div>
+                                 <div className="flex justify-end space-x-2">
+                                    <Button
+                                       variant="outline"
+                                       onClick={() => setIsCreateDialogOpen(false)}
+                                    >
+                                       Cancel
+                                    </Button>
+                                    <Button
+                                       onClick={generateNewContent}
+                                       disabled={
+                                          isLoading || !generationPrompt.trim() || !selectedCampaign
+                                       }
+                                    >
+                                       {isLoading ? (
+                                          <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                                       ) : (
+                                          <Sparkles className="mr-2 h-4 w-4" />
+                                       )}
+                                       Generate Content
+                                    </Button>
+                                 </div>
+                              </div>
+                           </DialogContent>
+                        </Dialog>
+                     </div>
+                     {recentContent.map((content) => (
+                        <div
+                           key={content.id}
+                           className="flex items-center space-x-4 p-4 border rounded-lg"
+                        >
+                           <div className="flex-1">
+                              <h4 className="font-medium">{content.title}</h4>
+                              <p className="text-sm text-muted-foreground">{content.campaign}</p>
+                           </div>
+                           <div className="flex items-center space-x-2">
+                              {content.status === 'approved' ? (
+                                 <CheckCircle className="h-4 w-4 text-green-500" />
+                              ) : (
+                                 <AlertCircle className="h-4 w-4 text-yellow-500" />
+                              )}
+                              <Badge
+                                 variant={content.status === 'approved' ? 'default' : 'secondary'}
+                              >
+                                 {content.status}
+                              </Badge>
+                           </div>
+                           <Button variant="outline" size="sm">
+                              Edit
+                           </Button>
+                        </div>
+                     ))}
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="analytics" className="space-y-4">
+               <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+                  <Card>
+                     <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                        <CardTitle className="text-sm font-medium">Content Views</CardTitle>
+                        <Eye className="h-4 w-4 text-muted-foreground" />
+                     </CardHeader>
+                     <CardContent>
+                        <div className="text-2xl font-bold">
+                           {metrics?.views.toLocaleString() || 0}
+                        </div>
+                        <p className="text-xs text-muted-foreground">Total content views</p>
+                     </CardContent>
+                  </Card>
+                  <Card>
+                     <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                        <CardTitle className="text-sm font-medium">Clicks</CardTitle>
+                        <MousePointer className="h-4 w-4 text-muted-foreground" />
+                     </CardHeader>
+                     <CardContent>
+                        <div className="text-2xl font-bold">
+                           {metrics?.clicks.toLocaleString() || 0}
+                        </div>
+                        <p className="text-xs text-muted-foreground">User interactions</p>
+                     </CardContent>
+                  </Card>
+                  <Card>
+                     <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                        <CardTitle className="text-sm font-medium">CTR</CardTitle>
+                        <Target className="h-4 w-4 text-muted-foreground" />
+                     </CardHeader>
+                     <CardContent>
+                        <div className="text-2xl font-bold">{metrics?.ctr.toFixed(2) || 0}%</div>
+                        <p className="text-xs text-muted-foreground">Click-through rate</p>
+                     </CardContent>
+                  </Card>
+                  <Card>
+                     <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+                        <CardTitle className="text-sm font-medium">Total Events</CardTitle>
+                        <BarChart3 className="h-4 w-4 text-muted-foreground" />
+                     </CardHeader>
+                     <CardContent>
+                        <div className="text-2xl font-bold">
+                           {metrics?.totalEvents.toLocaleString() || 0}
+                        </div>
+                        <p className="text-xs text-muted-foreground">All tracked events</p>
+                     </CardContent>
+                  </Card>
+               </div>
+
+               <Card>
+                  <CardHeader>
+                     <CardTitle>Content Performance</CardTitle>
+                     <CardDescription>Analytics for your created content</CardDescription>
+                  </CardHeader>
+                  <CardContent>
+                     {analyticsLoading ? (
+                        <div className="text-center py-8">
+                           <Loader2 className="mx-auto h-8 w-8 animate-spin mb-4" />
+                           <p>Loading analytics...</p>
+                        </div>
+                     ) : metrics?.campaignMetrics && metrics.campaignMetrics.length > 0 ? (
+                        <div className="space-y-4">
+                           {metrics.campaignMetrics.map((campaign) => (
+                              <div key={campaign.id} className="border rounded-lg p-4">
+                                 <h4 className="font-medium mb-2">{campaign.name}</h4>
+                                 <div className="grid gap-4 md:grid-cols-2">
+                                    <div>
+                                       <p className="text-sm text-muted-foreground">
+                                          Campaign Events
+                                       </p>
+                                       <p className="text-lg font-semibold">
+                                          {campaign.totalEvents}
+                                       </p>
+                                    </div>
+                                    <div>
+                                       <p className="text-sm text-muted-foreground">
+                                          Content Pieces
+                                       </p>
+                                       <p className="text-lg font-semibold">
+                                          {campaign.contentCount}
+                                       </p>
+                                    </div>
+                                 </div>
+                                 {campaign.contentMetrics.length > 0 && (
+                                    <div className="mt-4">
+                                       <p className="text-sm font-medium mb-2">
+                                          Content Breakdown:
+                                       </p>
+                                       <div className="space-y-2">
+                                          {campaign.contentMetrics.slice(0, 3).map((content) => (
+                                             <div
+                                                key={content.id}
+                                                className="flex justify-between text-sm"
+                                             >
+                                                <span className="truncate max-w-[200px]">
+                                                   {content.title}
+                                                </span>
+                                                <span>{content.events} events</span>
+                                             </div>
+                                          ))}
+                                       </div>
+                                    </div>
+                                 )}
+                              </div>
+                           ))}
+                        </div>
+                     ) : (
+                        <div className="text-center py-8 text-muted-foreground">
+                           <BarChart3 className="mx-auto h-12 w-12 mb-4" />
+                           <p>No analytics data available yet</p>
+                           <p className="text-sm">
+                              Start creating content to see performance metrics
+                           </p>
+                        </div>
+                     )}
+                  </CardContent>
+               </Card>
+            </TabsContent>
+
+            <TabsContent value="ai" className="space-y-4">
+               <div className="grid gap-4 md:grid-cols-2">
+                  {/* Content Ideas Generator */}
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="text-base">Content Ideas Generator</CardTitle>
+                        <CardDescription>
+                           Generate creative content ideas for your campaigns
+                        </CardDescription>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-2">
+                           <Label htmlFor="idea-topic">Topic</Label>
+                           <Input
+                              id="idea-topic"
+                              placeholder="Enter a topic for idea generation..."
+                              value={ideaTopic}
+                              onChange={(e) => setIdeaTopic(e.target.value)}
+                           />
+                        </div>
+                        <Button
+                           className="w-full"
+                           onClick={generateIdeas}
+                           disabled={isLoading || !ideaTopic.trim()}
+                        >
+                           {isLoading ? (
+                              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                           ) : (
+                              <Sparkles className="mr-2 h-4 w-4" />
+                           )}
+                           Generate Ideas
+                        </Button>
+                        {ideas.length > 0 && (
+                           <div className="space-y-2">
+                              <Label>Generated Ideas:</Label>
+                              <div className="space-y-1">
+                                 {ideas.map((idea, index) => (
+                                    <div key={index} className="p-2 bg-muted rounded text-sm">
+                                       {idea}
+                                    </div>
+                                 ))}
+                              </div>
+                           </div>
+                        )}
+                     </CardContent>
+                  </Card>
+
+                  {/* Content Summarizer */}
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="text-base">Content Summarizer</CardTitle>
+                        <CardDescription>
+                           Summarize long content into concise versions
+                        </CardDescription>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-2">
+                           <Label htmlFor="content-to-summarize">Content to Summarize</Label>
+                           <Textarea
+                              id="content-to-summarize"
+                              placeholder="Paste your content here..."
+                              value={contentToSummarize}
+                              onChange={(e) => setContentToSummarize(e.target.value)}
+                              rows={4}
+                           />
+                        </div>
+                        <Button
+                           className="w-full"
+                           onClick={summarizeContent}
+                           disabled={isLoading || !contentToSummarize.trim()}
+                        >
+                           {isLoading ? (
+                              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                           ) : (
+                              <FileText className="mr-2 h-4 w-4" />
+                           )}
+                           Summarize Content
+                        </Button>
+                        {summary && (
+                           <div className="space-y-2">
+                              <Label>Summary:</Label>
+                              <div className="p-3 bg-muted rounded text-sm">{summary}</div>
+                           </div>
+                        )}
+                     </CardContent>
+                  </Card>
+
+                  {/* Content Translator */}
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="text-base">Content Translator</CardTitle>
+                        <CardDescription>Translate content to different languages</CardDescription>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-2">
+                           <Label htmlFor="content-to-translate">Content to Translate</Label>
+                           <Textarea
+                              id="content-to-translate"
+                              placeholder="Enter content to translate..."
+                              value={contentToTranslate}
+                              onChange={(e) => setContentToTranslate(e.target.value)}
+                              rows={4}
+                           />
+                        </div>
+                        <div className="space-y-2">
+                           <Label htmlFor="target-language">Target Language</Label>
+                           <Select value={targetLanguage} onValueChange={setTargetLanguage}>
+                              <SelectTrigger>
+                                 <SelectValue />
+                              </SelectTrigger>
+                              <SelectContent>
+                                 <SelectItem value="Spanish">Spanish</SelectItem>
+                                 <SelectItem value="French">French</SelectItem>
+                                 <SelectItem value="German">German</SelectItem>
+                                 <SelectItem value="Italian">Italian</SelectItem>
+                                 <SelectItem value="Portuguese">Portuguese</SelectItem>
+                                 <SelectItem value="Chinese">Chinese</SelectItem>
+                                 <SelectItem value="Japanese">Japanese</SelectItem>
+                              </SelectContent>
+                           </Select>
+                        </div>
+                        <Button
+                           className="w-full"
+                           onClick={translateContent}
+                           disabled={isLoading || !contentToTranslate.trim()}
+                        >
+                           {isLoading ? (
+                              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                           ) : (
+                              <TrendingUp className="mr-2 h-4 w-4" />
+                           )}
+                           Translate Content
+                        </Button>
+                        {translatedContent && (
+                           <div className="space-y-2">
+                              <Label>Translated Content:</Label>
+                              <div className="p-3 bg-muted rounded text-sm">
+                                 {translatedContent}
+                              </div>
+                           </div>
+                        )}
+                     </CardContent>
+                  </Card>
+
+                  {/* Content Generation */}
+                  <Card>
+                     <CardHeader>
+                        <CardTitle className="text-base">AI Content Generation</CardTitle>
+                        <CardDescription>Generate new content based on prompts</CardDescription>
+                     </CardHeader>
+                     <CardContent className="space-y-4">
+                        <div className="space-y-2">
+                           <Label>Content Generation</Label>
+                           <p className="text-sm text-muted-foreground">
+                              Use the "Create New Content" button in the Content Studio tab to
+                              generate AI-powered content for your campaigns.
+                           </p>
+                        </div>
+                        <Button variant="outline" className="w-full" asChild>
+                           <a href="#content-studio">
+                              <FileText className="mr-2 h-4 w-4" />
+                              Go to Content Studio
+                           </a>
+                        </Button>
+                     </CardContent>
+                  </Card>
+               </div>
+            </TabsContent>
+         </Tabs>
+      </div>
+   );
+}
diff --git a/components/layout/headers/campaigns/header-nav.tsx b/components/layout/headers/campaigns/header-nav.tsx
new file mode 100644
index 00000000..f97896fb
--- /dev/null
+++ b/components/layout/headers/campaigns/header-nav.tsx
@@ -0,0 +1,50 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import { SidebarTrigger } from '@/components/ui/sidebar';
+import { Plus } from 'lucide-react';
+import { useParams } from 'next/navigation';
+import Link from 'next/link';
+import { useState, useEffect } from 'react';
+
+export default function HeaderNav() {
+   const params = useParams();
+   const orgId = params.orgId as string;
+   const [campaignCount, setCampaignCount] = useState(0);
+
+   useEffect(() => {
+      fetchCampaignCount();
+   }, [orgId]);
+
+   const fetchCampaignCount = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns`);
+         if (response.ok) {
+            const data = await response.json();
+            setCampaignCount(data.length);
+         }
+      } catch (error) {
+         console.error('Error fetching campaign count:', error);
+      }
+   };
+
+   return (
+      <div className="w-full flex justify-between items-center border-b py-1.5 px-6 h-10">
+         <div className="flex items-center gap-2">
+            <SidebarTrigger className="" />
+            <div className="flex items-center gap-1">
+               <span className="text-sm font-medium">Campaigns</span>
+               <span className="text-xs bg-accent rounded-md px-1.5 py-1">{campaignCount}</span>
+            </div>
+         </div>
+         <div className="flex items-center gap-2">
+            <Link href={`/${orgId}/campaigns/new`}>
+               <Button className="relative" size="xs" variant="secondary">
+                  <Plus className="size-4" />
+                  <span className="hidden sm:inline ml-1">Create campaign</span>
+               </Button>
+            </Link>
+         </div>
+      </div>
+   );
+}
diff --git a/components/layout/headers/campaigns/header-options.tsx b/components/layout/headers/campaigns/header-options.tsx
new file mode 100644
index 00000000..dafd8f84
--- /dev/null
+++ b/components/layout/headers/campaigns/header-options.tsx
@@ -0,0 +1,23 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import { Filter, Layout } from 'lucide-react';
+
+export default function HeaderOptions() {
+   return (
+      <div className="w-full flex justify-between items-center border-b py-1.5 px-6 h-10">
+         <div className="flex items-center gap-2">
+            <Button variant="ghost" size="xs">
+               <Filter className="size-4 mr-1" />
+               Filter
+            </Button>
+         </div>
+         <div className="flex items-center gap-2">
+            <Button variant="ghost" size="xs">
+               <Layout className="size-4 mr-1" />
+               Display
+            </Button>
+         </div>
+      </div>
+   );
+}
diff --git a/components/layout/headers/campaigns/header.tsx b/components/layout/headers/campaigns/header.tsx
new file mode 100644
index 00000000..bc5a1244
--- /dev/null
+++ b/components/layout/headers/campaigns/header.tsx
@@ -0,0 +1,11 @@
+import HeaderNav from './header-nav';
+import HeaderOptions from './header-options';
+
+export default function Header() {
+   return (
+      <div className="w-full flex flex-col items-center">
+         <HeaderNav />
+         <HeaderOptions />
+      </div>
+   );
+}
diff --git a/components/layout/sidebar/app-sidebar.tsx b/components/layout/sidebar/app-sidebar.tsx
index f035e6d3..6515f8b6 100644
--- a/components/layout/sidebar/app-sidebar.tsx
+++ b/components/layout/sidebar/app-sidebar.tsx
@@ -2,6 +2,7 @@
 
 import { RiGithubLine } from '@remixicon/react';
 import * as React from 'react';
+import { useTranslations } from 'next-intl';
 
 import { HelpButton } from '@/components/layout/sidebar/help-button';
 import { NavInbox } from '@/components/layout/sidebar/nav-inbox';
@@ -22,6 +23,9 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
    const [open, setOpen] = React.useState(true);
    const pathname = usePathname();
    const isSettings = pathname.includes('/settings');
+   const isOrgPage = pathname.match(/^\/[^\/]+$/); // Matches /orgId pattern
+   const t = useTranslations('sidebar');
+
    return (
       <Sidebar collapsible="offcanvas" {...props}>
          <SidebarHeader>{isSettings ? <BackToApp /> : <OrgSwitcher />}</SidebarHeader>
@@ -32,6 +36,10 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
                   <NavFeatures />
                   <NavTeamsSettings />
                </>
+            ) : isOrgPage ? (
+               <>
+                  <NavWorkspace />
+               </>
             ) : (
                <>
                   <NavInbox />
@@ -52,12 +60,9 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
                         <X className="size-4" />
                      </div>
                      <div className="text-balance text-lg font-semibold leading-tight group-hover/sidebar:underline">
-                        Open-source layouts by lndev-ui
-                     </div>
-                     <div>
-                        Collection of beautifully crafted open-source layouts UI built with
-                        shadcn/ui.
+                        {t('open_source_layouts')}
                      </div>
+                     <div>{t('layouts_description')}</div>
                      <Link
                         target="_blank"
                         rel="noreferrer"
@@ -72,7 +77,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
                            target="_blank"
                            rel="noopener noreferrer"
                         >
-                           square.lndev.me
+                           {t('visit_square')}
                         </Link>
                      </Button>
                   </div>
diff --git a/components/layout/sidebar/nav-workspace.tsx b/components/layout/sidebar/nav-workspace.tsx
index 7f1396ef..4c6ab030 100644
--- a/components/layout/sidebar/nav-workspace.tsx
+++ b/components/layout/sidebar/nav-workspace.tsx
@@ -1,6 +1,20 @@
 'use client';
 
-import { Layers, LayoutList, MoreHorizontal } from 'lucide-react';
+import {
+   Layers,
+   LayoutList,
+   MoreHorizontal,
+   Home,
+   FileText,
+   BarChart3,
+   Users,
+   Settings,
+   Sparkles,
+   Image,
+   Calendar,
+} from 'lucide-react';
+import { useParams } from 'next/navigation';
+import { useTranslations } from 'next-intl';
 
 import {
    DropdownMenu,
@@ -17,18 +31,104 @@ import {
    SidebarMenuItem,
 } from '@/components/ui/sidebar';
 import Link from 'next/link';
-import { workspaceItems } from '@/mock-data/side-bar-nav';
-import { RiPresentationLine } from '@remixicon/react';
+import { OrgRole } from '@prisma/client';
+import { useEffect, useState } from 'react';
+
+interface NavItem {
+   name: string;
+   url: string;
+   icon: React.ComponentType<any>;
+   roles: OrgRole[];
+}
 
 export function NavWorkspace() {
+   const params = useParams();
+   const orgId = params.orgId as string;
+   const [userRole, setUserRole] = useState<OrgRole | null>(null);
+   const t = useTranslations('navigation');
+
+   useEffect(() => {
+      // Fetch user role - in a real app, this would be done server-side or through a context
+      const fetchUserRole = async () => {
+         try {
+            const response = await fetch(`/api/me/role?orgId=${orgId}`);
+            if (response.ok) {
+               const data = await response.json();
+               setUserRole(data.role);
+            }
+         } catch (error) {
+            console.error('Failed to fetch user role:', error);
+         }
+      };
+
+      if (orgId) {
+         fetchUserRole();
+      }
+   }, [orgId]);
+
+   const navigationItems: NavItem[] = [
+      {
+         name: t('dashboard'),
+         url: '',
+         icon: Home,
+         roles: [OrgRole.ADMIN, OrgRole.BRAND_OWNER, OrgRole.CREATOR],
+      },
+      {
+         name: t('campaigns'),
+         url: '/campaigns',
+         icon: FileText,
+         roles: [OrgRole.ADMIN, OrgRole.BRAND_OWNER, OrgRole.CREATOR],
+      },
+      {
+         name: t('content_studio'),
+         url: '/content',
+         icon: Sparkles,
+         roles: [OrgRole.ADMIN, OrgRole.BRAND_OWNER, OrgRole.CREATOR],
+      },
+      {
+         name: t('schedules'),
+         url: '/schedules',
+         icon: Calendar,
+         roles: [OrgRole.ADMIN, OrgRole.BRAND_OWNER, OrgRole.CREATOR],
+      },
+      {
+         name: t('assets'),
+         url: '/assets',
+         icon: Image,
+         roles: [OrgRole.ADMIN, OrgRole.BRAND_OWNER, OrgRole.CREATOR],
+      },
+      {
+         name: t('analytics'),
+         url: '/analytics',
+         icon: BarChart3,
+         roles: [OrgRole.ADMIN, OrgRole.BRAND_OWNER],
+      },
+      {
+         name: t('members'),
+         url: '/members',
+         icon: Users,
+         roles: [OrgRole.ADMIN, OrgRole.BRAND_OWNER],
+      },
+      {
+         name: t('settings'),
+         url: '/settings',
+         icon: Settings,
+         roles: [OrgRole.ADMIN],
+      },
+   ];
+
+   const filteredItems = navigationItems.filter(
+      (item) => userRole && item.roles.includes(userRole)
+   );
+
    return (
       <SidebarGroup className="group-data-[collapsible=icon]:hidden">
-         <SidebarGroupLabel>Workspace</SidebarGroupLabel>
+         <SidebarGroupLabel>{t('workspace')}</SidebarGroupLabel>
          <SidebarMenu>
-            {workspaceItems.map((item) => (
+            {filteredItems.map((item) => (
                <SidebarMenuItem key={item.name}>
                   <SidebarMenuButton asChild>
-                     <Link href={item.url}>
+                     <Link href={`/${orgId}${item.url}`}>
                         <item.icon />
                         <span>{item.name}</span>
                      </Link>
@@ -41,23 +141,19 @@ export function NavWorkspace() {
                      <SidebarMenuButton asChild>
                         <span>
                            <MoreHorizontal />
-                           <span>More</span>
+                           <span>{t('more')}</span>
                         </span>
                      </SidebarMenuButton>
                   </DropdownMenuTrigger>
                   <DropdownMenuContent className="w-48 rounded-lg" side="bottom" align="start">
-                     <DropdownMenuItem>
-                        <RiPresentationLine className="text-muted-foreground" />
-                        <span>Initiatives</span>
-                     </DropdownMenuItem>
                      <DropdownMenuItem>
                         <Layers className="text-muted-foreground" />
-                        <span>Views</span>
+                        <span>{t('views')}</span>
                      </DropdownMenuItem>
                      <DropdownMenuSeparator />
                      <DropdownMenuItem>
                         <LayoutList className="text-muted-foreground" />
-                        <span>Customize sidebar</span>
+                        <span>{t('customize_sidebar')}</span>
                      </DropdownMenuItem>
                   </DropdownMenuContent>
                </DropdownMenu>
diff --git a/components/layout/sidebar/org-switcher.tsx b/components/layout/sidebar/org-switcher.tsx
index 873904af..3d6e61db 100644
--- a/components/layout/sidebar/org-switcher.tsx
+++ b/components/layout/sidebar/org-switcher.tsx
@@ -80,7 +80,9 @@ export function OrgSwitcher() {
                               lndev-ui
                            </DropdownMenuItem>
                            <DropdownMenuSeparator />
-                           <DropdownMenuItem>Create or join workspace</DropdownMenuItem>
+                           <DropdownMenuItem asChild>
+                              <Link href="/onboarding">Create or join workspace</Link>
+                           </DropdownMenuItem>
                            <DropdownMenuItem>Add an account</DropdownMenuItem>
                         </DropdownMenuSubContent>
                      </DropdownMenuPortal>
diff --git a/components/layout/theme-provider.tsx b/components/layout/theme-provider.tsx
index 7249aedb..f68bc3e7 100644
--- a/components/layout/theme-provider.tsx
+++ b/components/layout/theme-provider.tsx
@@ -3,10 +3,13 @@
 import * as React from 'react';
 import { ThemeProvider as NextThemesProvider, ThemeProviderProps } from 'next-themes';
 
-export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+export const ThemeProvider = React.memo(function ThemeProvider({
+   children,
+   ...props
+}: ThemeProviderProps) {
    return (
       <NextThemesProvider {...props} enableSystem enableColorScheme disableTransitionOnChange>
          {children}
       </NextThemesProvider>
    );
-}
+});
diff --git a/components/schedules/schedule-calendar.tsx b/components/schedules/schedule-calendar.tsx
new file mode 100644
index 00000000..e106b73b
--- /dev/null
+++ b/components/schedules/schedule-calendar.tsx
@@ -0,0 +1,184 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { DayPicker } from 'react-day-picker';
+import { format } from 'date-fns';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Calendar, Clock, Plus } from 'lucide-react';
+import { ScheduleContentModal } from './schedule-content-modal';
+import 'react-day-picker/dist/style.css';
+
+interface Schedule {
+   id: string;
+   date: string;
+   status: string;
+   campaign: {
+      id: string;
+      name: string;
+   };
+   content?: {
+      id: string;
+      title: string;
+   };
+}
+
+interface ScheduleCalendarProps {
+   orgId: string;
+   onDateSelect?: (date: Date) => void;
+   onScheduleCreate?: (date: Date) => void;
+}
+
+export function ScheduleCalendar({ orgId, onDateSelect, onScheduleCreate }: ScheduleCalendarProps) {
+   const [schedules, setSchedules] = useState<Schedule[]>([]);
+   const [selectedDate, setSelectedDate] = useState<Date>();
+   const [loading, setLoading] = useState(true);
+
+   useEffect(() => {
+      fetchSchedules();
+   }, [orgId]);
+
+   const fetchSchedules = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/schedules`);
+         if (response.ok) {
+            const data = await response.json();
+            setSchedules(data);
+         }
+      } catch (error) {
+         console.error('Error fetching schedules:', error);
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const getScheduledDates = () => {
+      return schedules.map((schedule) => new Date(schedule.date));
+   };
+
+   const getSchedulesForDate = (date: Date) => {
+      return schedules.filter(
+         (schedule) => format(new Date(schedule.date), 'yyyy-MM-dd') === format(date, 'yyyy-MM-dd')
+      );
+   };
+
+   const handleDateSelect = (date: Date | undefined) => {
+      setSelectedDate(date);
+      if (date && onDateSelect) {
+         onDateSelect(date);
+      }
+   };
+
+   const handleScheduleCreated = () => {
+      fetchSchedules(); // Refresh the schedules
+   };
+
+   const modifiers = {
+      scheduled: getScheduledDates(),
+   };
+
+   const modifiersStyles = {
+      scheduled: {
+         backgroundColor: '#3b82f6',
+         color: 'white',
+         fontWeight: 'bold',
+      },
+   };
+
+   if (loading) {
+      return (
+         <Card>
+            <CardHeader>
+               <CardTitle className="flex items-center gap-2">
+                  <Calendar className="h-5 w-5" />
+                  Schedule Calendar
+               </CardTitle>
+            </CardHeader>
+            <CardContent>
+               <div className="flex items-center justify-center h-64">
+                  <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
+               </div>
+            </CardContent>
+         </Card>
+      );
+   }
+
+   return (
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+         <Card className="lg:col-span-2">
+            <CardHeader>
+               <CardTitle className="flex items-center gap-2">
+                  <Calendar className="h-5 w-5" />
+                  Schedule Calendar
+               </CardTitle>
+            </CardHeader>
+            <CardContent>
+               <DayPicker
+                  mode="single"
+                  selected={selectedDate}
+                  onSelect={handleDateSelect}
+                  modifiers={modifiers}
+                  modifiersStyles={modifiersStyles}
+                  className="w-full"
+               />
+               <div className="mt-4 flex justify-center">
+                  <ScheduleContentModal
+                     orgId={orgId}
+                     trigger={
+                        <Button disabled={!selectedDate} className="flex items-center gap-2">
+                           <Plus className="h-4 w-4" />
+                           Schedule Content
+                        </Button>
+                     }
+                     onScheduleCreated={handleScheduleCreated}
+                  />
+               </div>
+            </CardContent>
+         </Card>
+
+         <Card>
+            <CardHeader>
+               <CardTitle className="flex items-center gap-2">
+                  <Clock className="h-5 w-5" />
+                  {selectedDate ? format(selectedDate, 'MMM dd, yyyy') : 'Select a Date'}
+               </CardTitle>
+            </CardHeader>
+            <CardContent>
+               {selectedDate ? (
+                  <div className="space-y-3">
+                     {getSchedulesForDate(selectedDate).length > 0 ? (
+                        getSchedulesForDate(selectedDate).map((schedule) => (
+                           <div key={schedule.id} className="p-3 border rounded-lg">
+                              <div className="flex items-center justify-between mb-2">
+                                 <Badge
+                                    variant={
+                                       schedule.status === 'published' ? 'default' : 'secondary'
+                                    }
+                                 >
+                                    {schedule.status}
+                                 </Badge>
+                                 <span className="text-sm text-gray-500">
+                                    {format(new Date(schedule.date), 'HH:mm')}
+                                 </span>
+                              </div>
+                              <h4 className="font-medium">{schedule.campaign.name}</h4>
+                              {schedule.content && (
+                                 <p className="text-sm text-gray-600 mt-1">
+                                    {schedule.content.title}
+                                 </p>
+                              )}
+                           </div>
+                        ))
+                     ) : (
+                        <p className="text-gray-500 text-center py-4">No schedules for this date</p>
+                     )}
+                  </div>
+               ) : (
+                  <p className="text-gray-500 text-center py-4">Select a date to view schedules</p>
+               )}
+            </CardContent>
+         </Card>
+      </div>
+   );
+}
diff --git a/components/schedules/schedule-content-modal.tsx b/components/schedules/schedule-content-modal.tsx
new file mode 100644
index 00000000..a907d6bb
--- /dev/null
+++ b/components/schedules/schedule-content-modal.tsx
@@ -0,0 +1,296 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { format } from 'date-fns';
+import { CalendarIcon, Clock } from 'lucide-react';
+import { cn } from '@/lib/utils';
+import { Button } from '@/components/ui/button';
+import { Calendar } from '@/components/ui/calendar';
+import {
+   Dialog,
+   DialogContent,
+   DialogHeader,
+   DialogTitle,
+   DialogTrigger,
+} from '@/components/ui/dialog';
+import {
+   Form,
+   FormControl,
+   FormField,
+   FormItem,
+   FormLabel,
+   FormMessage,
+} from '@/components/ui/form';
+import { Input } from '@/components/ui/input';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { createScheduleSchema } from '@/lib/schemas';
+
+interface Content {
+   id: string;
+   title: string;
+   campaign: {
+      id: string;
+      name: string;
+   };
+}
+
+interface Campaign {
+   id: string;
+   name: string;
+   contents: Content[];
+}
+
+interface ScheduleContentModalProps {
+   orgId: string;
+   trigger: React.ReactNode;
+   onScheduleCreated?: () => void;
+}
+
+export function ScheduleContentModal({
+   orgId,
+   trigger,
+   onScheduleCreated,
+}: ScheduleContentModalProps) {
+   const [open, setOpen] = useState(false);
+   const [campaigns, setCampaigns] = useState<Campaign[]>([]);
+   const [selectedCampaign, setSelectedCampaign] = useState<Campaign | null>(null);
+   const [loading, setLoading] = useState(false);
+
+   const form = useForm({
+      resolver: zodResolver(createScheduleSchema),
+      defaultValues: {
+         runAt: '',
+         status: 'PENDING',
+         campaignId: '',
+         contentId: '',
+      },
+   });
+
+   useEffect(() => {
+      if (open) {
+         fetchCampaigns();
+      }
+   }, [open]);
+
+   const fetchCampaigns = async () => {
+      try {
+         const response = await fetch(`/api/${orgId}/campaigns`);
+         if (response.ok) {
+            const data = await response.json();
+            setCampaigns(data);
+         }
+      } catch (error) {
+         console.error('Error fetching campaigns:', error);
+      }
+   };
+
+   const onSubmit = async (data: any) => {
+      setLoading(true);
+      try {
+         const response = await fetch(`/api/${orgId}/schedules`, {
+            method: 'POST',
+            headers: {
+               'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(data),
+         });
+
+         if (response.ok) {
+            setOpen(false);
+            form.reset();
+            onScheduleCreated?.();
+         } else {
+            const error = await response.json();
+            console.error('Error creating schedule:', error);
+         }
+      } catch (error) {
+         console.error('Error creating schedule:', error);
+      } finally {
+         setLoading(false);
+      }
+   };
+
+   const handleCampaignChange = (campaignId: string) => {
+      const campaign = campaigns.find((c) => c.id === campaignId);
+      setSelectedCampaign(campaign || null);
+      form.setValue('campaignId', campaignId);
+      form.setValue('contentId', ''); // Reset content selection
+   };
+
+   return (
+      <Dialog open={open} onOpenChange={setOpen}>
+         <DialogTrigger asChild>{trigger}</DialogTrigger>
+         <DialogContent className="sm:max-w-[500px]">
+            <DialogHeader>
+               <DialogTitle>Schedule Content Publication</DialogTitle>
+            </DialogHeader>
+
+            <Form {...form}>
+               <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+                  <FormField
+                     control={form.control}
+                     name="campaignId"
+                     render={({ field }) => (
+                        <FormItem>
+                           <FormLabel>Campaign</FormLabel>
+                           <Select onValueChange={handleCampaignChange} value={field.value}>
+                              <FormControl>
+                                 <SelectTrigger>
+                                    <SelectValue placeholder="Select a campaign" />
+                                 </SelectTrigger>
+                              </FormControl>
+                              <SelectContent>
+                                 {campaigns.map((campaign) => (
+                                    <SelectItem key={campaign.id} value={campaign.id}>
+                                       {campaign.name}
+                                    </SelectItem>
+                                 ))}
+                              </SelectContent>
+                           </Select>
+                           <FormMessage />
+                        </FormItem>
+                     )}
+                  />
+
+                  {selectedCampaign && selectedCampaign.contents.length > 0 && (
+                     <FormField
+                        control={form.control}
+                        name="contentId"
+                        render={({ field }) => (
+                           <FormItem>
+                              <FormLabel>Content (Optional)</FormLabel>
+                              <Select onValueChange={field.onChange} value={field.value}>
+                                 <FormControl>
+                                    <SelectTrigger>
+                                       <SelectValue placeholder="Select content to schedule" />
+                                    </SelectTrigger>
+                                 </FormControl>
+                                 <SelectContent>
+                                    {selectedCampaign.contents.map((content) => (
+                                       <SelectItem key={content.id} value={content.id}>
+                                          {content.title}
+                                       </SelectItem>
+                                    ))}
+                                 </SelectContent>
+                              </Select>
+                              <FormMessage />
+                           </FormItem>
+                        )}
+                     />
+                  )}
+
+                  <FormField
+                     control={form.control}
+                     name="runAt"
+                     render={({ field }) => (
+                        <FormItem className="flex flex-col">
+                           <FormLabel>Publication Date & Time</FormLabel>
+                           <Popover>
+                              <PopoverTrigger asChild>
+                                 <FormControl>
+                                    <Button
+                                       variant={'outline'}
+                                       className={cn(
+                                          'w-full pl-3 text-left font-normal',
+                                          !field.value && 'text-muted-foreground'
+                                       )}
+                                    >
+                                       {field.value ? (
+                                          format(new Date(field.value), "PPP 'at' p")
+                                       ) : (
+                                          <span>Pick a date and time</span>
+                                       )}
+                                       <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                                    </Button>
+                                 </FormControl>
+                              </PopoverTrigger>
+                              <PopoverContent className="w-auto p-0" align="start">
+                                 <Calendar
+                                    mode="single"
+                                    selected={field.value ? new Date(field.value) : undefined}
+                                    onSelect={(date) => {
+                                       if (date) {
+                                          // Set time to current time if no time is set
+                                          const now = new Date();
+                                          date.setHours(now.getHours(), now.getMinutes());
+                                          field.onChange(date.toISOString());
+                                       }
+                                    }}
+                                    disabled={(date) =>
+                                       date < new Date(new Date().setHours(0, 0, 0, 0))
+                                    }
+                                    initialFocus
+                                 />
+                                 <div className="p-3 border-t">
+                                    <div className="flex items-center space-x-2">
+                                       <Clock className="h-4 w-4" />
+                                       <Input
+                                          type="time"
+                                          value={
+                                             field.value
+                                                ? format(new Date(field.value), 'HH:mm')
+                                                : ''
+                                          }
+                                          onChange={(e) => {
+                                             if (field.value) {
+                                                const date = new Date(field.value);
+                                                const [hours, minutes] = e.target.value.split(':');
+                                                date.setHours(parseInt(hours), parseInt(minutes));
+                                                field.onChange(date.toISOString());
+                                             }
+                                          }}
+                                       />
+                                    </div>
+                                 </div>
+                              </PopoverContent>
+                           </Popover>
+                           <FormMessage />
+                        </FormItem>
+                     )}
+                  />
+
+                  <FormField
+                     control={form.control}
+                     name="status"
+                     render={({ field }) => (
+                        <FormItem>
+                           <FormLabel>Status</FormLabel>
+                           <Select onValueChange={field.onChange} value={field.value}>
+                              <FormControl>
+                                 <SelectTrigger>
+                                    <SelectValue placeholder="Select status" />
+                                 </SelectTrigger>
+                              </FormControl>
+                              <SelectContent>
+                                 <SelectItem value="PENDING">Pending</SelectItem>
+                                 <SelectItem value="PUBLISHED">Published</SelectItem>
+                              </SelectContent>
+                           </Select>
+                           <FormMessage />
+                        </FormItem>
+                     )}
+                  />
+
+                  <div className="flex justify-end space-x-2 pt-4">
+                     <Button type="button" variant="outline" onClick={() => setOpen(false)}>
+                        Cancel
+                     </Button>
+                     <Button type="submit" disabled={loading}>
+                        {loading ? 'Scheduling...' : 'Schedule Content'}
+                     </Button>
+                  </div>
+               </form>
+            </Form>
+         </DialogContent>
+      </Dialog>
+   );
+}
diff --git a/components/ui/page-header.tsx b/components/ui/page-header.tsx
new file mode 100644
index 00000000..7a77b92c
--- /dev/null
+++ b/components/ui/page-header.tsx
@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+
+interface PageHeaderProps {
+   title: string;
+   description?: string;
+   action?: ReactNode;
+}
+
+export function PageHeader({ title, description, action }: PageHeaderProps) {
+   return (
+      <div className="flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between">
+         <div>
+            <h1 className="text-3xl font-bold tracking-tight">{title}</h1>
+            {description && <p className="text-muted-foreground mt-2">{description}</p>}
+         </div>
+         {action && <div className="flex-shrink-0">{action}</div>}
+      </div>
+   );
+}
diff --git a/db/seed.ts b/db/seed.ts
new file mode 100644
index 00000000..90dd10c4
--- /dev/null
+++ b/db/seed.ts
@@ -0,0 +1,331 @@
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+async function main() {
+   console.log('🌱 Seeding database...');
+
+   // Create organization
+   const organization = await prisma.organization.upsert({
+      where: { id: 'org_default_seed' },
+      update: {},
+      create: {
+         id: 'org_default_seed',
+         name: 'Default Organization',
+      },
+   });
+
+   // Create users
+   const user1 = await prisma.user.upsert({
+      where: { email: 'john@example.com' },
+      update: {},
+      create: {
+         email: 'john@example.com',
+         name: 'John Doe',
+      },
+   });
+
+   const user2 = await prisma.user.upsert({
+      where: { email: 'jane@example.com' },
+      update: {},
+      create: {
+         email: 'jane@example.com',
+         name: 'Jane Smith',
+      },
+   });
+
+   const user3 = await prisma.user.upsert({
+      where: { email: 'bob@example.com' },
+      update: {},
+      create: {
+         email: 'bob@example.com',
+         name: 'Bob Johnson',
+      },
+   });
+
+   // Create memberships
+   await prisma.membership.upsert({
+      where: { userId_organizationId: { userId: user1.id, organizationId: organization.id } },
+      update: {},
+      create: {
+         userId: user1.id,
+         organizationId: organization.id,
+         role: 'ADMIN',
+      },
+   });
+
+   await prisma.membership.upsert({
+      where: { userId_organizationId: { userId: user2.id, organizationId: organization.id } },
+      update: {},
+      create: {
+         userId: user2.id,
+         organizationId: organization.id,
+         role: 'BRAND_OWNER',
+      },
+   });
+
+   await prisma.membership.upsert({
+      where: { userId_organizationId: { userId: user3.id, organizationId: organization.id } },
+      update: {},
+      create: {
+         userId: user3.id,
+         organizationId: organization.id,
+         role: 'CREATOR',
+      },
+   });
+
+   // Create campaigns
+   const campaign1 = await prisma.campaign.create({
+      data: {
+         name: 'Summer Marketing Campaign 2024',
+         summary: 'Boost summer sales with targeted social media campaigns',
+         description:
+            'A comprehensive marketing campaign targeting young adults during summer months. Focus on social media platforms and influencer partnerships.',
+         organizationId: organization.id,
+         leadId: user1.id,
+         health: 'ON_TRACK',
+         status: 'PLANNING',
+         priority: 'HIGH',
+         startDate: new Date('2024-06-01'),
+         targetDate: new Date('2024-08-31'),
+      },
+   });
+
+   const campaign2 = await prisma.campaign.create({
+      data: {
+         name: 'Product Launch Q4',
+         summary: 'Launch new product line with multi-channel marketing',
+         description:
+            'Strategic launch campaign for our new product line. Includes PR, social media, and influencer marketing.',
+         organizationId: organization.id,
+         leadId: user2.id,
+         health: 'AT_RISK',
+         status: 'READY',
+         priority: 'URGENT',
+         startDate: new Date('2024-10-01'),
+         targetDate: new Date('2024-12-31'),
+      },
+   });
+
+   const campaign3 = await prisma.campaign.create({
+      data: {
+         name: 'Brand Awareness Campaign',
+         summary: 'Increase brand recognition in target markets',
+         description:
+            'Long-term brand awareness campaign focusing on content marketing and thought leadership.',
+         organizationId: organization.id,
+         leadId: user3.id,
+         health: 'OFF_TRACK',
+         status: 'DRAFT',
+         priority: 'MEDIUM',
+         startDate: new Date('2024-09-01'),
+         targetDate: new Date('2025-02-28'),
+      },
+   });
+
+   // Create campaign members
+   await prisma.campaignMember.createMany({
+      data: [
+         {
+            campaignId: campaign1.id,
+            userId: user1.id,
+            role: 'OWNER',
+         },
+         {
+            campaignId: campaign1.id,
+            userId: user2.id,
+            role: 'MANAGER',
+         },
+         {
+            campaignId: campaign1.id,
+            userId: user3.id,
+            role: 'MEMBER',
+         },
+         {
+            campaignId: campaign2.id,
+            userId: user2.id,
+            role: 'OWNER',
+         },
+         {
+            campaignId: campaign2.id,
+            userId: user1.id,
+            role: 'MANAGER',
+         },
+         {
+            campaignId: campaign3.id,
+            userId: user3.id,
+            role: 'OWNER',
+         },
+      ],
+   });
+
+   // Create campaign labels
+   await prisma.campaignLabel.createMany({
+      data: [
+         {
+            campaignId: campaign1.id,
+            name: 'Summer',
+            color: '#FF6B6B',
+         },
+         {
+            campaignId: campaign1.id,
+            name: 'Social Media',
+            color: '#4ECDC4',
+         },
+         {
+            campaignId: campaign2.id,
+            name: 'Product Launch',
+            color: '#45B7D1',
+         },
+         {
+            campaignId: campaign2.id,
+            name: 'Q4',
+            color: '#96CEB4',
+         },
+         {
+            campaignId: campaign3.id,
+            name: 'Brand',
+            color: '#FFEAA7',
+         },
+      ],
+   });
+
+   // Create campaign tasks
+   const task1 = await prisma.campaignTask.create({
+      data: {
+         title: 'Design social media assets',
+         description: 'Create visual assets for Instagram, Facebook, and Twitter',
+         campaignId: campaign1.id,
+         assigneeId: user3.id,
+         status: 'IN_PROGRESS',
+         priority: 'HIGH',
+         dueDate: new Date('2024-06-15'),
+      },
+   });
+
+   const task2 = await prisma.campaignTask.create({
+      data: {
+         title: 'Plan influencer partnerships',
+         description: 'Research and contact potential influencers for collaboration',
+         campaignId: campaign1.id,
+         assigneeId: user2.id,
+         status: 'TODO',
+         priority: 'MEDIUM',
+         dueDate: new Date('2024-06-20'),
+      },
+   });
+
+   const task3 = await prisma.campaignTask.create({
+      data: {
+         title: 'Create campaign timeline',
+         description: 'Develop detailed timeline for campaign execution',
+         campaignId: campaign1.id,
+         assigneeId: user1.id,
+         status: 'DONE',
+         priority: 'LOW',
+         dueDate: new Date('2024-06-10'),
+      },
+   });
+
+   // Create subtasks
+   await prisma.campaignTask.create({
+      data: {
+         title: 'Instagram post designs',
+         description: 'Design 10 Instagram posts for the campaign',
+         campaignId: campaign1.id,
+         assigneeId: user3.id,
+         status: 'TODO',
+         priority: 'HIGH',
+         dueDate: new Date('2024-06-12'),
+         parentTaskId: task1.id,
+      },
+   });
+
+   await prisma.campaignTask.create({
+      data: {
+         title: 'Facebook banner designs',
+         description: 'Create Facebook banner and cover images',
+         campaignId: campaign1.id,
+         assigneeId: user3.id,
+         status: 'TODO',
+         priority: 'MEDIUM',
+         dueDate: new Date('2024-06-14'),
+         parentTaskId: task1.id,
+      },
+   });
+
+   // Create campaign milestones
+   await prisma.campaignMilestone.createMany({
+      data: [
+         {
+            campaignId: campaign1.id,
+            title: 'Campaign Planning Complete',
+            description: 'All planning documents and strategies finalized',
+            dueDate: new Date('2024-06-15'),
+            completedAt: new Date('2024-06-10'),
+         },
+         {
+            campaignId: campaign1.id,
+            title: 'Asset Creation Complete',
+            description: 'All visual and content assets created',
+            dueDate: new Date('2024-06-30'),
+         },
+         {
+            campaignId: campaign1.id,
+            title: 'Campaign Launch',
+            description: 'Campaign goes live across all channels',
+            dueDate: new Date('2024-07-01'),
+         },
+         {
+            campaignId: campaign1.id,
+            title: 'Campaign Completion',
+            description: 'Campaign ends and results are analyzed',
+            dueDate: new Date('2024-08-31'),
+         },
+      ],
+   });
+
+   // Create content for campaigns
+   const content1 = await prisma.content.create({
+      data: {
+         title: 'Summer Vibes Social Media Post',
+         body: 'Get ready for summer with our amazing deals! 🌞☀️ #SummerVibes #Marketing',
+         campaignId: campaign1.id,
+         status: 'APPROVED',
+      },
+   });
+
+   const content2 = await prisma.content.create({
+      data: {
+         title: 'Product Launch Announcement',
+         body: 'Exciting news! Our new product line is launching soon. Stay tuned for updates! 🚀',
+         campaignId: campaign2.id,
+         status: 'DRAFT',
+      },
+   });
+
+   // Create schedules
+   await prisma.schedule.create({
+      data: {
+         name: 'Summer Campaign Launch',
+         campaignId: campaign1.id,
+         contentId: content1.id,
+         channel: 'INSTAGRAM',
+         runAt: new Date('2024-07-01T10:00:00Z'),
+         timezone: 'UTC',
+         status: 'PENDING',
+      },
+   });
+
+   console.log('✅ Database seeded successfully!');
+   console.log(`📊 Created ${organization.name} with campaigns and team members`);
+}
+
+main()
+   .catch((e) => {
+      console.error('❌ Error seeding database:', e);
+      process.exit(1);
+   })
+   .finally(async () => {
+      await prisma.$disconnect();
+   });
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 00000000..2ee90b2f
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,33 @@
+version: '3.8'
+
+services:
+  app:
+    build: .
+    ports:
+      - "3000:3000"
+    environment:
+      - DATABASE_URL=postgresql://postgres:postgres@db:5432/circle_dev?schema=public
+      - NEXTAUTH_URL=http://localhost:3000
+      - NEXTAUTH_SECRET=changeme-in-production
+      - OPENAI_API_KEY=${OPENAI_API_KEY}
+      - NODE_ENV=production
+    depends_on:
+      - db
+    volumes:
+      - .:/app
+      - /app/node_modules
+    command: pnpm start
+
+  db:
+    image: postgres:15
+    environment:
+      - POSTGRES_USER=postgres
+      - POSTGRES_PASSWORD=postgres
+      - POSTGRES_DB=circle_dev
+    ports:
+      - "5432:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+
+volumes:
+  postgres_data:
\ No newline at end of file
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
new file mode 100644
index 00000000..5df0ecc7
--- /dev/null
+++ b/docs/CONTRIBUTING.md
@@ -0,0 +1,691 @@
+# Contributing to AiM Platform
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Development Setup](#development-setup)
+- [Development Workflow](#development-workflow)
+- [Code Standards](#code-standards)
+- [Testing](#testing)
+- [Pull Request Process](#pull-request-process)
+- [Code Review Guidelines](#code-review-guidelines)
+
+## Overview
+
+Cảm ơn bạn đã quan tâm đến việc đóng góp cho AiM Platform! Document này sẽ hướng dẫn bạn cách setup development environment và contribute code một cách hiệu quả.
+
+### What We're Building
+
+AiM Platform là một AI-powered marketing platform cho phép Creators, Brand Owners, và Admins quản lý campaigns, tạo content với AI assistance, và track performance analytics.
+
+### How to Contribute
+
+- 🐛 **Bug Reports**: Report bugs và issues
+- 💡 **Feature Requests**: Đề xuất tính năng mới
+- 🔧 **Code Contributions**: Fix bugs, implement features
+- 📚 **Documentation**: Improve docs và examples
+- 🧪 **Testing**: Write tests và improve test coverage
+
+## Development Setup
+
+### 🛠️ Prerequisites
+
+#### Required Software
+
+- **Node.js**: Version 18.17+ (LTS recommended)
+- **pnpm**: Version 8.0+ (faster than npm)
+- **PostgreSQL**: Version 14+ (for database)
+- **Git**: Version 2.30+
+
+#### System Requirements
+
+- **RAM**: Minimum 8GB, Recommended 16GB+
+- **Storage**: 10GB+ free space
+- **OS**: Windows 10+, macOS 10.15+, Ubuntu 18.04+
+
+### 🚀 Quick Start
+
+#### 1. Clone Repository
+
+```bash
+git clone https://github.com/your-org/aim-platform.git
+cd aim-platform
+```
+
+#### 2. Install Dependencies
+
+```bash
+# Install pnpm if you haven't
+npm install -g pnpm
+
+# Install project dependencies
+pnpm install
+```
+
+#### 3. Environment Setup
+
+```bash
+# Copy environment template
+cp .env.example .env
+
+# Edit .env with your configuration
+# DATABASE_URL, NEXTAUTH_SECRET, etc.
+```
+
+#### 4. Database Setup
+
+```bash
+# Generate Prisma client
+pnpm prisma generate
+
+# Push schema to database
+pnpm prisma db push
+
+# Seed database with sample data
+pnpm db:seed
+```
+
+#### 5. Start Development Server
+
+```bash
+# Start development server
+pnpm dev
+
+# Open http://localhost:3000
+```
+
+### 🔧 Development Tools
+
+#### VS Code Extensions (Recommended)
+
+```json
+{
+   "recommendations": [
+      "bradlc.vscode-tailwindcss",
+      "esbenp.prettier-vscode",
+      "ms-vscode.vscode-typescript-next",
+      "prisma.prisma",
+      "ms-vscode.vscode-json",
+      "formulahendry.auto-rename-tag",
+      "christian-kohler.path-intellisense"
+   ]
+}
+```
+
+#### Git Hooks (Automatic)
+
+```bash
+# Pre-commit hooks are automatically installed
+# They will run linting and formatting before commits
+```
+
+## Development Workflow
+
+### 🌿 Branch Strategy
+
+#### Branch Naming Convention
+
+```bash
+# Feature branches
+feature/description-of-feature
+feature/user-authentication
+
+# Bug fix branches
+fix/description-of-bug
+fix/login-validation-error
+
+# Hotfix branches
+hotfix/critical-security-fix
+
+# Documentation branches
+docs/update-api-documentation
+```
+
+#### Branch Workflow
+
+```bash
+# 1. Create feature branch from main
+git checkout main
+git pull origin main
+git checkout -b feature/your-feature-name
+
+# 2. Make changes and commit
+git add .
+git commit -m "feat: add user authentication system"
+
+# 3. Push branch and create PR
+git push origin feature/your-feature-name
+# Create Pull Request on GitHub
+```
+
+### 📝 Commit Message Convention
+
+#### Conventional Commits Format
+
+```bash
+# Format: type(scope): description
+
+# Examples:
+feat(auth): add NextAuth.js integration
+fix(api): resolve campaign creation validation error
+docs(api): update campaigns API documentation
+test(auth): add authentication test coverage
+refactor(ui): simplify component structure
+style(ui): fix button alignment issues
+perf(api): optimize database queries
+chore(deps): update dependencies to latest versions
+```
+
+#### Commit Types
+
+- **feat**: New feature
+- **fix**: Bug fix
+- **docs**: Documentation changes
+- **style**: Code style changes (formatting, etc.)
+- **refactor**: Code refactoring
+- **test**: Adding or updating tests
+- **chore**: Maintenance tasks
+- **perf**: Performance improvements
+
+### 🔄 Pull Request Process
+
+#### 1. Create Pull Request
+
+- Fork repository (if external contributor)
+- Create feature branch from main
+- Make changes following coding standards
+- Write tests for new functionality
+- Update documentation if needed
+
+#### 2. PR Description Template
+
+```markdown
+## Description
+
+Brief description of changes
+
+## Type of Change
+
+- [ ] Bug fix
+- [ ] New feature
+- [ ] Breaking change
+- [ ] Documentation update
+
+## Testing
+
+- [ ] Unit tests pass
+- [ ] Integration tests pass
+- [ ] Manual testing completed
+
+## Checklist
+
+- [ ] Code follows style guidelines
+- [ ] Self-review completed
+- [ ] Documentation updated
+- [ ] Tests added/updated
+- [ ] No console.log statements
+- [ ] No sensitive data in logs
+```
+
+#### 3. Code Review Process
+
+- **Automated Checks**: CI/CD pipeline runs tests
+- **Peer Review**: At least one team member reviews
+- **Address Feedback**: Make requested changes
+- **Merge**: Once approved and all checks pass
+
+## Code Standards
+
+### 🎨 Code Style
+
+#### TypeScript Guidelines
+
+```typescript
+// Use strict TypeScript
+// tsconfig.json: "strict": true
+
+// Prefer interfaces over types for objects
+interface User {
+   id: string;
+   email: string;
+   name: string;
+}
+
+// Use type for unions, intersections, etc.
+type UserRole = 'admin' | 'creator' | 'brand_owner';
+type UserWithRole = User & { role: UserRole };
+
+// Prefer const assertions
+const PERMISSIONS = {
+   READ: 'read',
+   WRITE: 'write',
+} as const;
+
+// Use proper error handling
+try {
+   const result = await riskyOperation();
+   return result;
+} catch (error) {
+   logger.error('Operation failed', { error: error.message });
+   throw new BusinessLogicError('Operation failed', error);
+}
+```
+
+#### React Guidelines
+
+```typescript
+// Use functional components with hooks
+export function UserProfile({ userId }: { userId: string }) {
+  const [user, setUser] = useState<User | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetchUser(userId).then(setUser).finally(() => setLoading(false));
+  }, [userId]);
+
+  if (loading) return <LoadingSpinner />;
+  if (!user) return <UserNotFound />;
+
+  return (
+    <div className="user-profile">
+      <h1>{user.name}</h1>
+      <p>{user.email}</p>
+    </div>
+  );
+}
+
+// Use proper prop types
+interface ButtonProps {
+  variant?: 'primary' | 'secondary' | 'danger';
+  size?: 'sm' | 'md' | 'lg';
+  disabled?: boolean;
+  onClick?: () => void;
+  children: React.ReactNode;
+}
+```
+
+#### File Organization
+
+```bash
+# Component structure
+components/
+├── ui/                    # Reusable UI components
+│   ├── button.tsx
+│   ├── input.tsx
+│   └── modal.tsx
+├── forms/                 # Form components
+│   ├── campaign-form.tsx
+│   └── user-form.tsx
+├── layout/                # Layout components
+│   ├── header.tsx
+│   ├── sidebar.tsx
+│   └── footer.tsx
+└── features/              # Feature-specific components
+    ├── campaigns/
+    ├── content/
+    └── analytics/
+
+# API structure
+app/api/
+├── [orgId]/              # Organization-scoped APIs
+│   ├── campaigns/
+│   ├── content/
+│   └── analytics/
+├── auth/                  # Authentication APIs
+└── health/                # Health check APIs
+```
+
+### 🔒 Security Guidelines
+
+#### Input Validation
+
+```typescript
+// Always validate input data
+import { z } from 'zod';
+
+const createUserSchema = z.object({
+   email: z.string().email('Invalid email format'),
+   password: z.string().min(8, 'Password too short'),
+   name: z.string().min(1, 'Name is required'),
+});
+
+export async function POST(request: NextRequest) {
+   const body = await request.json();
+   const validation = createUserSchema.safeParse(body);
+
+   if (!validation.success) {
+      return NextResponse.json(
+         {
+            error: 'E_VALIDATION',
+            details: validation.error.errors,
+         },
+         { status: 400 }
+      );
+   }
+
+   // Proceed with validated data
+   const user = await createUser(validation.data);
+   return NextResponse.json(user);
+}
+```
+
+#### Authentication & Authorization
+
+```typescript
+// Always check permissions
+export async function DELETE(request: NextRequest, { params }: { params: { id: string } }) {
+   const session = await auth();
+   if (!session?.user?.id) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+   }
+
+   try {
+      await requirePermission(session.user.id, 'campaign:delete');
+
+      const campaign = await deleteCampaign(params.id);
+      return NextResponse.json(campaign);
+   } catch (error) {
+      if (error instanceof PermissionError) {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      throw error;
+   }
+}
+```
+
+### 📚 Documentation Standards
+
+#### Code Documentation
+
+```typescript
+/**
+ * Creates a new campaign for the specified organization
+ * @param data - Campaign creation data
+ * @param userId - ID of the user creating the campaign
+ * @param orgId - Organization ID
+ * @returns Promise resolving to the created campaign
+ * @throws {ValidationError} When campaign data is invalid
+ * @throws {PermissionError} When user lacks required permissions
+ */
+export async function createCampaign(
+   data: CreateCampaignRequest,
+   userId: string,
+   orgId: string
+): Promise<Campaign> {
+   // Implementation...
+}
+```
+
+#### API Documentation
+
+```typescript
+/**
+ * @api {post} /api/[orgId]/campaigns Create Campaign
+ * @apiName CreateCampaign
+ * @apiGroup Campaigns
+ * @apiPermission campaign:create
+ *
+ * @apiParam {String} name Campaign name (required)
+ * @apiParam {String} [description] Campaign description
+ * @apiParam {Date} startDate Campaign start date
+ * @apiParam {Date} endDate Campaign end date
+ *
+ * @apiSuccess {Campaign} campaign Created campaign object
+ * @apiError {String} E_VALIDATION Validation error
+ * @apiError {String} E_FORBIDDEN Insufficient permissions
+ */
+```
+
+## Testing
+
+### 🧪 Testing Strategy
+
+#### Test Types
+
+- **Unit Tests**: Individual functions và components
+- **Integration Tests**: API endpoints và database operations
+- **E2E Tests**: Complete user workflows
+- **Performance Tests**: Load testing và optimization
+
+#### Test Setup
+
+```bash
+# Run all tests
+pnpm test
+
+# Run tests in watch mode
+pnpm test:watch
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run E2E tests
+pnpm test:e2e
+
+# Run E2E tests with UI
+pnpm test:e2e:ui
+```
+
+#### Writing Tests
+
+```typescript
+// Unit test example
+import { render, screen } from '@testing-library/react';
+import { UserProfile } from './UserProfile';
+
+describe('UserProfile', () => {
+  it('should display user information', () => {
+    const mockUser = {
+      id: '1',
+      name: 'John Doe',
+      email: 'john@example.com'
+    };
+
+    render(<UserProfile user={mockUser} />);
+
+    expect(screen.getByText('John Doe')).toBeInTheDocument();
+    expect(screen.getByText('john@example.com')).toBeInTheDocument();
+  });
+
+  it('should show loading state', () => {
+    render(<UserProfile user={null} loading={true} />);
+
+    expect(screen.getByTestId('loading-spinner')).toBeInTheDocument();
+  });
+});
+
+// API test example
+import { createMocks } from 'node-mocks-http';
+import { GET } from './route';
+
+describe('/api/campaigns', () => {
+  it('should return campaigns for authenticated user', async () => {
+    const { req, res } = createMocks({
+      method: 'GET',
+      headers: {
+        'authorization': 'Bearer valid-token'
+      }
+    });
+
+    await GET(req, { params: { orgId: 'org-123' } });
+
+    expect(res._getStatusCode()).toBe(200);
+    expect(JSON.parse(res._getData())).toHaveProperty('campaigns');
+  });
+});
+```
+
+### 📊 Test Coverage
+
+#### Coverage Requirements
+
+- **Unit Tests**: Minimum 80% coverage
+- **Critical Paths**: 100% coverage required
+- **API Endpoints**: All endpoints must have tests
+- **Components**: Core components must have tests
+
+#### Coverage Report
+
+```bash
+# Generate coverage report
+pnpm test:coverage
+
+# View coverage in browser
+open coverage/lcov-report/index.html
+```
+
+## Pull Request Process
+
+### 🔍 Pre-PR Checklist
+
+#### Code Quality
+
+- [ ] Code follows style guidelines
+- [ ] All tests pass
+- [ ] No console.log statements
+- [ ] No sensitive data in code
+- [ ] Proper error handling implemented
+- [ ] Input validation added
+
+#### Documentation
+
+- [ ] Code is properly documented
+- [ ] API documentation updated
+- [ ] README updated if needed
+- [ ] Changelog updated
+
+#### Testing
+
+- [ ] Unit tests written
+- [ ] Integration tests added
+- [ ] E2E tests updated
+- [ ] Test coverage adequate
+
+### 📋 PR Review Process
+
+#### Automated Checks
+
+- **Linting**: ESLint và Prettier checks
+- **Type Checking**: TypeScript compilation
+- **Tests**: Unit và integration tests
+- **Build**: Production build verification
+- **Security**: Security vulnerability scan
+
+#### Manual Review
+
+- **Code Quality**: Readability và maintainability
+- **Security**: Authentication, authorization, validation
+- **Performance**: Efficient algorithms và queries
+- **Testing**: Adequate test coverage
+- **Documentation**: Clear và complete
+
+#### Review Guidelines
+
+```markdown
+# Code Review Checklist
+
+## Functionality
+
+- [ ] Does the code do what it's supposed to do?
+- [ ] Are edge cases handled?
+- [ ] Is error handling appropriate?
+
+## Code Quality
+
+- [ ] Is the code readable and maintainable?
+- [ ] Are there any code smells?
+- [ ] Is the code following established patterns?
+
+## Security
+
+- [ ] Are inputs properly validated?
+- [ ] Are permissions checked?
+- [ ] Is sensitive data protected?
+
+## Testing
+
+- [ ] Are tests comprehensive?
+- [ ] Do tests cover edge cases?
+- [ ] Are tests maintainable?
+
+## Documentation
+
+- [ ] Is the code self-documenting?
+- [ ] Are complex parts explained?
+- [ ] Is API documentation updated?
+```
+
+### 🚀 Deployment Process
+
+#### Staging Deployment
+
+```bash
+# Staging deployment is automatic on PR merge
+# Tests must pass before deployment
+# Manual approval required for production
+```
+
+#### Production Deployment
+
+```bash
+# Production deployment requires:
+# 1. All tests passing
+# 2. Code review approval
+# 3. Security review approval
+# 4. Manual deployment approval
+```
+
+## Getting Help
+
+### 💬 Communication Channels
+
+#### Development Team
+
+- **Slack**: #aim-platform-dev
+- **Email**: dev@aim-platform.com
+- **GitHub Issues**: Bug reports và feature requests
+- **GitHub Discussions**: General questions và discussions
+
+#### Documentation
+
+- **API Docs**: `/docs/api/`
+- **Architecture**: `/docs/architecture.md`
+- **Security**: `/docs/SECURITY.md`
+- **Contributing**: This document
+
+### 🆘 Common Issues
+
+#### Setup Issues
+
+```bash
+# Database connection failed
+# Check DATABASE_URL in .env
+# Ensure PostgreSQL is running
+
+# Dependencies installation failed
+# Clear pnpm cache: pnpm store prune
+# Delete node_modules and reinstall
+
+# Build errors
+# Check TypeScript errors: pnpm typecheck
+# Verify all imports are correct
+```
+
+#### Development Issues
+
+```bash
+# Tests failing
+# Run tests individually: pnpm test -- --testNamePattern="test name"
+# Check test environment setup
+
+# API endpoints not working
+# Verify middleware configuration
+# Check authentication setup
+# Review API route handlers
+```
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Development Team_
diff --git a/docs/SECURITY.md b/docs/SECURITY.md
new file mode 100644
index 00000000..43e9d963
--- /dev/null
+++ b/docs/SECURITY.md
@@ -0,0 +1,1012 @@
+# Security Documentation
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Authentication](#authentication)
+- [Authorization & RBAC](#authorization--rbac)
+- [Input Validation](#input-validation)
+- [Data Protection](#data-protection)
+- [API Security](#api-security)
+- [Infrastructure Security](#infrastructure-security)
+- [Security Best Practices](#security-best-practices)
+
+## Overview
+
+Security là top priority cho AiM Platform. Document này cover tất cả security measures, từ authentication và authorization đến data protection và infrastructure security.
+
+### Security Principles
+
+1. **Defense in Depth**: Multiple layers of security
+2. **Least Privilege**: Users chỉ có access cần thiết
+3. **Zero Trust**: Verify everything, trust nothing
+4. **Security by Design**: Security built into every layer
+5. **Regular Audits**: Continuous security assessment
+
+## Authentication
+
+### 🔐 NextAuth.js Implementation
+
+#### Configuration
+
+```typescript
+// lib/auth.ts
+import NextAuth from 'next-auth';
+import CredentialsProvider from 'next-auth/providers/credentials';
+import { PrismaAdapter } from '@auth/prisma-adapter';
+import prisma from '@/lib/prisma';
+import bcrypt from 'bcryptjs';
+
+export const { handlers, auth, signIn, signOut } = NextAuth({
+   adapter: PrismaAdapter(prisma),
+   session: {
+      strategy: 'jwt',
+      maxAge: 24 * 60 * 60, // 24 hours
+   },
+   providers: [
+      CredentialsProvider({
+         name: 'credentials',
+         credentials: {
+            email: { label: 'Email', type: 'email' },
+            password: { label: 'Password', type: 'password' },
+         },
+         async authorize(credentials) {
+            if (!credentials?.email || !credentials?.password) {
+               return null;
+            }
+
+            const user = await prisma.user.findUnique({
+               where: { email: credentials.email },
+               include: { memberships: true },
+            });
+
+            if (!user || !user.password) {
+               return null;
+            }
+
+            const isValidPassword = await bcrypt.compare(credentials.password, user.password);
+
+            if (!isValidPassword) {
+               return null;
+            }
+
+            return {
+               id: user.id,
+               email: user.email,
+               name: user.name,
+               role: user.memberships[0]?.role || 'CREATOR',
+            };
+         },
+      }),
+   ],
+   callbacks: {
+      async jwt({ token, user }) {
+         if (user) {
+            token.role = user.role;
+            token.organizationId = user.organizationId;
+         }
+         return token;
+      },
+      async session({ session, token }) {
+         if (token) {
+            session.user.id = token.sub!;
+            session.user.role = token.role;
+            session.user.organizationId = token.organizationId;
+         }
+         return session;
+      },
+   },
+   pages: {
+      signIn: '/auth/signin',
+      error: '/auth/error',
+   },
+});
+```
+
+#### Password Security
+
+```typescript
+// lib/auth-utils.ts
+import bcrypt from 'bcryptjs';
+
+export const PASSWORD_REQUIREMENTS = {
+   minLength: 8,
+   requireUppercase: true,
+   requireLowercase: true,
+   requireNumbers: true,
+   requireSpecialChars: true,
+};
+
+export function validatePassword(password: string): boolean {
+   const hasMinLength = password.length >= PASSWORD_REQUIREMENTS.minLength;
+   const hasUppercase = /[A-Z]/.test(password);
+   const hasLowercase = /[a-z]/.test(password);
+   const hasNumbers = /\d/.test(password);
+   const hasSpecialChars = /[!@#$%^&*(),.?":{}|<>]/.test(password);
+
+   return hasMinLength && hasUppercase && hasLowercase && hasNumbers && hasSpecialChars;
+}
+
+export async function hashPassword(password: string): Promise<string> {
+   const saltRounds = 12;
+   return bcrypt.hash(password, saltRounds);
+}
+
+export async function verifyPassword(password: string, hash: string): Promise<boolean> {
+   return bcrypt.compare(password, hash);
+}
+```
+
+### 🚪 Session Management
+
+#### Session Security
+
+```typescript
+// Session configuration
+export const SESSION_CONFIG = {
+   maxAge: 24 * 60 * 60, // 24 hours
+   updateAge: 60 * 60, // 1 hour
+   secure: process.env.NODE_ENV === 'production',
+   httpOnly: true,
+   sameSite: 'lax' as const,
+   path: '/',
+};
+
+// Session validation middleware
+export function validateSession(session: any): boolean {
+   if (!session?.user?.id) return false;
+   if (!session?.user?.email) return false;
+   if (!session?.user?.role) return false;
+
+   const validRoles = ['ADMIN', 'BRAND_OWNER', 'CREATOR'];
+   if (!validRoles.includes(session.user.role)) return false;
+
+   return true;
+}
+```
+
+## Authorization & RBAC
+
+### 🔒 Role-Based Access Control
+
+#### Permission System
+
+```typescript
+// lib/rbac.ts
+export const PERMISSIONS = {
+   // Campaign permissions
+   CAMPAIGN_CREATE: 'campaign:create',
+   CAMPAIGN_READ: 'campaign:read',
+   CAMPAIGN_UPDATE: 'campaign:update',
+   CAMPAIGN_DELETE: 'campaign:delete',
+
+   // Content permissions
+   CONTENT_CREATE: 'content:create',
+   CONTENT_READ: 'content:read',
+   CONTENT_UPDATE: 'content:update',
+   CONTENT_DELETE: 'content:delete',
+   CONTENT_APPROVE: 'content:approve',
+
+   // User management
+   USER_READ: 'user:read',
+   USER_CREATE: 'user:create',
+   USER_UPDATE: 'user:update',
+   USER_DELETE: 'user:delete',
+
+   // Organization management
+   ORG_READ: 'org:read',
+   ORG_UPDATE: 'org:update',
+   ORG_DELETE: 'org:delete',
+
+   // Analytics
+   ANALYTICS_READ: 'analytics:read',
+   ANALYTICS_EXPORT: 'analytics:export',
+} as const;
+
+export const ROLE_PERMISSIONS = {
+   CREATOR: [
+      PERMISSIONS.CAMPAIGN_READ,
+      PERMISSIONS.CONTENT_CREATE,
+      PERMISSIONS.CONTENT_READ,
+      PERMISSIONS.CONTENT_UPDATE,
+      PERMISSIONS.CONTENT_DELETE,
+      PERMISSIONS.ANALYTICS_READ,
+   ],
+   BRAND_OWNER: [
+      PERMISSIONS.CAMPAIGN_CREATE,
+      PERMISSIONS.CAMPAIGN_READ,
+      PERMISSIONS.CAMPAIGN_UPDATE,
+      PERMISSIONS.CAMPAIGN_DELETE,
+      PERMISSIONS.CONTENT_CREATE,
+      PERMISSIONS.CONTENT_READ,
+      PERMISSIONS.CONTENT_UPDATE,
+      PERMISSIONS.CONTENT_DELETE,
+      PERMISSIONS.CONTENT_APPROVE,
+      PERMISSIONS.USER_READ,
+      PERMISSIONS.ANALYTICS_READ,
+      PERMISSIONS.ANALYTICS_EXPORT,
+   ],
+   ADMIN: [...Object.values(PERMISSIONS)],
+} as const;
+```
+
+#### Permission Checking
+
+```typescript
+// lib/permissions.ts
+export async function hasPermission(
+   userId: string,
+   orgId: string,
+   permission: string
+): Promise<boolean> {
+   const membership = await prisma.membership.findFirst({
+      where: {
+         userId,
+         organizationId: orgId,
+      },
+   });
+
+   if (!membership) return false;
+
+   const userPermissions = ROLE_PERMISSIONS[membership.role] || [];
+   return userPermissions.includes(permission as any);
+}
+
+export async function requirePermission(
+   userId: string,
+   orgId: string,
+   permission: string
+): Promise<void> {
+   const hasAccess = await hasPermission(userId, orgId, permission);
+
+   if (!hasAccess) {
+      throw new PermissionError(`Insufficient permissions: ${permission}`, userId, permission);
+   }
+}
+
+// Usage in API routes
+export async function GET(request: NextRequest, { params }: { params: { orgId: string } }) {
+   const session = await auth();
+   if (!session?.user?.id) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+   }
+
+   try {
+      await requirePermission(session.user.id, params.orgId, PERMISSIONS.CAMPAIGN_READ);
+
+      // Proceed with operation
+      const campaigns = await prisma.campaign.findMany({
+         where: { organizationId: params.orgId },
+      });
+
+      return NextResponse.json(campaigns);
+   } catch (error) {
+      if (error instanceof PermissionError) {
+         return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+      }
+      throw error;
+   }
+}
+```
+
+### 🛡️ Route Protection
+
+#### Middleware Protection
+
+```typescript
+// middleware.ts
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from '@/lib/auth';
+
+export async function middleware(request: NextRequest) {
+   const session = await auth();
+
+   // Public routes
+   const publicRoutes = ['/auth/signin', '/auth/signup', '/api/health'];
+   if (publicRoutes.some((route) => request.nextUrl.pathname.startsWith(route))) {
+      return NextResponse.next();
+   }
+
+   // API routes protection
+   if (request.nextUrl.pathname.startsWith('/api/')) {
+      if (!session?.user?.id) {
+         return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+      }
+
+      // Organization-scoped API protection
+      if (request.nextUrl.pathname.startsWith('/api/')) {
+         const orgId = request.nextUrl.pathname.split('/')[2];
+         if (orgId && orgId !== '[orgId]') {
+            const hasAccess = await hasOrganizationAccess(session.user.id, orgId);
+            if (!hasAccess) {
+               return NextResponse.json({ error: 'Forbidden' }, { status: 403 });
+            }
+         }
+      }
+   }
+
+   // Page routes protection
+   if (request.nextUrl.pathname.startsWith('/dashboard/')) {
+      if (!session?.user?.id) {
+         return NextResponse.redirect(new URL('/auth/signin', request.url));
+      }
+   }
+
+   return NextResponse.next();
+}
+
+export const config = {
+   matcher: [
+      '/api/:path*',
+      '/dashboard/:path*',
+      '/campaigns/:path*',
+      '/content/:path*',
+      '/assets/:path*',
+      '/analytics/:path*',
+   ],
+};
+```
+
+## Input Validation
+
+### ✅ Zod Schema Validation
+
+#### Request Validation
+
+```typescript
+// lib/schemas.ts
+import { z } from 'zod';
+
+export const createCampaignSchema = z
+   .object({
+      name: z
+         .string()
+         .min(1, 'Campaign name is required')
+         .max(100, 'Campaign name must be less than 100 characters')
+         .regex(/^[a-zA-Z0-9\s\-_]+$/, 'Campaign name contains invalid characters'),
+      description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+      startDate: z
+         .string()
+         .datetime('Invalid start date format')
+         .refine((date) => new Date(date) > new Date(), 'Start date must be in the future'),
+      endDate: z.string().datetime('Invalid end date format'),
+      budget: z
+         .number()
+         .positive('Budget must be positive')
+         .max(1000000, 'Budget cannot exceed 1,000,000'),
+   })
+   .refine((data) => new Date(data.endDate) > new Date(data.startDate), {
+      message: 'End date must be after start date',
+      path: ['endDate'],
+   });
+
+export const createContentSchema = z.object({
+   title: z.string().min(1, 'Title is required').max(200, 'Title must be less than 200 characters'),
+   body: z.string().max(10000, 'Content body must be less than 10,000 characters').optional(),
+   campaignId: z.string().cuid('Invalid campaign ID'),
+   type: z.enum(['post', 'video', 'image', 'story'], {
+      errorMap: () => ({ message: 'Invalid content type' }),
+   }),
+});
+
+export const uploadAssetSchema = z.object({
+   name: z
+      .string()
+      .min(1, 'Asset name is required')
+      .max(100, 'Asset name must be less than 100 characters'),
+   description: z.string().max(500, 'Description must be less than 500 characters').optional(),
+   tags: z.array(z.string()).max(20, 'Maximum 20 tags allowed').optional(),
+   contentId: z.string().cuid('Invalid content ID').optional(),
+});
+```
+
+#### Validation Middleware
+
+```typescript
+// lib/validation.ts
+import { NextRequest, NextResponse } from 'next/server';
+import { ZodSchema } from 'zod';
+
+export function validateRequest<T>(
+   schema: ZodSchema<T>,
+   data: any
+): { success: true; data: T } | { success: false; errors: string[] } {
+   try {
+      const validatedData = schema.parse(data);
+      return { success: true, data: validatedData };
+   } catch (error) {
+      if (error instanceof z.ZodError) {
+         const errors = error.errors.map((err) => `${err.path.join('.')}: ${err.message}`);
+         return { success: false, errors };
+      }
+      return { success: false, errors: ['Validation failed'] };
+   }
+}
+
+// Usage in API routes
+export async function POST(request: NextRequest) {
+   try {
+      const body = await request.json();
+      const validation = validateRequest(createCampaignSchema, body);
+
+      if (!validation.success) {
+         return NextResponse.json(
+            {
+               error: 'E_VALIDATION',
+               message: 'Validation failed',
+               details: validation.errors,
+            },
+            { status: 400 }
+         );
+      }
+
+      const campaign = await prisma.campaign.create({
+         data: validation.data,
+      });
+
+      return NextResponse.json(campaign, { status: 201 });
+   } catch (error) {
+      return NextResponse.json(
+         {
+            error: 'E_INTERNAL_ERROR',
+            message: 'Internal server error',
+         },
+         { status: 500 }
+      );
+   }
+}
+```
+
+### 🚫 Input Sanitization
+
+#### XSS Prevention
+
+```typescript
+// lib/sanitization.ts
+import DOMPurify from 'dompurify';
+
+export function sanitizeHtml(html: string): string {
+   return DOMPurify.sanitize(html, {
+      ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'u', 'ol', 'ul', 'li', 'a'],
+      ALLOWED_ATTR: ['href', 'target'],
+      ALLOWED_URI_REGEXP:
+         /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i,
+   });
+}
+
+export function sanitizeText(text: string): string {
+   return text
+      .replace(/[<>]/g, '') // Remove < and >
+      .replace(/javascript:/gi, '') // Remove javascript: protocol
+      .replace(/on\w+=/gi, '') // Remove event handlers
+      .trim();
+}
+
+export function sanitizeFilename(filename: string): string {
+   return filename
+      .replace(/[^a-zA-Z0-9.-]/g, '_') // Replace invalid chars with underscore
+      .replace(/_{2,}/g, '_') // Replace multiple underscores with single
+      .replace(/^_|_$/g, ''); // Remove leading/trailing underscores
+}
+```
+
+## Data Protection
+
+### 🔒 Data Encryption
+
+#### Sensitive Data Encryption
+
+```typescript
+// lib/encryption.ts
+import crypto from 'crypto';
+
+const ENCRYPTION_KEY = process.env.ENCRYPTION_KEY!;
+const ALGORITHM = 'aes-256-gcm';
+
+export function encrypt(text: string): { encryptedData: string; iv: string; authTag: string } {
+   const iv = crypto.randomBytes(16);
+   const cipher = crypto.createCipher(ALGORITHM, ENCRYPTION_KEY, iv);
+
+   let encrypted = cipher.update(text, 'utf8', 'hex');
+   encrypted += cipher.final('hex');
+
+   const authTag = cipher.getAuthTag();
+
+   return {
+      encryptedData: encrypted,
+      iv: iv.toString('hex'),
+      authTag: authTag.toString('hex'),
+   };
+}
+
+export function decrypt(encryptedData: string, iv: string, authTag: string): string {
+   const decipher = crypto.createDecipher(ALGORITHM, ENCRYPTION_KEY, Buffer.from(iv, 'hex'));
+   decipher.setAuthTag(Buffer.from(authTag, 'hex'));
+
+   let decrypted = decipher.update(encryptedData, 'hex', 'utf8');
+   decrypted += decipher.final('utf8');
+
+   return decrypted;
+}
+
+// Usage for sensitive fields
+export async function createUserWithEncryptedData(data: CreateUserRequest) {
+   const encryptedPassword = encrypt(data.password);
+
+   return prisma.user.create({
+      data: {
+         ...data,
+         password: encryptedPassword.encryptedData,
+         passwordIv: encryptedPassword.iv,
+         passwordAuthTag: encryptedPassword.authTag,
+      },
+   });
+}
+```
+
+#### Database Field Encryption
+
+```typescript
+// prisma/schema.prisma
+model User {
+  id            String    @id @default(cuid())
+  email         String    @unique
+  password      String    // Encrypted password
+  passwordIv    String    // Initialization vector
+  passwordAuthTag String  // Authentication tag
+  // ... other fields
+}
+```
+
+### 🚫 PII Protection
+
+#### PII Detection & Masking
+
+```typescript
+// lib/pii-protection.ts
+export const PII_PATTERNS = {
+   email: /\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/g,
+   phone: /\b(\+\d{1,3}[-.]?)?\(?\d{3}\)?[-.]?\d{3}[-.]?\d{4}\b/g,
+   ssn: /\b\d{3}-\d{2}-\d{4}\b/g,
+   creditCard: /\b\d{4}[- ]?\d{4}[- ]?\d{4}[- ]?\d{4}\b/g,
+};
+
+export function maskPII(text: string): string {
+   let maskedText = text;
+
+   // Mask email addresses
+   maskedText = maskedText.replace(PII_PATTERNS.email, (match) => {
+      const [local, domain] = match.split('@');
+      return `${local.charAt(0)}***@${domain}`;
+   });
+
+   // Mask phone numbers
+   maskedText = maskedText.replace(PII_PATTERNS.phone, '***-***-****');
+
+   // Mask SSN
+   maskedText = maskedText.replace(PII_PATTERNS.ssn, '***-**-****');
+
+   // Mask credit card numbers
+   maskedText = maskedText.replace(PII_PATTERNS.creditCard, '****-****-****-****');
+
+   return maskedText;
+}
+
+// Log PII-safe messages
+export function logSafe(message: string, data: any): void {
+   const safeData = JSON.parse(JSON.stringify(data), (key, value) => {
+      if (typeof value === 'string') {
+         return maskPII(value);
+      }
+      return value;
+   });
+
+   logger.info(message, safeData);
+}
+```
+
+## API Security
+
+### 🛡️ Rate Limiting
+
+#### Rate Limiting Implementation
+
+```typescript
+// lib/rate-limit.ts
+import { NextRequest, NextResponse } from 'next/server';
+
+interface RateLimitConfig {
+   windowMs: number;
+   maxRequests: number;
+   keyGenerator: (req: NextRequest) => string;
+}
+
+export class RateLimiter {
+   private requests = new Map<string, { count: number; resetTime: number }>();
+
+   constructor(private config: RateLimitConfig) {}
+
+   isAllowed(req: NextRequest): boolean {
+      const key = this.config.keyGenerator(req);
+      const now = Date.now();
+
+      if (!this.requests.has(key)) {
+         this.requests.set(key, { count: 1, resetTime: now + this.config.windowMs });
+         return true;
+      }
+
+      const record = this.requests.get(key)!;
+
+      if (now > record.resetTime) {
+         record.count = 1;
+         record.resetTime = now + this.config.windowMs;
+         return true;
+      }
+
+      if (record.count >= this.config.maxRequests) {
+         return false;
+      }
+
+      record.count++;
+      return true;
+   }
+
+   getRemaining(req: NextRequest): number {
+      const key = this.config.keyGenerator(req);
+      const record = this.requests.get(key);
+
+      if (!record) return this.config.maxRequests;
+
+      const now = Date.now();
+      if (now > record.resetTime) return this.config.maxRequests;
+
+      return Math.max(0, this.config.maxRequests - record.count);
+   }
+}
+
+// Rate limiting middleware
+export function createRateLimitMiddleware(config: RateLimitConfig) {
+   const limiter = new RateLimiter(config);
+
+   return function rateLimitMiddleware(req: NextRequest) {
+      if (!limiter.isAllowed(req)) {
+         const remaining = limiter.getRemaining(req);
+         const resetTime = new Date(Date.now() + config.windowMs);
+
+         return NextResponse.json(
+            {
+               error: 'E_RATE_LIMIT',
+               message: 'Too many requests',
+               retryAfter: resetTime.toISOString(),
+            },
+            {
+               status: 429,
+               headers: {
+                  'X-RateLimit-Remaining': remaining.toString(),
+                  'X-RateLimit-Reset': resetTime.toISOString(),
+                  'Retry-After': Math.ceil(config.windowMs / 1000).toString(),
+               },
+            }
+         );
+      }
+
+      return NextResponse.next();
+   };
+}
+
+// Usage
+export const apiRateLimit = createRateLimitMiddleware({
+   windowMs: 15 * 60 * 1000, // 15 minutes
+   maxRequests: 100, // 100 requests per window
+   keyGenerator: (req) => {
+      // Rate limit by IP and user ID if available
+      const ip = req.ip || req.headers.get('x-forwarded-for') || 'unknown';
+      const userId = req.headers.get('x-user-id') || 'anonymous';
+      return `${ip}:${userId}`;
+   },
+});
+```
+
+### 🔐 API Key Security
+
+#### API Key Management
+
+```typescript
+// lib/api-keys.ts
+export interface APIKey {
+   id: string;
+   name: string;
+   key: string;
+   userId: string;
+   organizationId: string;
+   permissions: string[];
+   expiresAt?: Date;
+   lastUsed?: Date;
+   createdAt: Date;
+}
+
+export async function validateAPIKey(key: string): Promise<APIKey | null> {
+   const apiKey = await prisma.apiKey.findUnique({
+      where: { key },
+      include: { user: true },
+   });
+
+   if (!apiKey) return null;
+
+   // Check expiration
+   if (apiKey.expiresAt && apiKey.expiresAt < new Date()) {
+      return null;
+   }
+
+   // Update last used
+   await prisma.apiKey.update({
+      where: { id: apiKey.id },
+      data: { lastUsed: new Date() },
+   });
+
+   return apiKey;
+}
+
+export async function requireAPIKey(req: NextRequest): Promise<APIKey> {
+   const authHeader = req.headers.get('authorization');
+
+   if (!authHeader || !authHeader.startsWith('Bearer ')) {
+      throw new Error('API key required');
+   }
+
+   const key = authHeader.substring(7);
+   const apiKey = await validateAPIKey(key);
+
+   if (!apiKey) {
+      throw new Error('Invalid API key');
+   }
+
+   return apiKey;
+}
+```
+
+## Infrastructure Security
+
+### 🔒 Environment Security
+
+#### Environment Variables
+
+```typescript
+// lib/env.ts
+import { z } from 'zod';
+
+const envSchema = z.object({
+   NODE_ENV: z.enum(['development', 'production', 'test']),
+   DATABASE_URL: z.string().url(),
+   NEXTAUTH_SECRET: z.string().min(32),
+   NEXTAUTH_URL: z.string().url(),
+   OPENAI_API_KEY: z.string().min(1),
+   UPLOADTHING_SECRET: z.string().min(1),
+   UPLOADTHING_APP_ID: z.string().min(1),
+   ENCRYPTION_KEY: z.string().length(32),
+   REDIS_URL: z.string().url().optional(),
+   SENTRY_DSN: z.string().url().optional(),
+});
+
+export const env = envSchema.parse(process.env);
+
+// Validate required environment variables
+export function validateEnvironment(): void {
+   const missingVars = [];
+
+   for (const [key, value] of Object.entries(env)) {
+      if (!value) {
+         missingVars.push(key);
+      }
+   }
+
+   if (missingVars.length > 0) {
+      throw new Error(`Missing required environment variables: ${missingVars.join(', ')}`);
+   }
+}
+```
+
+#### Secrets Management
+
+```typescript
+// lib/secrets.ts
+export class SecretsManager {
+   private static instance: SecretsManager;
+   private secrets: Map<string, string> = new Map();
+
+   private constructor() {}
+
+   static getInstance(): SecretsManager {
+      if (!SecretsManager.instance) {
+         SecretsManager.instance = new SecretsManager();
+      }
+      return SecretsManager.instance;
+   }
+
+   setSecret(key: string, value: string): void {
+      this.secrets.set(key, value);
+   }
+
+   getSecret(key: string): string | undefined {
+      return this.secrets.get(key);
+   }
+
+   hasSecret(key: string): boolean {
+      return this.secrets.has(key);
+   }
+
+   rotateSecret(key: string): string {
+      const newValue = this.generateSecureSecret();
+      this.secrets.set(key, newValue);
+      return newValue;
+   }
+
+   private generateSecureSecret(): string {
+      return crypto.randomBytes(32).toString('hex');
+   }
+}
+```
+
+### 🚫 Security Headers
+
+#### Security Headers Middleware
+
+```typescript
+// middleware.ts
+export function securityHeaders(response: NextResponse): NextResponse {
+   // Security headers
+   response.headers.set('X-Content-Type-Options', 'nosniff');
+   response.headers.set('X-Frame-Options', 'DENY');
+   response.headers.set('X-XSS-Protection', '1; mode=block');
+   response.headers.set('Referrer-Policy', 'strict-origin-when-cross-origin');
+   response.headers.set('Permissions-Policy', 'camera=(), microphone=(), geolocation=()');
+
+   // Content Security Policy
+   const csp = [
+      "default-src 'self'",
+      "script-src 'self' 'unsafe-eval' 'unsafe-inline'",
+      "style-src 'self' 'unsafe-inline'",
+      "img-src 'self' data: https:",
+      "font-src 'self'",
+      "connect-src 'self'",
+      "frame-src 'none'",
+      "object-src 'none'",
+   ].join('; ');
+
+   response.headers.set('Content-Security-Policy', csp);
+
+   // HSTS (HTTP Strict Transport Security)
+   if (process.env.NODE_ENV === 'production') {
+      response.headers.set('Strict-Transport-Security', 'max-age=31536000; includeSubDomains');
+   }
+
+   return response;
+}
+```
+
+## Security Best Practices
+
+### 🔒 Development Security
+
+#### Code Security Guidelines
+
+1. **Never log sensitive data**: Passwords, tokens, PII
+2. **Use parameterized queries**: Prevent SQL injection
+3. **Validate all inputs**: Client and server-side validation
+4. **Implement proper error handling**: Don't expose system details
+5. **Use HTTPS in production**: Encrypt all communications
+6. **Regular security updates**: Keep dependencies updated
+7. **Security code reviews**: Review all security-related code
+
+#### Security Testing
+
+```typescript
+// tests/security.test.ts
+describe('Security Tests', () => {
+   test('should not expose sensitive data in error messages', async () => {
+      const response = await request(app).get('/api/users/invalid-id').expect(404);
+
+      expect(response.body.error).not.toContain('password');
+      expect(response.body.error).not.toContain('token');
+   });
+
+   test('should validate input data', async () => {
+      const response = await request(app)
+         .post('/api/campaigns')
+         .send({ name: '<script>alert("xss")</script>' })
+         .expect(400);
+
+      expect(response.body.error).toBe('E_VALIDATION');
+   });
+
+   test('should enforce rate limiting', async () => {
+      const requests = Array(101)
+         .fill(null)
+         .map(() => request(app).get('/api/campaigns'));
+
+      const responses = await Promise.all(requests);
+      const rateLimited = responses.filter((r) => r.status === 429);
+
+      expect(rateLimited.length).toBeGreaterThan(0);
+   });
+});
+```
+
+### 📊 Security Monitoring
+
+#### Security Event Logging
+
+```typescript
+// lib/security-monitoring.ts
+export interface SecurityEvent {
+   type:
+      | 'authentication_failure'
+      | 'permission_denied'
+      | 'rate_limit_exceeded'
+      | 'suspicious_activity';
+   userId?: string;
+   ipAddress: string;
+   userAgent: string;
+   details: any;
+   timestamp: Date;
+}
+
+export class SecurityMonitor {
+   async logSecurityEvent(event: SecurityEvent): Promise<void> {
+      // Log to security log
+      logger.warn('Security event detected', event);
+
+      // Store in database for analysis
+      await prisma.securityEvent.create({
+         data: {
+            type: event.type,
+            userId: event.userId,
+            ipAddress: event.ipAddress,
+            userAgent: event.userAgent,
+            details: event.details,
+            timestamp: event.timestamp,
+         },
+      });
+
+      // Check for suspicious patterns
+      await this.analyzeSecurityPatterns(event);
+   }
+
+   private async analyzeSecurityPatterns(event: SecurityEvent): Promise<void> {
+      // Check for multiple failed login attempts
+      if (event.type === 'authentication_failure') {
+         const recentFailures = await prisma.securityEvent.count({
+            where: {
+               type: 'authentication_failure',
+               ipAddress: event.ipAddress,
+               timestamp: {
+                  gte: new Date(Date.now() - 15 * 60 * 1000), // Last 15 minutes
+               },
+            },
+         });
+
+         if (recentFailures > 5) {
+            await this.triggerSecurityAlert('Multiple authentication failures', {
+               ipAddress: event.ipAddress,
+               failureCount: recentFailures,
+            });
+         }
+      }
+   }
+
+   private async triggerSecurityAlert(message: string, context: any): Promise<void> {
+      // Send to security team
+      logger.error('SECURITY ALERT', { message, context });
+
+      // Could also send to Slack, email, etc.
+   }
+}
+
+export const securityMonitor = new SecurityMonitor();
+```
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Security Team_
diff --git a/docs/SPEC.md b/docs/SPEC.md
new file mode 100644
index 00000000..a836e904
--- /dev/null
+++ b/docs/SPEC.md
@@ -0,0 +1,232 @@
+# AiM Platform - Product Specification
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [User Roles](#user-roles)
+- [Scope & MVP](#scope--mvp)
+- [User Journeys](#user-journeys)
+- [Scheduling UX](#scheduling-ux)
+- [Acceptance Criteria](#acceptance-criteria)
+- [Non-Goals](#non-goals)
+
+## Overview
+
+**AiM (AI-powered Marketing Platform)** là hệ thống quản lý nội dung và chiến dịch marketing được hỗ trợ bởi AI, phục vụ 3 nhóm người dùng chính trong một tổ chức.
+
+### Core Value Proposition
+
+- **Creators**: Tạo nội dung chất lượng cao với AI assistance
+- **Brands**: Quản lý chiến dịch hiệu quả, duyệt nội dung tập trung
+- **Admins**: Kiểm soát tổ chức và hệ thống toàn diện
+
+## User Roles
+
+### 🎨 Creator
+
+**Mục tiêu**: Tạo nội dung chất lượng cao cho campaigns
+
+- **Permissions**: Xem campaigns, tạo/sửa content, upload assets
+- **Dashboard**: Content studio, draft management, performance tracking
+- **Key Actions**: Content creation, AI generation, asset management
+
+### 🏢 Brand Owner
+
+**Mục tiêu**: Quản lý chiến dịch và duyệt nội dung
+
+- **Permissions**: Tạo/sửa campaigns, approve content, view analytics
+- **Dashboard**: Campaign overview, approval queue, budget tracking
+- **Key Actions**: Campaign management, content approval, scheduling
+
+### ⚙️ Admin
+
+**Mục tiêu**: Quản trị tổ chức và hệ thống
+
+- **Permissions**: User management, org settings, system monitoring
+- **Dashboard**: User management, organization settings, system health
+- **Key Actions**: User CRUD, role assignment, system configuration
+
+## Scope & MVP
+
+### ✅ MVP Features (Phase 1)
+
+1. **Authentication & RBAC**
+
+   - NextAuth integration với role-based access
+   - Organization-based multi-tenancy
+   - Permission system cho tất cả actions
+
+2. **Campaign Management**
+
+   - CRUD campaigns (Brand Owner + Admin)
+   - Campaign status tracking (Draft → Active → Completed)
+   - Basic campaign metrics
+
+3. **Content Creation & Management**
+
+   - Rich text editor cho content
+   - AI-assisted content generation
+   - Content approval workflow
+   - Asset upload và management
+
+4. **Scheduling System**
+
+   - Schedule content cho campaigns
+   - Calendar view với platform support
+   - Basic publishing automation
+
+5. **Analytics Foundation**
+   - Event tracking (content views, AI usage)
+   - Basic metrics dashboard
+   - Campaign performance tracking
+
+### 🔄 Future Features (Phase 2+)
+
+- Advanced AI features (translation, summarization)
+- Social media integration
+- Advanced analytics và reporting
+- Team collaboration tools
+- Mobile applications
+
+## User Journeys
+
+### 1. Campaign Creation Flow
+
+```
+Brand Owner → Create Campaign → Set Goals/Budget → Assign Creators →
+Creators Create Content → Submit for Review → Brand Approval →
+Schedule → Publish → Track Performance
+```
+
+### 2. Content Creation Flow
+
+```
+Creator → Select Campaign → AI-Assisted Content Creation →
+Preview & Edit → Save Draft → Submit for Review →
+Brand Review → Approve/Reject → Schedule → Publish
+```
+
+### 3. AI Integration Flow
+
+```
+User → Input Prompt → AI Service → Generate Content →
+User Review → Edit/Refine → Save → Submit
+```
+
+### 4. Asset Management Flow
+
+```
+User → Upload File → Process & Optimize → Add Metadata →
+Link to Content → Version Control → Archive
+```
+
+### 5. Scheduling Workflow
+
+```
+User → Open Schedule View → Toggle Draft Panel →
+Browse Draft Content → Drag & Drop to Time Slot →
+Confirm Details (Channel, Time, Timezone) → Create Schedule →
+Content Status → SCHEDULED → Automated Publishing
+```
+
+## Scheduling UX
+
+### 📅 Three View Modes
+
+1. **Day View**: 24-hour timeline với 15-minute slots
+2. **Week View**: 7-day grid với hourly rows
+3. **Month View**: Calendar layout với daily cells
+
+### 📝 Draft Panel
+
+- **Toggle**: Right-side panel hiển thị content có `status=DRAFT`
+- **Features**: Search, campaign filtering, channel icons
+- **Drag Source**: Content items có thể kéo thả vào grid
+
+### 🎯 Drag & Drop Flow
+
+1. **Drag Start**: Click và kéo draft content từ panel
+2. **Drop Target**: Thả vào time slot trên grid
+3. **Confirmation Sheet**: Chọn channel, time, timezone
+4. **Schedule Creation**: API call tạo Schedule
+5. **Status Update**: Content status → `SCHEDULED`
+
+### 🔧 Smart Features
+
+- **Conflict Detection**: Cảnh báo overlap cùng channel
+- **Past Time Warning**: Không cho phép schedule quá khứ
+- **Timezone Support**: `runAt` lưu UTC, `timezone` cho UI
+- **Performance**: Window-based loading (from/to dates)
+
+### 🎨 Visual Indicators
+
+- **Channel Icons**: 📘 Facebook, 📷 Instagram, 🐦 Twitter, etc.
+- **Status Colors**: Pending (blue), Published (green), Failed (red)
+- **Current Time**: Highlight "now" slot với badge
+- **Drop Zones**: Hover effects và visual feedback
+
+## Acceptance Criteria
+
+### 🔐 Authentication & Access
+
+- [ ] User login/logout với NextAuth
+- [ ] Role-based access control (Creator, Brand Owner, Admin)
+- [ ] Organization isolation và multi-tenancy
+
+### 📊 Campaign Management
+
+- [ ] CRUD campaigns với validation
+- [ ] Campaign status workflow
+- [ ] User assignment và permissions
+
+### ✍️ Content Management
+
+- [ ] Rich text editor với AI assistance
+- [ ] Content approval workflow
+- [ ] Asset upload và management
+- [ ] Version control và history
+
+### 📅 Scheduling System
+
+- [ ] Three view modes (Day/Week/Month) hoạt động
+- [ ] Draft panel toggle và content filtering
+- [ ] Drag & drop từ draft vào time slot
+- [ ] Schedule confirmation sheet
+- [ ] API integration tạo schedule
+- [ ] Content status update → SCHEDULED
+
+### 📈 Analytics & Monitoring
+
+- [ ] Event tracking foundation
+- [ ] Basic metrics dashboard
+- [ ] Campaign performance data
+
+### 🚀 Performance & UX
+
+- [ ] Responsive design cho mobile/desktop
+- [ ] Loading states và error handling
+- [ ] Keyboard navigation support
+- [ ] Accessibility compliance (WCAG 2.1)
+
+## Non-Goals
+
+### ❌ Out of Scope (Phase 1)
+
+- Social media platform integration
+- Advanced AI features (translation, summarization)
+- Team collaboration tools
+- Mobile applications
+- Advanced analytics và reporting
+- Multi-language support
+- Advanced workflow automation
+- Third-party integrations (beyond basic APIs)
+
+### 🔮 Future Considerations
+
+- Real-time collaboration
+- Advanced AI content optimization
+- Social media publishing automation
+- Advanced analytics và insights
+- Mobile app development
+- API marketplace
+- White-label solutions
diff --git a/docs/adr/0001-aim-architecture.md b/docs/adr/0001-aim-architecture.md
new file mode 100644
index 00000000..9e0621cc
--- /dev/null
+++ b/docs/adr/0001-aim-architecture.md
@@ -0,0 +1,251 @@
+# ADR-001: AiM Platform Architecture
+
+## Status
+
+Accepted
+
+## Context
+
+AiM Platform cần một kiến trúc rõ ràng để hỗ trợ:
+
+- Multi-tenant organization-based access
+- Role-based access control (RBAC)
+- AI-powered content generation
+- Campaign management và content scheduling
+- Real-time analytics và event tracking
+- Scalable file storage và asset management
+
+## Decision
+
+Chúng ta sẽ sử dụng **Next.js 15 App Router** với **API Routes** pattern, **Prisma ORM** cho database layer, và **modular architecture** với clear boundaries giữa các layers.
+
+### Architecture Overview
+
+```mermaid
+flowchart TD
+    subgraph Client
+        U[Users: Creator/Brand/Admin] -->|Browser| FE[Next.js 15 App]
+        FE -->|Fetch| API
+        FE -->|Auth Hooks| AuthClient
+        FE -->|State Mgmt| Zustand
+    end
+
+    subgraph Server
+        API -->|Route Protection| Middleware
+        API -->|Data Access| Services
+        API -->|Validation| Schemas
+
+        subgraph Services
+            AuthService[Auth Service]
+            CampaignService[Campaign Service]
+            ContentService[Content Service]
+            AssetService[Asset Service]
+            ScheduleService[Schedule Service]
+            AnalyticsService[Analytics Service]
+            AIService[AI Service]
+        end
+
+        Services -->|ORM| Prisma
+        Services -->|External APIs| External
+    end
+
+    subgraph Data
+        Prisma -->|PostgreSQL| DB[(Database)]
+        Prisma -->|Redis Cache| Cache[(Cache)]
+    end
+
+    subgraph External
+        AI[OpenAI API]
+        Storage[S3/UploadThing]
+        Social[Social Media APIs]
+    end
+
+    subgraph Infrastructure
+        Auth[NextAuth.js]
+        RBAC[RBAC Middleware]
+        Validation[Zod Schemas]
+        Monitoring[Health Checks]
+    end
+```
+
+### Module Boundaries
+
+#### 1. Presentation Layer (UI)
+
+- **Components**: Reusable UI components theo shadcn/ui pattern
+- **Pages**: Route-based pages với role-specific layouts
+- **Hooks**: Custom React hooks cho business logic
+- **State**: Zustand stores cho client-side state
+
+#### 2. API Layer (Routes)
+
+- **Route Handlers**: Next.js API routes với consistent patterns
+- **Middleware**: Authentication, RBAC, validation
+- **Response Format**: Standardized API responses với error handling
+
+#### 3. Service Layer (Business Logic)
+
+- **Domain Services**: Campaign, Content, Asset, Schedule, Analytics
+- **Cross-cutting Services**: Auth, RBAC, AI integration
+- **Validation**: Input validation với Zod schemas
+- **Error Handling**: Consistent error handling patterns
+
+#### 4. Data Layer (Persistence)
+
+- **Prisma Client**: Type-safe database access
+- **Migrations**: Database schema management
+- **Seeding**: Test data và initial setup
+- **Caching**: Redis cho frequently accessed data
+
+#### 5. Infrastructure Layer
+
+- **Authentication**: NextAuth.js với custom providers
+- **Authorization**: RBAC middleware với permission system
+- **Monitoring**: Health checks, logging, error tracking
+- **Configuration**: Environment-based configuration
+
+### Key Design Principles
+
+1. **Separation of Concerns**: Clear boundaries giữa UI, API, services, và data
+2. **Type Safety**: Full TypeScript coverage với Prisma-generated types
+3. **Security First**: RBAC at every layer, input validation, secure defaults
+4. **Performance**: Lazy loading, caching, pagination cho large datasets
+5. **Scalability**: Modular design cho easy extension và maintenance
+
+## Consequences
+
+### Positive
+
+- **Clear Architecture**: Developers có thể easily understand system structure
+- **Type Safety**: Prisma + TypeScript provide excellent developer experience
+- **Modularity**: Easy to add new features và modify existing ones
+- **Security**: RBAC implemented at multiple layers
+- **Performance**: Optimized data access và caching strategies
+
+### Negative
+
+- **Complexity**: Multi-layer architecture có thể complex cho simple features
+- **Learning Curve**: Team cần understand Prisma, Next.js patterns
+- **Overhead**: Additional abstraction layers có thể slow development initially
+
+### Risks & Mitigations
+
+- **Risk**: Over-engineering simple features
+   - **Mitigation**: Start simple, add complexity only when needed
+- **Risk**: Performance overhead từ multiple layers
+   - **Mitigation**: Profile và optimize critical paths
+- **Risk**: Database complexity với Prisma
+   - **Mitigation**: Comprehensive testing và migration strategy
+
+## Alternatives Considered
+
+### 1. Monolithic API
+
+- **Pros**: Simpler architecture, easier to understand
+- **Cons**: Harder to scale, difficult to maintain, tight coupling
+
+### 2. Microservices
+
+- **Pros**: Independent scaling, technology diversity
+- **Cons**: Overkill cho MVP, complex deployment, network overhead
+
+### 3. Serverless Functions
+
+- **Pros**: Auto-scaling, pay-per-use
+- **Cons**: Cold starts, vendor lock-in, complex debugging
+
+### 4. Traditional REST API
+
+- **Pros**: Familiar pattern, extensive tooling
+- **Cons**: Less type safety, manual validation, boilerplate code
+
+## Implementation Notes
+
+### Phase 1: Foundation
+
+- Setup Next.js 15 với App Router
+- Implement Prisma schema và migrations
+- Setup NextAuth.js với RBAC
+- Create basic service layer structure
+
+### Phase 2: Core Features
+
+- Implement Campaign, Content, Asset services
+- Add scheduling system
+- Setup analytics foundation
+- Implement AI integration
+
+### Phase 3: Enhancement
+
+- Add advanced features (recurring schedules, AI quality metrics)
+- Implement caching và performance optimization
+- Add comprehensive monitoring và logging
+- Setup CI/CD pipelines
+
+### Technology Stack
+
+- **Frontend**: Next.js 15, React 19, TypeScript 5
+- **UI**: shadcn/ui, Tailwind CSS 4, Radix UI
+- **Backend**: Next.js API Routes, Prisma 6
+- **Database**: PostgreSQL
+- **Authentication**: NextAuth.js 5
+- **State Management**: Zustand, React Query
+- **AI**: OpenAI API
+- **Storage**: UploadThing/S3
+- **Testing**: Jest, Playwright
+
+### Code Organization
+
+```
+app/
+├── (auth)/           # Authentication pages
+├── (dashboard)/      # Role-based dashboards
+├── api/             # API endpoints
+│   └── [orgId]/     # Organization-scoped APIs
+├── campaigns/        # Campaign pages
+├── content/          # Content editor
+├── calendar/         # Scheduling view
+├── assets/           # Asset library
+├── analytics/        # Analytics dashboards
+└── settings/         # User/org settings
+
+components/
+├── ui/              # shadcn/ui components
+├── forms/           # Form components
+├── dashboards/      # Dashboard widgets
+├── campaigns/       # Campaign components
+├── content/         # Content editor
+├── assets/          # Asset management
+├── analytics/       # Charts & metrics
+└── layout/          # Navigation & layout
+
+lib/
+├── prisma.ts        # Database client
+├── auth.ts          # Auth utilities
+├── rbac.ts          # Role-based access control
+├── services/        # Business logic services
+│   ├── campaigns.ts
+│   ├── content.ts
+│   ├── assets.ts
+│   ├── schedules.ts
+│   ├── analytics.ts
+│   └── ai.ts
+├── schemas.ts       # Zod validation schemas
+└── utils.ts         # Common utilities
+```
+
+## References
+
+- [Next.js 15 Documentation](https://nextjs.org/docs)
+- [Prisma Documentation](https://www.prisma.io/docs)
+- [NextAuth.js Documentation](https://next-auth.js.org/)
+- [shadcn/ui Documentation](https://ui.shadcn.com/)
+- [AiM Platform Specification](./../SPEC.md)
+- [Data Model Documentation](./../data-model.md)
+
+---
+
+_Created: 2025-01-02_
+_Last Updated: 2025-01-02_
+_Author: AI-CTO Team_
+_Reviewers: Engineering Team_
diff --git a/docs/adr/0002-schedule-system-architecture.md b/docs/adr/0002-schedule-system-architecture.md
new file mode 100644
index 00000000..7e72657d
--- /dev/null
+++ b/docs/adr/0002-schedule-system-architecture.md
@@ -0,0 +1,106 @@
+# ADR-0002: Schedule System Architecture
+
+## Status
+
+Proposed
+
+## Context
+
+AiM Platform cần một hệ thống scheduling và calendar để quản lý việc publish content theo lịch trình. Hệ thống này phải hỗ trợ timezone, recurring schedules, và integration với content approval workflow.
+
+## Decision
+
+Implement comprehensive scheduling system với:
+
+- **Calendar View**: react-day-picker với month/week/day views
+- **Schedule Management**: Form-based creation với validation
+- **Recurring Schedules**: RRULE model cho complex patterns
+- **Timezone Support**: UTC storage, user preference display
+- **Integration**: Content approval workflow, notifications
+
+## Consequences
+
+### Positive
+
+- **User Experience**: Intuitive calendar interface
+- **Flexibility**: Support multiple schedule types
+- **Scalability**: Efficient database queries với indexes
+- **Internationalization**: Timezone handling cho global users
+
+### Negative
+
+- **Complexity**: RRULE parsing và timezone calculations
+- **Performance**: Calendar rendering với large datasets
+- **Storage**: Additional database tables và relationships
+- **Testing**: Complex timezone và date logic testing
+
+## Implementation Details
+
+### Database Schema
+
+```prisma
+model Schedule {
+  id          String   @id @default(cuid())
+  title       String
+  description String?
+  platform    String   // Facebook, Instagram, etc.
+  scheduledAt DateTime // UTC timestamp
+  timezone    String   // User's timezone preference
+  rrule       String?  // RRULE for recurring schedules
+  status      ScheduleStatus
+  contentId   String?
+  content     Content? @relation(fields: [contentId], references: [id])
+  campaignId  String?
+  campaign    Campaign? @relation(fields: [campaignId], references: [id])
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+}
+
+enum ScheduleStatus {
+  DRAFT
+  SCHEDULED
+  PUBLISHED
+  FAILED
+  CANCELLED
+}
+```
+
+### Key Components
+
+- **Calendar View**: `components/schedules/calendar-view.tsx`
+- **Schedule Form**: `components/schedules/schedule-form.tsx`
+- **Schedule Service**: `lib/schedule-service.ts`
+- **RRULE Parser**: `lib/rrule-parser.ts`
+- **Timezone Utils**: `lib/timezone-utils.ts`
+
+### Dependencies
+
+- `react-day-picker`: Calendar component
+- `date-fns`: Date manipulation utilities
+- `rrule`: RRULE parsing và generation
+
+## Migration Strategy
+
+1. **Phase 1**: Database schema changes
+2. **Phase 2**: Core scheduling functionality
+3. **Phase 3**: Calendar UI implementation
+4. **Phase 4**: Integration với content workflow
+
+## Rollback Plan
+
+- Database migration có thể revert với `pnpm prisma migrate reset`
+- Code changes có thể rollback với git
+- Dependencies có thể remove và reinstall
+
+## Success Metrics
+
+- Calendar render time < 500ms
+- Schedule creation < 2 seconds
+- Timezone handling accuracy 100%
+- Recurring schedule reliability 99.9%
+
+---
+
+_Created: 2025-01-02_
+_Author: Engineering Team_
+_Reviewers: Architecture Team_
diff --git a/docs/api/analytics.md b/docs/api/analytics.md
new file mode 100644
index 00000000..81e25a30
--- /dev/null
+++ b/docs/api/analytics.md
@@ -0,0 +1,611 @@
+# Analytics API
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Endpoints](#endpoints)
+- [Authentication](#authentication)
+- [Permissions](#permissions)
+- [Event Tracking](#event-tracking)
+- [Metrics & Aggregation](#metrics--aggregation)
+- [Request/Response Formats](#requestresponse-formats)
+- [Error Handling](#error-handling)
+- [Examples](#examples)
+
+## Overview
+
+Analytics API cho phép thu thập và truy vấn dữ liệu analytics cho campaigns, content, và user behavior. Hệ thống track events real-time và cung cấp aggregated metrics.
+
+### Base URL
+
+```
+/api/[orgId]/analytics
+```
+
+### Supported Operations
+
+- `POST /events` - Record analytics events
+- `GET /events` - Query events với filters
+- `GET /metrics` - Get aggregated metrics
+- `GET /summary` - Get summary dashboard data
+- `GET /export` - Export analytics data (CSV/JSON)
+
+### Analytics Categories
+
+- **Content Performance**: Views, clicks, engagement
+- **Campaign Metrics**: Reach, conversion, ROI
+- **User Behavior**: Login, actions, preferences
+- **AI Usage**: Generation requests, costs, quality
+- **System Health**: API performance, errors
+
+## Endpoints
+
+### 📊 Record Event
+
+```http
+POST /api/[orgId]/analytics/events
+```
+
+**Description**: Record analytics event
+
+**Request Body**: Event data với validation
+
+**Response**: Created event object
+
+**Permissions**: `VIEW_ANALYTICS` (Creator, Brand Owner, Admin)
+
+### 📋 Query Events
+
+```http
+GET /api/[orgId]/analytics/events
+```
+
+**Description**: Query analytics events với filters
+
+**Query Parameters**:
+
+- `eventType` (optional): Filter by event type
+- `contentId` (optional): Filter by content
+- `campaignId` (optional): Filter by campaign
+- `userId` (optional): Filter by user
+- `dateFrom` (optional): Filter from date (ISO string)
+- `dateTo` (optional): Filter to date (ISO string)
+- `page` (optional): Page number, default: 1
+- `limit` (optional): Items per page, default: 100
+
+**Response**: Array of events với pagination
+
+**Permissions**: `VIEW_ANALYTICS` (Creator, Brand Owner, Admin)
+
+### 📈 Get Metrics
+
+```http
+GET /api/[orgId]/analytics/metrics
+```
+
+**Description**: Get aggregated metrics cho organization
+
+**Query Parameters**:
+
+- `type` (required): Metric type (campaign, content, user, ai)
+- `campaignId` (optional): Filter by campaign
+- `contentId` (optional): Filter by content
+- `period` (optional): Time period (day, week, month, year)
+- `dateFrom` (optional): Custom date range start
+- `dateTo` (optional): Custom date range end
+
+**Response**: Aggregated metrics data
+
+**Permissions**: `VIEW_ANALYTICS` (Creator, Brand Owner, Admin)
+
+### 📊 Get Summary
+
+```http
+GET /api/[orgId]/analytics/summary
+```
+
+**Description**: Get summary dashboard data
+
+**Query Parameters**:
+
+- `period` (optional): Time period (7d, 30d, 90d)
+
+**Response**: Summary metrics cho dashboard
+
+**Permissions**: `VIEW_ANALYTICS` (Creator, Brand Owner, Admin)
+
+### 📥 Export Data
+
+```http
+GET /api/[orgId]/analytics/export
+```
+
+**Description**: Export analytics data
+
+**Query Parameters**:
+
+- `format` (optional): Export format (csv, json), default: csv
+- `eventType` (optional): Filter by event type
+- `dateFrom` (optional): Filter from date
+- `dateTo` (optional): Filter to date
+
+**Response**: File download (CSV/JSON)
+
+**Permissions**: `VIEW_ANALYTICS` (Brand Owner, Admin)
+
+## Authentication
+
+Tất cả endpoints yêu cầu authentication thông qua NextAuth session.
+
+```typescript
+const session = await auth();
+if (!session?.user?.id) {
+   return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+}
+```
+
+## Permissions
+
+### Role-based Access Control
+
+```typescript
+const PERMISSIONS = {
+   VIEW_ANALYTICS: ['creator', 'brand_owner', 'admin'],
+};
+```
+
+### Permission Matrix
+
+| Action                      | Creator | Brand Owner | Admin |
+| --------------------------- | ------- | ----------- | ----- |
+| View Own Content Analytics  | ✅      | ✅          | ✅    |
+| View Campaign Analytics     | ✅      | ✅          | ✅    |
+| View Organization Analytics | ❌      | ✅          | ✅    |
+| Export Analytics Data       | ❌      | ✅          | ✅    |
+
+## Event Tracking
+
+### 🎯 Event Types
+
+#### Content Events
+
+```typescript
+// Content performance tracking
+'content.view'; // Content được xem
+'content.click'; // Link được click
+'content.like'; // Content được like
+'content.share'; // Content được share
+'content.comment'; // Comment được tạo
+'content.bookmark'; // Content được bookmark
+```
+
+#### Campaign Events
+
+```typescript
+// Campaign engagement
+'campaign.view'; // Campaign page được xem
+'campaign.click'; // Campaign CTA được click
+'campaign.convert'; // Campaign conversion
+'campaign.impression'; // Campaign impression
+```
+
+#### User Events
+
+```typescript
+// User behavior tracking
+'user.login'; // User login
+'user.logout'; // User logout
+'user.action'; // Generic user action
+'user.preference'; // User preference change
+```
+
+#### AI Events
+
+```typescript
+// AI usage tracking
+'ai.generate'; // AI content generation
+'ai.translate'; // AI translation
+'ai.summarize'; // AI summarization
+'ai.quality_score'; // AI quality feedback
+```
+
+#### System Events
+
+```typescript
+// System health monitoring
+'system.error'; // System error occurred
+'system.performance'; // Performance metric
+'system.health'; // Health check result
+```
+
+### 📊 Event Schema
+
+```typescript
+interface AnalyticsEvent {
+   id: string;
+   event: string;
+   data?: Json;
+   userId?: string;
+   organizationId?: string;
+   campaignId?: string;
+   contentId?: string;
+   platform?: string;
+   userAgent?: string;
+   ipAddress?: string;
+   timestamp: DateTime;
+   createdAt: DateTime;
+
+   // Relations
+   user?: User;
+   organization?: Organization;
+   campaign?: Campaign;
+   content?: Content;
+}
+```
+
+### 🔍 Event Data Examples
+
+#### Content View Event
+
+```json
+{
+   "event": "content.view",
+   "contentId": "cont_xyz789",
+   "campaignId": "camp_abc123",
+   "data": {
+      "viewDuration": 45,
+      "scrollDepth": 0.8,
+      "referrer": "facebook.com",
+      "device": "mobile"
+   },
+   "platform": "web",
+   "userAgent": "Mozilla/5.0...",
+   "timestamp": "2025-01-02T10:00:00Z"
+}
+```
+
+#### AI Generation Event
+
+```json
+{
+   "event": "ai.generate",
+   "contentId": "cont_xyz789",
+   "campaignId": "camp_abc123",
+   "data": {
+      "model": "gpt-4",
+      "tokensUsed": 150,
+      "cost": 0.003,
+      "prompt": "Create a social media post about summer sale",
+      "quality_score": 8.5,
+      "generation_time": 2.3
+   },
+   "timestamp": "2025-01-02T10:00:00Z"
+}
+```
+
+## Metrics & Aggregation
+
+### 📈 Metric Types
+
+#### Content Metrics
+
+```typescript
+interface ContentMetrics {
+   totalViews: number;
+   uniqueViews: number;
+   averageViewDuration: number;
+   clickThroughRate: number;
+   engagementRate: number;
+   topPerformingContent: Array<{
+      contentId: string;
+      title: string;
+      views: number;
+      engagement: number;
+   }>;
+}
+```
+
+#### Campaign Metrics
+
+```typescript
+interface CampaignMetrics {
+   totalReach: number;
+   totalEngagement: number;
+   conversionRate: number;
+   costPerClick: number;
+   returnOnInvestment: number;
+   platformBreakdown: {
+      facebook: number;
+      instagram: number;
+      linkedin: number;
+      twitter: number;
+   };
+}
+```
+
+#### AI Usage Metrics
+
+```typescript
+interface AIUsageMetrics {
+   totalGenerations: number;
+   totalTokens: number;
+   totalCost: number;
+   averageQualityScore: number;
+   popularPrompts: Array<{
+      prompt: string;
+      usageCount: number;
+      averageQuality: number;
+   }>;
+}
+```
+
+### 🔢 Aggregation Periods
+
+- **Real-time**: Current session data
+- **Hourly**: Last 24 hours by hour
+- **Daily**: Last 30 days by day
+- **Weekly**: Last 12 weeks by week
+- **Monthly**: Last 12 months by month
+- **Custom**: User-defined date range
+
+## Request/Response Formats
+
+### Record Event Request
+
+```typescript
+interface RecordEventRequest {
+   event: string;
+   data?: Json;
+   campaignId?: string;
+   contentId?: string;
+   platform?: string;
+   userAgent?: string;
+   timestamp?: string; // ISO string, defaults to now
+}
+```
+
+### Query Events Response
+
+```typescript
+interface EventsResponse {
+   events: AnalyticsEvent[];
+   pagination: {
+      page: number;
+      limit: number;
+      total: number;
+      totalPages: number;
+   };
+   summary: {
+      totalEvents: number;
+      uniqueUsers: number;
+      dateRange: {
+         from: string;
+         to: string;
+      };
+   };
+}
+```
+
+### Metrics Response
+
+```typescript
+interface MetricsResponse {
+   type: string;
+   period: string;
+   dateRange: {
+      from: string;
+      to: string;
+   };
+   metrics: Json;
+   trends: {
+      previous: Json;
+      change: number;
+      changePercent: number;
+   };
+}
+```
+
+## Error Handling
+
+### HTTP Status Codes
+
+- `200` - Success
+- `201` - Created (POST)
+- `400` - Bad Request (validation errors)
+- `401` - Unauthorized (no session)
+- `403` - Forbidden (insufficient permissions)
+- `404` - Not Found
+- `422` - Unprocessable Entity (invalid event data)
+- `500` - Internal Server Error
+
+### Error Response Format
+
+```json
+{
+   "error": "E_INVALID_EVENT_TYPE",
+   "message": "Invalid event type: unknown_event",
+   "details": {
+      "eventType": "unknown_event",
+      "allowedTypes": ["content.view", "content.click", "ai.generate"]
+   }
+}
+```
+
+### Common Error Scenarios
+
+- **E_INVALID_EVENT_TYPE**: Event type không được support
+- **E_MISSING_REQUIRED_FIELDS**: Thiếu required fields
+- **E_INVALID_DATE_RANGE**: Date range không hợp lệ
+- **E_EXPORT_FAILED**: Export operation failed
+- **E_RATE_LIMIT**: Too many events trong short time
+
+## Examples
+
+### Record Content View Event
+
+```bash
+curl -X POST /api/org123/analytics/events \
+  -H "Content-Type: application/json" \
+  -d '{
+    "event": "content.view",
+    "contentId": "cont_xyz789",
+    "campaignId": "camp_abc123",
+    "data": {
+      "viewDuration": 45,
+      "scrollDepth": 0.8,
+      "referrer": "facebook.com"
+    },
+    "platform": "web"
+  }'
+```
+
+**Response**:
+
+```json
+{
+   "id": "event_abc123",
+   "event": "content.view",
+   "contentId": "cont_xyz789",
+   "campaignId": "camp_abc123",
+   "data": {
+      "viewDuration": 45,
+      "scrollDepth": 0.8,
+      "referrer": "facebook.com"
+   },
+   "platform": "web",
+   "timestamp": "2025-01-02T10:00:00Z",
+   "createdAt": "2025-01-02T10:00:00Z"
+}
+```
+
+### Get Campaign Metrics
+
+```bash
+curl "/api/org123/analytics/metrics?type=campaign&campaignId=camp_abc123&period=30d"
+```
+
+**Response**:
+
+```json
+{
+   "type": "campaign",
+   "period": "30d",
+   "dateRange": {
+      "from": "2024-12-03T00:00:00Z",
+      "to": "2025-01-02T23:59:59Z"
+   },
+   "metrics": {
+      "totalReach": 15420,
+      "totalEngagement": 1234,
+      "conversionRate": 0.08,
+      "costPerClick": 0.45,
+      "returnOnInvestment": 2.2
+   },
+   "trends": {
+      "previous": {
+         "totalReach": 12850,
+         "totalEngagement": 987
+      },
+      "change": 2570,
+      "changePercent": 20.0
+   }
+}
+```
+
+### Query Events
+
+```bash
+curl "/api/org123/analytics/events?eventType=content.view&contentId=cont_xyz789&dateFrom=2025-01-01&limit=20"
+```
+
+**Response**:
+
+```json
+{
+   "events": [
+      {
+         "id": "event_abc123",
+         "event": "content.view",
+         "contentId": "cont_xyz789",
+         "campaignId": "camp_abc123",
+         "data": {
+            "viewDuration": 45,
+            "scrollDepth": 0.8
+         },
+         "timestamp": "2025-01-02T10:00:00Z"
+      }
+   ],
+   "pagination": {
+      "page": 1,
+      "limit": 20,
+      "total": 1,
+      "totalPages": 1
+   },
+   "summary": {
+      "totalEvents": 1,
+      "uniqueUsers": 1,
+      "dateRange": {
+         "from": "2025-01-01T00:00:00Z",
+         "to": "2025-01-02T23:59:59Z"
+      }
+   }
+}
+```
+
+## Best Practices
+
+### 🔒 Security
+
+- Sanitize user input trong event data
+- Implement rate limiting cho event recording
+- Log suspicious event patterns
+- Validate event types và data schemas
+
+### 📊 Performance
+
+- Use batch processing cho high-volume events
+- Implement event buffering cho real-time tracking
+- Cache frequently accessed metrics
+- Use database indexing cho common queries
+
+### 🧪 Testing
+
+- Test event recording với different data types
+- Verify metrics aggregation accuracy
+- Test export functionality với large datasets
+- Monitor event processing performance
+
+## Gotchas
+
+### ⚠️ Common Issues
+
+1. **Event Volume**: High event volume có thể affect performance
+2. **Data Consistency**: Event data có thể change over time
+3. **Timezone Handling**: Always store timestamps in UTC
+4. **Storage Costs**: Analytics data có thể grow quickly
+
+### 💡 Tips
+
+- Implement event sampling cho high-volume scenarios
+- Use materialized views cho complex aggregations
+- Monitor analytics processing performance
+- Implement data retention policies
+
+### 🔧 Configuration
+
+```typescript
+// Analytics configuration
+const analyticsConfig = {
+   maxEventsPerMinute: 1000,
+   batchSize: 100,
+   retentionDays: 365,
+   enableRealTime: true,
+   samplingRate: 1.0, // 100% of events
+};
+```
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Engineering Team_
diff --git a/docs/api/assets.md b/docs/api/assets.md
new file mode 100644
index 00000000..09013687
--- /dev/null
+++ b/docs/api/assets.md
@@ -0,0 +1,424 @@
+# Assets API
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Endpoints](#endpoints)
+- [Authentication](#authentication)
+- [Permissions](#permissions)
+- [File Management](#file-management)
+- [Security](#security)
+- [Request/Response Formats](#requestresponse-formats)
+- [Error Handling](#error-handling)
+- [Examples](#examples)
+
+## Overview
+
+Assets API cho phép quản lý file uploads (images, videos, documents) và liên kết chúng với content. Hệ thống sử dụng UploadThing/S3 cho file storage với metadata tracking.
+
+### Base URL
+
+```
+/api/[orgId]/assets
+```
+
+### Supported Operations
+
+- `GET` - List assets
+- `POST` - Upload new asset
+- `GET /[id]` - Get asset details
+- `DELETE /[id]` - Delete asset
+- `POST /upload` - File upload endpoint
+
+### File Types Supported
+
+- **Images**: JPG, PNG, GIF, WebP, SVG
+- **Videos**: MP4, MOV, AVI, WebM
+- **Documents**: PDF, DOC, DOCX, TXT
+- **Other**: ZIP, RAR (with size limits)
+
+## Endpoints
+
+### 📋 List Assets
+
+```http
+GET /api/[orgId]/assets
+```
+
+**Description**: Lấy danh sách assets của organization
+
+**Query Parameters**:
+
+- `contentId` (optional): Filter by linked content
+- `type` (optional): Filter by file type
+- `tags` (optional): Filter by tags (comma-separated)
+- `page` (optional): Page number, default: 1
+- `limit` (optional): Items per page, default: 20
+- `search` (optional): Search by name/description
+
+**Response**: Array of assets với metadata
+
+**Permissions**: `MANAGE_CONTENT` (Creator, Brand Owner, Admin)
+
+### ➕ Upload Asset
+
+```http
+POST /api/[orgId]/assets/upload
+```
+
+**Description**: Upload file mới và tạo asset record
+
+**Request Body**: Multipart form data với file và metadata
+
+**Response**: Created asset object với upload URL
+
+**Permissions**: `MANAGE_CONTENT` (Creator, Brand Owner, Admin)
+
+### 👁️ Get Asset Details
+
+```http
+GET /api/[orgId]/assets/[id]
+```
+
+**Description**: Lấy thông tin chi tiết asset
+
+**Response**: Asset object với usage information
+
+**Permissions**: `MANAGE_CONTENT` (Creator, Brand Owner, Admin)
+
+### 🗑️ Delete Asset
+
+```http
+DELETE /api/[orgId]/assets/[id]
+```
+
+**Description**: Xóa asset (chỉ khi không được sử dụng)
+
+**Response**: Success confirmation
+
+**Permissions**: `MANAGE_CONTENT` (Creator, Brand Owner, Admin)
+
+### 🔗 Link Asset to Content
+
+```http
+POST /api/[orgId]/assets/[id]/link
+```
+
+**Description**: Link asset với content item
+
+**Request Body**: Content ID để link
+
+**Response**: Updated asset với content link
+
+**Permissions**: `MANAGE_CONTENT` (Creator, Brand Owner, Admin)
+
+## Authentication
+
+Tất cả endpoints yêu cầu authentication thông qua NextAuth session.
+
+```typescript
+const session = await auth();
+if (!session?.user?.id) {
+   return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+}
+```
+
+## Permissions
+
+### Role-based Access Control
+
+```typescript
+const PERMISSIONS = {
+   MANAGE_CONTENT: ['creator', 'brand_owner', 'admin'],
+};
+```
+
+### Permission Matrix
+
+| Action        | Creator | Brand Owner | Admin |
+| ------------- | ------- | ----------- | ----- |
+| Upload Assets | ✅      | ✅          | ✅    |
+| View Assets   | ✅      | ✅          | ✅    |
+| Delete Assets | ✅      | ✅          | ✅    |
+| Link Assets   | ✅      | ✅          | ✅    |
+
+## File Management
+
+### 📁 Upload Process
+
+1. **File Validation**: Check type, size, and security
+2. **Processing**: Generate thumbnails, extract metadata
+3. **Storage**: Upload to UploadThing/S3
+4. **Database**: Create asset record với metadata
+5. **Response**: Return asset object với access URLs
+
+### 🔍 File Processing
+
+- **Images**: Auto-generate thumbnails, optimize formats
+- **Videos**: Extract duration, generate preview frames
+- **Documents**: Extract text content, generate previews
+- **Metadata**: File size, dimensions, creation date
+
+### 🏷️ Tagging System
+
+```typescript
+interface Asset {
+   tags: string[]; // Searchable tags
+   metadata: Json; // Extended metadata
+}
+```
+
+**Common Tags**: campaign name, content type, platform, season
+
+## Security
+
+### 🛡️ File Validation
+
+```typescript
+// Allowed file types
+const ALLOWED_TYPES = {
+   images: ['image/jpeg', 'image/png', 'image/gif', 'image/webp'],
+   videos: ['video/mp4', 'video/mov', 'video/avi'],
+   documents: ['application/pdf', 'text/plain'],
+};
+
+// File size limits
+const SIZE_LIMITS = {
+   images: 10 * 1024 * 1024, // 10MB
+   videos: 100 * 1024 * 1024, // 100MB
+   documents: 25 * 1024 * 1024, // 25MB
+};
+```
+
+### 🔒 Access Control
+
+- **Organization Isolation**: Assets chỉ accessible bởi org members
+- **Content Linking**: Assets linked với content có additional access control
+- **Public URLs**: Signed URLs với expiration cho secure access
+
+### 🚫 Security Measures
+
+- **Virus Scanning**: Scan uploaded files (planned)
+- **File Type Validation**: Strict MIME type checking
+- **Size Limits**: Prevent abuse và storage costs
+- **Rate Limiting**: Limit upload frequency per user
+
+## Request/Response Formats
+
+### Asset Schema
+
+```typescript
+interface Asset {
+   id: string;
+   url: string;
+   name?: string;
+   type: string;
+   size: number;
+   description?: string;
+   tags: string[];
+   contentId: string;
+   uploadedById: string;
+   createdAt: DateTime;
+   updatedAt: DateTime;
+
+   // Relations
+   content?: Content;
+   uploadedBy?: User;
+
+   // Generated fields
+   thumbnail?: string;
+   metadata?: Json;
+   dimensions?: {
+      width?: number;
+      height?: number;
+      duration?: number;
+   };
+}
+```
+
+### Upload Request
+
+```typescript
+interface UploadRequest {
+   file: File;
+   name?: string;
+   description?: string;
+   tags?: string[];
+   contentId?: string;
+   metadata?: Json;
+}
+```
+
+### Asset Response
+
+```typescript
+interface AssetResponse {
+   id: string;
+   name: string;
+   url: string;
+   thumbnail?: string;
+   type: string;
+   size: number;
+   tags: string[];
+   createdAt: DateTime;
+   usage: {
+      linkedContent: number;
+      totalViews: number;
+   };
+}
+```
+
+## Error Handling
+
+### HTTP Status Codes
+
+- `200` - Success
+- `201` - Created (POST)
+- `400` - Bad Request (validation errors)
+- `401` - Unauthorized (no session)
+- `403` - Forbidden (insufficient permissions)
+- `404` - Not Found
+- `413` - Payload Too Large
+- `415` - Unsupported Media Type
+- `500` - Internal Server Error
+
+### Error Response Format
+
+```json
+{
+   "error": "E_FILE_TOO_LARGE",
+   "message": "File size exceeds maximum limit of 10MB",
+   "details": {
+      "fileSize": 15728640,
+      "maxSize": 10485760,
+      "fileType": "image/jpeg"
+   }
+}
+```
+
+### Common Error Scenarios
+
+- **E_FILE_TOO_LARGE**: File exceeds size limit
+- **E_INVALID_TYPE**: Unsupported file type
+- **E_UPLOAD_FAILED**: File upload failed
+- **E_ASSET_IN_USE**: Cannot delete asset that is linked to content
+- **E_STORAGE_QUOTA**: Organization storage quota exceeded
+
+## Examples
+
+### Upload Asset
+
+```bash
+curl -X POST /api/org123/assets/upload \
+  -H "Authorization: Bearer <token>" \
+  -F "file=@summer-sale-banner.jpg" \
+  -F "name=Summer Sale Banner" \
+  -F "description=Main banner for summer campaign" \
+  -F "tags=summer,sale,banner" \
+  -F "contentId=cont_xyz789"
+```
+
+**Response**:
+
+```json
+{
+   "id": "asset_abc123",
+   "name": "Summer Sale Banner",
+   "url": "https://uploadthing.com/f/abc123",
+   "thumbnail": "https://uploadthing.com/f/abc123-thumb",
+   "type": "image/jpeg",
+   "size": 2048576,
+   "tags": ["summer", "sale", "banner"],
+   "contentId": "cont_xyz789",
+   "createdAt": "2025-01-02T10:00:00Z",
+   "usage": {
+      "linkedContent": 1,
+      "totalViews": 0
+   }
+}
+```
+
+### List Assets
+
+```bash
+curl "/api/org123/assets?type=image&tags=summer&page=1&limit=10"
+```
+
+**Response**:
+
+```json
+[
+   {
+      "id": "asset_abc123",
+      "name": "Summer Sale Banner",
+      "url": "https://uploadthing.com/f/abc123",
+      "thumbnail": "https://uploadthing.com/f/abc123-thumb",
+      "type": "image/jpeg",
+      "size": 2048576,
+      "tags": ["summer", "sale", "banner"],
+      "contentId": "cont_xyz789",
+      "createdAt": "2025-01-02T10:00:00Z",
+      "usage": {
+         "linkedContent": 1,
+         "totalViews": 15
+      }
+   }
+]
+```
+
+## Best Practices
+
+### 🔒 Security
+
+- Validate file types với MIME type checking
+- Implement file size limits per organization
+- Use signed URLs với expiration cho secure access
+- Log tất cả asset operations cho audit
+
+### 📊 Performance
+
+- Generate thumbnails cho images và videos
+- Use CDN cho frequently accessed assets
+- Implement lazy loading cho asset lists
+- Cache asset metadata và usage statistics
+
+### 🧪 Testing
+
+- Test với different file types và sizes
+- Verify file validation và error handling
+- Test asset linking và unlinking
+- Verify storage quota enforcement
+
+## Gotchas
+
+### ⚠️ Common Issues
+
+1. **File Type Mismatch**: MIME type vs file extension validation
+2. **Storage Costs**: Large files increase storage costs
+3. **Asset Dependencies**: Deleting assets affects linked content
+4. **Thumbnail Generation**: Some file types may fail thumbnail creation
+
+### 💡 Tips
+
+- Implement progressive upload cho large files
+- Use WebP format cho images để giảm size
+- Cache asset URLs để giảm API calls
+- Monitor storage usage per organization
+
+### 🔧 Configuration
+
+```typescript
+// UploadThing configuration
+const uploadConfig = {
+   maxFileSize: '10MB',
+   allowedFileTypes: ['image', 'video', 'document'],
+   generateThumbnails: true,
+   optimizeImages: true,
+};
+```
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Engineering Team_
diff --git a/docs/api/campaigns.md b/docs/api/campaigns.md
new file mode 100644
index 00000000..2a5ea190
--- /dev/null
+++ b/docs/api/campaigns.md
@@ -0,0 +1,308 @@
+# Campaigns API
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Endpoints](#endpoints)
+- [Authentication](#authentication)
+- [Permissions](#permissions)
+- [Request/Response Formats](#requestresponse-formats)
+- [Error Handling](#error-handling)
+- [Examples](#examples)
+
+## Overview
+
+Campaigns API cho phép quản lý marketing campaigns trong một organization. Mỗi campaign có thể chứa nhiều content items và schedules.
+
+### Base URL
+
+```
+/api/[orgId]/campaigns
+```
+
+### Supported Operations
+
+- `GET` - List campaigns
+- `POST` - Create new campaign
+- `GET /[id]` - Get campaign details
+- `PUT /[id]` - Update campaign
+- `DELETE /[id]` - Delete campaign
+
+## Endpoints
+
+### 📋 List Campaigns
+
+```http
+GET /api/[orgId]/campaigns
+```
+
+**Description**: Lấy danh sách campaigns của organization
+
+**Query Parameters**:
+
+- `page` (optional): Page number, default: 1
+- `limit` (optional): Items per page, default: 20
+- `search` (optional): Search campaigns by name/description
+- `status` (optional): Filter by status (planned)
+
+**Response**: Array of campaigns với content và schedule counts
+
+**Permissions**: `MANAGE_CONTENT` (Creator, Brand Owner, Admin)
+
+### ➕ Create Campaign
+
+```http
+POST /api/[orgId]/campaigns
+```
+
+**Description**: Tạo campaign mới
+
+**Request Body**: Campaign data theo schema validation
+
+**Response**: Created campaign object
+
+**Permissions**: `MANAGE_CAMPAIGNS` (Brand Owner, Admin)
+
+### 👁️ Get Campaign Details
+
+```http
+GET /api/[orgId]/campaigns/[id]
+```
+
+**Description**: Lấy thông tin chi tiết campaign
+
+**Response**: Campaign object với related content và schedules
+
+**Permissions**: `MANAGE_CONTENT` (Creator, Brand Owner, Admin)
+
+### ✏️ Update Campaign
+
+```http
+PUT /api/[orgId]/campaigns/[id]
+```
+
+**Description**: Cập nhật thông tin campaign
+
+**Request Body**: Updated campaign data
+
+**Response**: Updated campaign object
+
+**Permissions**: `MANAGE_CAMPAIGNS` (Brand Owner, Admin)
+
+### 🗑️ Delete Campaign
+
+```http
+DELETE /api/[orgId]/campaigns/[id]
+```
+
+**Description**: Xóa campaign và tất cả related content
+
+**Response**: Success confirmation
+
+**Permissions**: `MANAGE_CAMPAIGNS` (Brand Owner, Admin)
+
+## Authentication
+
+Tất cả endpoints yêu cầu authentication thông qua NextAuth session.
+
+```typescript
+// Session check
+const session = await auth();
+if (!session?.user?.id) {
+   return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+}
+```
+
+## Permissions
+
+### Role-based Access Control
+
+```typescript
+// Campaign permissions
+const PERMISSIONS = {
+   MANAGE_CONTENT: ['creator', 'brand_owner', 'admin'],
+   MANAGE_CAMPAIGNS: ['brand_owner', 'admin'],
+};
+```
+
+### Permission Matrix
+
+| Role        | View Campaigns | Create Campaigns | Edit Campaigns | Delete Campaigns |
+| ----------- | -------------- | ---------------- | -------------- | ---------------- |
+| Creator     | ✅             | ❌               | ❌             | ❌               |
+| Brand Owner | ✅             | ✅               | ✅             | ✅               |
+| Admin       | ✅             | ✅               | ✅             | ✅               |
+
+## Request/Response Formats
+
+### Campaign Schema
+
+```typescript
+interface Campaign {
+   id: string;
+   name: string;
+   description?: string;
+   organizationId: string;
+   createdAt: DateTime;
+   updatedAt: DateTime;
+
+   // Relations (when included)
+   contents?: Content[];
+   schedules?: Schedule[];
+   analyticsEvents?: AnalyticsEvent[];
+}
+```
+
+### Create Campaign Request
+
+```typescript
+interface CreateCampaignRequest {
+   name: string;
+   description?: string;
+}
+```
+
+### API Response Format
+
+```typescript
+interface ApiResponse<T> {
+   // Success case
+   data?: T;
+
+   // Error case
+   error?: string;
+   message?: string;
+}
+```
+
+## Error Handling
+
+### HTTP Status Codes
+
+- `200` - Success
+- `201` - Created (POST)
+- `400` - Bad Request (validation errors)
+- `401` - Unauthorized (no session)
+- `403` - Forbidden (insufficient permissions)
+- `404` - Not Found
+- `500` - Internal Server Error
+
+### Error Response Format
+
+```json
+{
+   "error": "Error message",
+   "message": "Detailed error description"
+}
+```
+
+### Common Error Scenarios
+
+- **E_VALIDATION**: Invalid request data
+- **E_FORBIDDEN**: Insufficient permissions
+- **E_NOT_FOUND**: Campaign doesn't exist
+- **E_ORG_ACCESS**: User not member of organization
+
+## Examples
+
+### Create Campaign
+
+```bash
+curl -X POST /api/org123/campaigns \
+  -H "Content-Type: application/json" \
+  -d '{
+    "name": "Summer Sale 2025",
+    "description": "Promotional campaign for summer products"
+  }'
+```
+
+**Response**:
+
+```json
+{
+   "id": "camp_abc123",
+   "name": "Summer Sale 2025",
+   "description": "Promotional campaign for summer products",
+   "organizationId": "org123",
+   "createdAt": "2025-01-02T10:00:00Z",
+   "updatedAt": "2025-01-02T10:00:00Z"
+}
+```
+
+### List Campaigns
+
+```bash
+curl /api/org123/campaigns?page=1&limit=10
+```
+
+**Response**:
+
+```json
+[
+   {
+      "id": "camp_abc123",
+      "name": "Summer Sale 2025",
+      "description": "Promotional campaign for summer products",
+      "organizationId": "org123",
+      "createdAt": "2025-01-02T10:00:00Z",
+      "updatedAt": "2025-01-02T10:00:00Z",
+      "contents": [
+         {
+            "id": "cont_xyz789",
+            "title": "Summer Sale Announcement",
+            "body": "Get ready for amazing summer deals!",
+            "campaignId": "camp_abc123"
+         }
+      ],
+      "schedules": [
+         {
+            "id": "sched_def456",
+            "date": "2025-06-01T09:00:00Z",
+            "status": "scheduled",
+            "campaignId": "camp_abc123"
+         }
+      ]
+   }
+]
+```
+
+## Best Practices
+
+### 🔒 Security
+
+- Luôn check organization membership trước khi access
+- Validate input data với Zod schemas
+- Log tất cả campaign operations cho audit
+
+### 📊 Performance
+
+- Sử dụng pagination cho large datasets
+- Include relations chỉ khi cần thiết
+- Cache campaign data cho frequently accessed campaigns
+
+### 🧪 Testing
+
+- Test với different user roles
+- Verify permission checks
+- Test edge cases (empty campaigns, invalid IDs)
+
+## Gotchas
+
+### ⚠️ Common Issues
+
+1. **Organization Access**: User phải là member của organization
+2. **Permission Levels**: Different roles có different access levels
+3. **Cascade Deletes**: Deleting campaign removes all related content
+4. **Validation**: Name field required, description optional
+
+### 💡 Tips
+
+- Sử dụng `requirePermission` helper cho consistent permission checking
+- Include error handling cho database operations
+- Log user actions cho analytics và debugging
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Engineering Team_
diff --git a/docs/api/content.md b/docs/api/content.md
new file mode 100644
index 00000000..25e4f83c
--- /dev/null
+++ b/docs/api/content.md
@@ -0,0 +1,400 @@
+# Content API
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Endpoints](#endpoints)
+- [Data Models](#data-models)
+- [Authentication](#authentication)
+- [Error Handling](#error-handling)
+- [Examples](#examples)
+
+## Overview
+
+Content API quản lý việc tạo, chỉnh sửa, và quản lý nội dung marketing trong campaigns. API hỗ trợ AI-assisted content generation, approval workflow, và status management.
+
+### Key Features
+
+- **Content CRUD**: Create, read, update, delete content
+- **AI Integration**: AI-assisted content generation
+- **Status Workflow**: DRAFT → SUBMITTED → APPROVED → SCHEDULED → PUBLISHED
+- **Asset Management**: File attachments và media linking
+- **Campaign Integration**: Content thuộc về campaigns
+
+## Endpoints
+
+### 📋 List Content
+
+```http
+GET /api/[orgId]/content
+```
+
+**Query Parameters:**
+
+- `campaignId` (optional): Filter by campaign ID
+- `status` (optional): Filter by content status
+
+**Example:**
+
+```http
+GET /api/org_123/content?status=DRAFT&campaignId=camp_1
+```
+
+**Response:**
+
+```json
+{
+   "ok": true,
+   "data": [
+      {
+         "id": "content_456",
+         "title": "New Product Launch",
+         "body": "Exciting new product announcement...",
+         "status": "DRAFT",
+         "campaignId": "camp_1",
+         "campaign": {
+            "id": "camp_1",
+            "name": "Q1 Campaign"
+         },
+         "assets": [
+            {
+               "id": "asset_789",
+               "url": "https://storage.example.com/image.jpg",
+               "name": "Product Image",
+               "type": "image/jpeg",
+               "size": 1024000,
+               "description": "Product showcase image",
+               "tags": ["product", "launch", "marketing"]
+            }
+         ],
+         "createdAt": "2025-01-10T10:00:00.000Z",
+         "updatedAt": "2025-01-10T10:00:00.000Z"
+      }
+   ]
+}
+```
+
+### ➕ Create Content
+
+```http
+POST /api/[orgId]/content
+```
+
+**Request Body:**
+
+```typescript
+interface CreateContentRequest {
+   title: string; // Content title
+   body?: string; // Content body (rich text)
+   status?: ContentStatus; // Optional, defaults to DRAFT
+   campaignId: string; // Campaign ID
+}
+```
+
+**Example Request:**
+
+```json
+{
+   "title": "Summer Sale Announcement",
+   "body": "Get ready for amazing summer deals!",
+   "campaignId": "camp_1"
+}
+```
+
+**Response:**
+
+```json
+{
+   "ok": true,
+   "data": {
+      "id": "content_456",
+      "title": "Summer Sale Announcement",
+      "body": "Get ready for amazing summer deals!",
+      "status": "DRAFT",
+      "campaignId": "camp_1",
+      "campaign": {
+         "id": "camp_1",
+         "name": "Q1 Campaign"
+      },
+      "assets": [],
+      "createdAt": "2025-01-10T10:00:00.000Z",
+      "updatedAt": "2025-01-10T10:00:00.000Z"
+   }
+}
+```
+
+### 🤖 AI Content Generation
+
+```http
+POST /api/[orgId]/content/generate
+```
+
+**Request Body:**
+
+```typescript
+interface GenerateContentRequest {
+   prompt: string; // AI generation prompt
+   campaignId: string; // Campaign ID
+   contentType?: string; // Optional content type
+   tone?: string; // Optional tone (professional, casual, etc.)
+}
+```
+
+**Example Request:**
+
+```json
+{
+   "prompt": "Create a social media post about our new eco-friendly product line",
+   "campaignId": "camp_1",
+   "tone": "professional"
+}
+```
+
+**Response:**
+
+```json
+{
+   "ok": true,
+   "data": {
+      "id": "content_456",
+      "title": "Eco-Friendly Product Launch",
+      "body": "We're excited to announce our new eco-friendly product line...",
+      "status": "DRAFT",
+      "campaignId": "camp_1",
+      "aiGenerated": true,
+      "prompt": "Create a social media post about our new eco-friendly product line",
+      "createdAt": "2025-01-10T10:00:00.000Z",
+      "updatedAt": "2025-01-10T10:00:00.000Z"
+   }
+}
+```
+
+## Data Models
+
+### 📝 Content Entity
+
+```typescript
+interface Content {
+  id: string;                    // cuid
+  title: string;                 // Content title
+  body?: string;                 // Content body (rich text)
+  status: ContentStatus;         // Current content status
+  campaignId: string;            // Campaign reference
+  createdAt: Date;               // Creation timestamp
+  updatedAt: Date;               // Last update time
+}
+
+enum ContentStatus {
+  DRAFT          // Initial draft state
+  SUBMITTED      // Submitted for review
+  APPROVED       // Approved by brand owner
+  SCHEDULED      // Scheduled for publication
+  PUBLISHED      // Successfully published
+  REJECTED       // Rejected during review
+}
+```
+
+### 🖼️ Asset Entity
+
+```typescript
+interface Asset {
+   id: string; // cuid
+   url: string; // File storage URL
+   name?: string; // Display name
+   type: string; // MIME type
+   size?: number; // File size in bytes
+   description?: string; // Asset description
+   tags: string[]; // Searchable tags
+   contentId: string; // Content reference
+   createdAt: Date; // Upload timestamp
+}
+```
+
+### 🔍 Query Parameters
+
+```typescript
+interface ListContentQuery {
+   campaignId?: string; // Filter by campaign
+   status?: ContentStatus; // Filter by status
+}
+```
+
+## Authentication
+
+### 🔐 Required Permissions
+
+- **View Content**: `MANAGE_CONTENT` permission
+- **Create Content**: `MANAGE_CONTENT` permission
+- **Update Content**: `MANAGE_CONTENT` permission
+- **Delete Content**: `MANAGE_CONTENT` permission
+- **Approve Content**: `APPROVE_CONTENT` permission (Brand Owner, Admin)
+- **Roles**: `CREATOR`, `BRAND_OWNER`, `ADMIN`
+
+### 🛡️ Security Features
+
+- **Organization Isolation**: Chỉ truy cập content của org
+- **Campaign Validation**: Campaign phải thuộc về organization
+- **Role-based Access**: Permissions được check trước mỗi operation
+
+## Error Handling
+
+### ❌ Error Response Format
+
+```typescript
+interface ErrorResponse {
+   ok: false;
+   error: {
+      code: string; // Error code
+      message: string; // Human-readable message
+      details?: any; // Additional error details
+   };
+}
+```
+
+### 🚫 Error Codes
+
+#### `E_UNAUTHORIZED` (401)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_UNAUTHORIZED",
+      "message": "Unauthorized"
+   }
+}
+```
+
+**Cause**: User chưa đăng nhập hoặc session expired
+**Solution**: Re-authenticate user
+
+#### `E_FORBIDDEN` (403)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_FORBIDDEN",
+      "message": "Forbidden"
+   }
+}
+```
+
+**Cause**: User không có permission `MANAGE_CONTENT`
+**Solution**: Check user role và permissions
+
+#### `E_NOT_FOUND` (404)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_NOT_FOUND",
+      "message": "Campaign not found"
+   }
+}
+```
+
+**Cause**: Campaign không tồn tại
+**Solution**: Verify campaign ID
+
+#### `E_VALIDATION` (400)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_VALIDATION",
+      "message": "Title is required"
+   }
+}
+```
+
+**Cause**: Invalid request data (missing required fields)
+**Solution**: Validate request body
+
+#### `E_INTERNAL` (500)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_INTERNAL",
+      "message": "Internal server error"
+   }
+}
+```
+
+**Cause**: Server error hoặc database issue
+**Solution**: Contact support team
+
+## Examples
+
+### 📝 Create New Content
+
+```bash
+curl -X POST /api/org_123/content \
+  -H "Content-Type: application/json" \
+  -d '{
+    "title": "Product Launch Announcement",
+    "body": "We are excited to announce our latest product...",
+    "campaignId": "camp_1"
+  }'
+```
+
+### 🔍 Get Draft Content
+
+```bash
+curl "/api/org_123/content?status=DRAFT&campaignId=camp_1"
+```
+
+### 🤖 Generate AI Content
+
+```bash
+curl -X POST /api/org_123/content/generate \
+  -H "Content-Type: application/json" \
+  -d '{
+    "prompt": "Create a social media post about sustainability",
+    "campaignId": "camp_1",
+    "tone": "professional"
+  }'
+```
+
+## Business Logic
+
+### 📊 Content Status Workflow
+
+1. **DRAFT**: Initial content creation
+2. **SUBMITTED**: Creator submits for review
+3. **APPROVED**: Brand owner approves content
+4. **SCHEDULED**: Content scheduled for publication
+5. **PUBLISHED**: Content successfully published
+6. **REJECTED**: Content rejected during review
+
+### 🔄 Status Transitions
+
+- **DRAFT → SUBMITTED**: Creator action
+- **SUBMITTED → APPROVED/REJECTED**: Brand owner action
+- **APPROVED → SCHEDULED**: When schedule is created
+- **SCHEDULED → PUBLISHED**: After successful publishing
+- **Any → REJECTED**: Brand owner can reject at any stage
+
+### 🎯 AI Content Generation
+
+- **Input**: Prompt, campaign context, tone preferences
+- **Process**: AI service generates content based on prompt
+- **Output**: Generated content với status DRAFT
+- **Editing**: Creator can edit và refine AI-generated content
+
+### 📁 Asset Management
+
+- **Upload**: File upload với type/size validation
+- **Linking**: Assets được link với content
+- **Metadata**: Tags, descriptions cho searchability
+- **Storage**: Secure file storage với access control
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 2.0_
+_Maintainer: Engineering Team_
diff --git a/docs/api/schedules.md b/docs/api/schedules.md
new file mode 100644
index 00000000..22d6f95f
--- /dev/null
+++ b/docs/api/schedules.md
@@ -0,0 +1,364 @@
+# Schedules API
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Endpoints](#endpoints)
+- [Data Models](#data-models)
+- [Authentication](#authentication)
+- [Error Handling](#error-handling)
+- [Examples](#examples)
+
+## Overview
+
+Schedules API quản lý việc lên lịch xuất bản content trên các nền tảng social media. API hỗ trợ tạo, xem, và quản lý schedules với timezone support và conflict detection.
+
+### Key Features
+
+- **Multi-view Support**: Day, Week, Month calendar views
+- **Timezone Handling**: `runAt` lưu UTC, `timezone` cho display
+- **Conflict Detection**: Cảnh báo overlap cùng channel
+- **Status Management**: Content status tự động → SCHEDULED
+- **Filtering**: Theo channels, campaigns, date ranges
+
+## Endpoints
+
+### 📅 List Schedules
+
+```http
+GET /api/[orgId]/schedules
+```
+
+**Query Parameters:**
+
+- `from` (required): Start date (ISO 8601)
+- `to` (required): End date (ISO 8601)
+- `channels` (optional): Comma-separated channel list
+- `campaigns` (optional): Comma-separated campaign IDs
+
+**Example:**
+
+```http
+GET /api/org_123/schedules?from=2025-01-01T00:00:00Z&to=2025-01-31T23:59:59Z&channels=FACEBOOK,INSTAGRAM&campaigns=camp_1,camp_2
+```
+
+**Response:**
+
+```json
+{
+   "ok": true,
+   "data": [
+      {
+         "id": "sched_123",
+         "runAt": "2025-01-15T09:00:00.000Z",
+         "timezone": "America/New_York",
+         "channel": "FACEBOOK",
+         "status": "PENDING",
+         "campaignId": "camp_1",
+         "contentId": "content_456",
+         "campaign": {
+            "id": "camp_1",
+            "name": "Q1 Campaign"
+         },
+         "content": {
+            "id": "content_456",
+            "title": "New Product Launch",
+            "status": "SCHEDULED"
+         },
+         "createdAt": "2025-01-10T10:00:00.000Z",
+         "updatedAt": "2025-01-10T10:00:00.000Z"
+      }
+   ]
+}
+```
+
+### ➕ Create Schedule
+
+```http
+POST /api/[orgId]/schedules
+```
+
+**Request Body:**
+
+```typescript
+interface CreateScheduleRequest {
+   runAt: string; // ISO 8601 datetime (UTC)
+   timezone: string; // Timezone identifier
+   channel: Channel; // Social media platform
+   status?: ScheduleStatus; // Optional, defaults to PENDING
+   campaignId: string; // Campaign ID
+   contentId: string; // Content ID to schedule
+}
+```
+
+**Example Request:**
+
+```json
+{
+   "runAt": "2025-01-15T14:00:00.000Z",
+   "timezone": "America/New_York",
+   "channel": "FACEBOOK",
+   "campaignId": "camp_1",
+   "contentId": "content_456"
+}
+```
+
+**Response:**
+
+```json
+{
+   "ok": true,
+   "data": {
+      "id": "sched_123",
+      "runAt": "2025-01-15T14:00:00.000Z",
+      "timezone": "America/New_York",
+      "channel": "FACEBOOK",
+      "status": "PENDING",
+      "campaignId": "camp_1",
+      "contentId": "content_456",
+      "campaign": {
+         "id": "camp_1",
+         "name": "Q1 Campaign"
+      },
+      "content": {
+         "id": "content_456",
+         "title": "New Product Launch",
+         "status": "SCHEDULED"
+      },
+      "createdAt": "2025-01-10T10:00:00.000Z",
+      "updatedAt": "2025-01-10T10:00:00.000Z"
+   }
+}
+```
+
+## Data Models
+
+### 📊 Schedule Entity
+
+```typescript
+interface Schedule {
+  id: string;                    // cuid
+  runAt: Date;                   // UTC timestamp
+  timezone: string;              // Display timezone
+  channel: Channel;              // Social platform
+  status: ScheduleStatus;        // Current status
+  campaignId: string;            // Campaign reference
+  contentId?: string;            // Content reference
+  createdAt: Date;               // Creation timestamp
+  updatedAt: Date;               // Last update time
+}
+
+enum Channel {
+  FACEBOOK       // 📘 Facebook posts
+  INSTAGRAM      // 📷 Instagram posts
+  TWITTER        // 🐦 Twitter/X posts
+  YOUTUBE        // 📺 YouTube videos
+  LINKEDIN       // 💼 LinkedIn posts
+  TIKTOK         // 🎵 TikTok videos
+  BLOG           // 📝 Blog articles
+}
+
+enum ScheduleStatus {
+  PENDING        // Scheduled, waiting to publish
+  PUBLISHED      // Successfully published
+  FAILED         // Publication failed
+  CANCELLED      // Schedule cancelled
+}
+```
+
+### 🔍 Query Parameters
+
+```typescript
+interface ListSchedulesQuery {
+   from: string; // ISO 8601 start date
+   to: string; // ISO 8601 end date
+   channels?: string[]; // Filter by channels
+   campaigns?: string[]; // Filter by campaign IDs
+}
+```
+
+## Authentication
+
+### 🔐 Required Permissions
+
+- **View Schedules**: `MANAGE_SCHEDULES` permission
+- **Create Schedules**: `MANAGE_SCHEDULES` permission
+- **Roles**: `BRAND_OWNER`, `CREATOR`, `ADMIN`
+
+### 🛡️ Security Features
+
+- **Organization Isolation**: Chỉ truy cập schedules của org
+- **Campaign Validation**: Campaign phải thuộc về organization
+- **Content Validation**: Content phải thuộc về campaign
+- **Role-based Access**: Permissions được check trước mỗi operation
+
+## Error Handling
+
+### ❌ Error Response Format
+
+```typescript
+interface ErrorResponse {
+   ok: false;
+   error: {
+      code: string; // Error code
+      message: string; // Human-readable message
+      details?: any; // Additional error details
+   };
+}
+```
+
+### 🚫 Error Codes
+
+#### `E_UNAUTHORIZED` (401)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_UNAUTHORIZED",
+      "message": "Unauthorized"
+   }
+}
+```
+
+**Cause**: User chưa đăng nhập hoặc session expired
+**Solution**: Re-authenticate user
+
+#### `E_FORBIDDEN` (403)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_FORBIDDEN",
+      "message": "Forbidden"
+   }
+}
+```
+
+**Cause**: User không có permission `MANAGE_SCHEDULES`
+**Solution**: Check user role và permissions
+
+#### `E_NOT_FOUND` (404)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_NOT_FOUND",
+      "message": "Campaign not found"
+   }
+}
+```
+
+**Cause**: Campaign hoặc Content không tồn tại
+**Solution**: Verify campaign/content IDs
+
+#### `E_VALIDATION` (400)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_VALIDATION",
+      "message": "Invalid date format"
+   }
+}
+```
+
+**Cause**: Invalid request data (date format, required fields)
+**Solution**: Validate request body
+
+#### `E_CONFLICT_SLOT` (409)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_CONFLICT_SLOT",
+      "message": "Potential scheduling conflict detected",
+      "details": {
+         "conflictingScheduleId": "sched_789"
+      }
+   }
+}
+```
+
+**Cause**: Có schedule khác cùng channel trong khoảng thời gian gần
+**Solution**: Chọn thời gian khác hoặc channel khác
+
+#### `E_INTERNAL` (500)
+
+```json
+{
+   "ok": false,
+   "error": {
+      "code": "E_INTERNAL",
+      "message": "Internal server error"
+   }
+}
+```
+
+**Cause**: Server error hoặc database issue
+**Solution**: Contact support team
+
+## Examples
+
+### 📱 Schedule Facebook Post
+
+```bash
+curl -X POST /api/org_123/schedules \
+  -H "Content-Type: application/json" \
+  -d '{
+    "runAt": "2025-01-15T14:00:00.000Z",
+    "timezone": "America/New_York",
+    "channel": "FACEBOOK",
+    "campaignId": "camp_1",
+    "contentId": "content_456"
+  }'
+```
+
+### 📅 Get Week Schedules
+
+```bash
+curl "/api/org_123/schedules?from=2025-01-13T00:00:00Z&to=2025-01-19T23:59:59Z&channels=FACEBOOK,INSTAGRAM"
+```
+
+### 🔍 Filter by Campaign
+
+```bash
+curl "/api/org_123/schedules?from=2025-01-01T00:00:00Z&to=2025-01-31T23:59:59Z&campaigns=camp_1,camp_2"
+```
+
+## Business Logic
+
+### 🎯 Schedule Creation Flow
+
+1. **Validation**: Check permissions, validate request data
+2. **Conflict Detection**: Look for overlapping schedules (same channel, ±15 minutes)
+3. **Transaction**: Create schedule + update content status
+4. **Response**: Return created schedule với relationships
+
+### 📊 Content Status Update
+
+- **Before**: Content status = `DRAFT` hoặc `APPROVED`
+- **After**: Content status = `SCHEDULED`
+- **Trigger**: Khi tạo schedule thành công
+
+### ⚠️ Conflict Detection Rules
+
+- **Same Channel**: Không cho phép 2 schedules cùng channel trong ±15 phút
+- **Time Window**: ±15 minutes để tránh spam
+- **Status Check**: Chỉ check `PENDING` và `PUBLISHED` schedules
+
+### 🌐 Timezone Handling
+
+- **Storage**: `runAt` luôn lưu UTC timestamp
+- **Display**: `timezone` field để hiển thị local time
+- **Conversion**: Client-side conversion cho UI display
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 2.0_
+_Maintainer: Engineering Team_
diff --git a/docs/data-model.md b/docs/data-model.md
new file mode 100644
index 00000000..9c093db2
--- /dev/null
+++ b/docs/data-model.md
@@ -0,0 +1,570 @@
+# AiM Platform - Data Model
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Core Entities](#core-entities)
+- [NextAuth Integration](#nextauth-integration)
+- [Entity Relationships](#entity-relationships)
+- [Field Conventions](#field-conventions)
+- [Database Schema](#database-schema)
+
+## Overview
+
+AiM Platform sử dụng **PostgreSQL** làm database chính và **Prisma ORM** để quản lý data access. Hệ thống được thiết kế với multi-tenancy architecture, mỗi organization có data riêng biệt.
+
+### Tech Stack
+
+- **Database**: PostgreSQL 15+
+- **ORM**: Prisma 6
+- **Authentication**: NextAuth.js 5
+- **Validation**: Zod schemas
+
+## Core Entities
+
+### 👤 User
+
+**Mô tả**: Người dùng hệ thống với authentication và role management
+
+```typescript
+interface User {
+   id: string; // cuid
+   name: string; // Display name
+   email: string; // Unique email
+   password?: string; // Hashed password (optional for OAuth)
+   emailVerified?: Date; // Email verification timestamp
+   image?: string; // Profile image URL
+   createdAt: Date; // Account creation time
+   updatedAt: Date; // Last update time
+}
+```
+
+### 🏢 Organization
+
+**Mô tả**: Tổ chức/company sử dụng platform
+
+```typescript
+interface Organization {
+   id: string; // cuid
+   name: string; // Organization name
+   createdAt: Date; // Creation timestamp
+   updatedAt: Date; // Last update time
+}
+```
+
+### 🔗 Membership
+
+**Mô tả**: Quan hệ giữa User và Organization với role assignment
+
+```typescript
+interface Membership {
+  id: string;                    // cuid
+  userId: string;                // Reference to User
+  organizationId: string;        // Reference to Organization
+  role: OrgRole;                 // User role in organization
+  createdAt: Date;               // Membership creation time
+  updatedAt: Date;               // Last update time
+}
+
+enum OrgRole {
+  ADMIN           // Full system access
+  BRAND_OWNER     // Campaign & content management
+  CREATOR         // Content creation only
+}
+```
+
+### 📢 Campaign
+
+**Mô tả**: Chiến dịch marketing với content và scheduling
+
+```typescript
+interface Campaign {
+   id: string; // cuid
+   name: string; // Campaign name
+   description?: string; // Campaign description
+   organizationId: string; // Reference to Organization
+   createdAt: Date; // Creation timestamp
+   updatedAt: Date; // Last update time
+}
+```
+
+### ✍️ Content
+
+**Mô tả**: Nội dung marketing với approval workflow và scheduling
+
+```typescript
+interface Content {
+  id: string;                    // cuid
+  title: string;                 // Content title
+  body?: string;                 // Content body (rich text)
+  status: ContentStatus;         // Current content status
+  campaignId: string;            // Reference to Campaign
+  createdAt: Date;               // Creation timestamp
+  updatedAt: Date;               // Last update time
+}
+
+enum ContentStatus {
+  DRAFT          // Initial draft state
+  SUBMITTED      // Submitted for review
+  APPROVED       // Approved by brand owner
+  SCHEDULED      // Scheduled for publication
+  PUBLISHED      // Successfully published
+  REJECTED       // Rejected during review
+}
+```
+
+### 📁 Asset
+
+**Mô tả**: File attachments (images, videos, documents) cho content
+
+```typescript
+interface Asset {
+   id: string; // cuid
+   url: string; // File storage URL
+   name?: string; // Display name
+   type: string; // MIME type
+   size?: number; // File size in bytes
+   description?: string; // Asset description
+   tags: string[]; // Searchable tags
+   contentId: string; // Reference to Content
+   createdAt: Date; // Upload timestamp
+}
+```
+
+### 🗓️ Schedule
+
+**Mô tả**: Lịch trình xuất bản content với platform và timezone support
+
+```typescript
+interface Schedule {
+  id: string;                    // cuid
+  runAt: Date;                   // UTC timestamp for publication
+  timezone: string;              // Timezone for display (e.g., "America/New_York")
+  channel: Channel;              // Social media platform
+  status: ScheduleStatus;        // Current schedule status
+  campaignId: string;            // Reference to Campaign
+  contentId?: string;            // Reference to Content (optional)
+  createdAt: Date;               // Creation timestamp
+  updatedAt: Date;               // Last update time
+}
+
+enum Channel {
+  FACEBOOK       // Facebook posts
+  INSTAGRAM      // Instagram posts
+  TWITTER        // Twitter/X posts
+  YOUTUBE        // YouTube videos
+  LINKEDIN       // LinkedIn posts
+  TIKTOK         // TikTok videos
+  BLOG           // Blog articles
+}
+
+enum ScheduleStatus {
+  PENDING        // Scheduled, waiting to publish
+  PUBLISHED      // Successfully published
+  FAILED         // Publication failed
+  CANCELLED      // Schedule cancelled
+}
+```
+
+### 📊 AnalyticsEvent
+
+**Mô tả**: Event tracking cho analytics và performance monitoring
+
+```typescript
+interface AnalyticsEvent {
+   id: string; // cuid
+   event: string; // Event type
+   data?: Json; // Event payload
+   userId?: string; // Reference to User
+   organizationId?: string; // Reference to Organization
+   campaignId?: string; // Reference to Campaign
+   contentId?: string; // Reference to Content
+   createdAt: Date; // Event timestamp
+}
+```
+
+## NextAuth Integration
+
+### 🔐 Account
+
+**Mô tả**: OAuth provider accounts cho NextAuth
+
+```typescript
+interface Account {
+   id: string; // cuid
+   userId: string; // Reference to User
+   type: string; // OAuth provider type
+   provider: string; // Provider name (google, github)
+   providerAccountId: string; // Provider user ID
+   refresh_token?: string; // OAuth refresh token
+   access_token?: string; // OAuth access token
+   expires_at?: number; // Token expiration
+   token_type?: string; // Token type
+   scope?: string; // OAuth scope
+   id_token?: string; // ID token
+   session_state?: string; // Session state
+   oauth_token_secret?: string; // OAuth token secret
+   oauth_token?: string; // OAuth token
+}
+```
+
+### 🎫 Session
+
+**Mô tả**: User sessions cho NextAuth
+
+```typescript
+interface Session {
+   id: string; // cuid
+   sessionToken: string; // Unique session token
+   userId: string; // Reference to User
+   expires: Date; // Session expiration
+}
+```
+
+### ✅ VerificationToken
+
+**Mô tả**: Email verification tokens
+
+```typescript
+interface VerificationToken {
+   identifier: string; // Email address
+   token: string; // Verification token
+   expires: Date; // Token expiration
+}
+```
+
+## Entity Relationships
+
+### 🔗 Relationship Diagram
+
+```mermaid
+erDiagram
+    User ||--o{ Membership : "belongs to"
+    Organization ||--o{ Membership : "has members"
+    Organization ||--o{ Campaign : "owns"
+    Campaign ||--o{ Content : "contains"
+    Campaign ||--o{ Schedule : "schedules"
+    Content ||--o{ Asset : "has"
+    Content ||--o{ Schedule : "scheduled in"
+    User ||--o{ AnalyticsEvent : "generates"
+    Organization ||--o{ AnalyticsEvent : "tracks"
+    Campaign ||--o{ AnalyticsEvent : "monitors"
+    Content ||--o{ AnalyticsEvent : "analyzes"
+
+    User {
+        string id PK
+        string name
+        string email UK
+        string password
+        date emailVerified
+        string image
+        date createdAt
+        date updatedAt
+    }
+
+    Organization {
+        string id PK
+        string name
+        date createdAt
+        date updatedAt
+    }
+
+    Membership {
+        string id PK
+        string userId FK
+        string organizationId FK
+        enum role
+        date createdAt
+        date updatedAt
+    }
+
+    Campaign {
+        string id PK
+        string name
+        string description
+        string organizationId FK
+        date createdAt
+        date updatedAt
+    }
+
+    Content {
+        string id PK
+        string title
+        string body
+        enum status
+        string campaignId FK
+        date createdAt
+        date updatedAt
+    }
+
+    Asset {
+        string id PK
+        string url
+        string name
+        string type
+        int size
+        string description
+        string[] tags
+        string contentId FK
+        date createdAt
+    }
+
+    Schedule {
+        string id PK
+        date runAt
+        string timezone
+        enum channel
+        enum status
+        string campaignId FK
+        string contentId FK
+        date createdAt
+        date updatedAt
+    }
+
+    AnalyticsEvent {
+        string id PK
+        string event
+        json data
+        string userId FK
+        string organizationId FK
+        string campaignId FK
+        string contentId FK
+        date createdAt
+    }
+```
+
+### 📍 Key Relationships
+
+#### User ↔ Organization (Many-to-Many)
+
+- **Through**: `Membership` table
+- **Constraint**: Unique `(userId, organizationId)` combination
+- **Role**: User có thể thuộc nhiều organization với role khác nhau
+
+#### Campaign → Organization (Many-to-One)
+
+- **Constraint**: Mỗi campaign thuộc về một organization
+- **Cascade**: Khi organization bị xóa, campaigns cũng bị xóa
+
+#### Content → Campaign (Many-to-One)
+
+- **Constraint**: Mỗi content thuộc về một campaign
+- **Workflow**: Content status flow: DRAFT → SUBMITTED → APPROVED → SCHEDULED → PUBLISHED
+
+#### Schedule → Content (Many-to-One)
+
+- **Constraint**: Mỗi schedule có thể liên kết với một content
+- **Status Sync**: Khi tạo schedule, content status tự động → SCHEDULED
+- **Timezone**: `runAt` lưu UTC, `timezone` chỉ để hiển thị
+
+## Field Conventions
+
+### 🆔 ID Fields
+
+- **Primary Keys**: Sử dụng `cuid` cho tất cả entities
+- **Foreign Keys**: Naming convention: `entityNameId` (e.g., `campaignId`, `contentId`)
+- **References**: Luôn có `onDelete` behavior được định nghĩa
+
+### 📅 Timestamp Fields
+
+- **Created**: `createdAt` - tự động set khi tạo record
+- **Updated**: `updatedAt` - tự động update khi modify record
+- **Format**: ISO 8601 datetime strings
+
+### 🔒 Status Fields
+
+- **Content Status**: Enum với workflow progression
+- **Schedule Status**: Enum với publication lifecycle
+- **Org Role**: Enum với permission hierarchy
+
+### 🌐 Timezone Handling
+
+- **Storage**: `runAt` luôn lưu UTC timestamp
+- **Display**: `timezone` field để hiển thị local time
+- **Conversion**: Client-side conversion cho UI display
+
+## Database Schema
+
+### 🗄️ Prisma Schema
+
+```prisma
+// Core models với relationships
+model User {
+  id            String    @id @default(cuid())
+  name          String?
+  email         String    @unique
+  password      String?
+  emailVerified DateTime?
+  image         String?
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+
+  // Relationships
+  accounts      Account[]
+  sessions      Session[]
+  memberships   Membership[]
+  analyticsEvents AnalyticsEvent[]
+}
+
+model Organization {
+  id             String          @id @default(cuid())
+  name           String
+  createdAt      DateTime        @default(now())
+  updatedAt      DateTime        @updatedAt
+
+  // Relationships
+  memberships    Membership[]
+  campaigns      Campaign[]
+  analyticsEvents AnalyticsEvent[]
+}
+
+model Membership {
+  id             String     @id @default(cuid())
+  userId         String
+  organizationId String
+  role           OrgRole
+  createdAt      DateTime   @default(now())
+  updatedAt      DateTime   @updatedAt
+
+  // Relationships
+  user           User       @relation(fields: [userId], references: [id], onDelete: Cascade)
+  organization   Organization @relation(fields: [organizationId], references: [id], onDelete: Cascade)
+
+  @@unique([userId, organizationId])
+}
+
+model Campaign {
+  id             String          @id @default(cuid())
+  name           String
+  description    String?
+  organizationId String
+  createdAt      DateTime        @default(now())
+  updatedAt      DateTime        @updatedAt
+
+  // Relationships
+  organization   Organization    @relation(fields: [organizationId], references: [id], onDelete: Cascade)
+  contents       Content[]
+  schedules      Schedule[]
+  analyticsEvents AnalyticsEvent[]
+}
+
+model Content {
+  id             String          @id @default(cuid())
+  title          String
+  body           String?
+  status         ContentStatus   @default(DRAFT)
+  campaignId     String
+  createdAt      DateTime        @default(now())
+  updatedAt      DateTime        @updatedAt
+
+  // Relationships
+  campaign       Campaign        @relation(fields: [campaignId], references: [id], onDelete: Cascade)
+  assets         Asset[]
+  schedules      Schedule[]
+  analyticsEvents AnalyticsEvent[]
+}
+
+model Asset {
+  id          String   @id @default(cuid())
+  url         String
+  name        String?
+  type        String
+  size        Int?
+  description String?
+  tags        String[]
+  contentId   String
+  createdAt   DateTime @default(now())
+
+  // Relationships
+  content     Content  @relation(fields: [contentId], references: [id], onDelete: Cascade)
+}
+
+model Schedule {
+  id         String   @id @default(cuid())
+  runAt      DateTime // UTC timestamp
+  timezone   String   // Display timezone
+  channel    Channel  // Social platform
+  status     ScheduleStatus @default(PENDING)
+  campaignId String
+  contentId  String?
+  createdAt  DateTime @default(now())
+  updatedAt  DateTime @updatedAt
+
+  // Relationships
+  campaign   Campaign @relation(fields: [campaignId], references: [id], onDelete: Cascade)
+  content    Content? @relation(fields: [contentId], references: [id], onDelete: SetNull)
+}
+
+model AnalyticsEvent {
+  id             String      @id @default(cuid())
+  event          String
+  data           Json?
+  userId         String?
+  organizationId String?
+  campaignId     String?
+  contentId      String?
+  createdAt      DateTime    @default(now())
+
+  // Relationships
+  user           User?       @relation(fields: [userId], references: [id])
+  organization   Organization? @relation(fields: [organizationId], references: [id])
+  campaign       Campaign?   @relation(fields: [campaignId], references: [id])
+  content        Content?    @relation(fields: [contentId], references: [id])
+}
+
+// Enums
+enum OrgRole {
+  ADMIN
+  BRAND_OWNER
+  CREATOR
+}
+
+enum ContentStatus {
+  DRAFT
+  SUBMITTED
+  APPROVED
+  SCHEDULED
+  PUBLISHED
+  REJECTED
+}
+
+enum ScheduleStatus {
+  PENDING
+  PUBLISHED
+  FAILED
+  CANCELLED
+}
+
+enum Channel {
+  FACEBOOK
+  INSTAGRAM
+  TWITTER
+  YOUTUBE
+  LINKEDIN
+  TIKTOK
+  BLOG
+}
+```
+
+### 🔍 Indexes & Performance
+
+```sql
+-- Primary indexes (automatic)
+CREATE INDEX ON "User"("email");
+CREATE INDEX ON "Membership"("userId", "organizationId");
+CREATE INDEX ON "Campaign"("organizationId");
+CREATE INDEX ON "Content"("campaignId", "status");
+CREATE INDEX ON "Schedule"("runAt", "channel");
+CREATE INDEX ON "AnalyticsEvent"("createdAt", "event");
+
+-- Composite indexes for common queries
+CREATE INDEX ON "Schedule"("campaignId", "runAt");
+CREATE INDEX ON "Content"("status", "createdAt");
+CREATE INDEX ON "AnalyticsEvent"("organizationId", "createdAt");
+```
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 2.0_
+_Maintainer: Engineering Team_
diff --git a/docs/design/schedule/README.md b/docs/design/schedule/README.md
new file mode 100644
index 00000000..6a5eb8bf
--- /dev/null
+++ b/docs/design/schedule/README.md
@@ -0,0 +1,89 @@
+# Schedule Design Mockups
+
+This directory contains design mockups and screenshots for the Schedule interface.
+
+## 📁 File Structure
+
+```
+docs/design/schedule/
+├── README.md                    # This file
+├── day-view/                    # Day view mockups
+│   ├── default.png             # Default day view
+│   ├── with-draft-panel.png    # Day view with draft panel open
+│   └── drag-drop.png           # Drag and drop interaction
+├── week-view/                   # Week view mockups
+│   ├── default.png             # Default week view
+│   ├── with-draft-panel.png    # Week view with draft panel
+│   └── show-draft.png          # Week view showing draft content
+├── month-view/                  # Month view mockups
+│   ├── default.png             # Default month view
+│   └── with-schedules.png      # Month view with scheduled content
+└── components/                  # Component-specific mockups
+    ├── draft-panel.png         # Draft panel component
+    ├── schedule-sheet.png      # Schedule confirmation sheet
+    └── filters.png             # Filter controls
+```
+
+## 🎨 Mockup References
+
+The following mockups are referenced in the documentation:
+
+### Day View
+
+- **Default**: `/mnt/data/Schedule _ Day View.png`
+- **With Draft Panel**: `/mnt/data/Schedule _ Day View _ Show Draft.png`
+- **Drag & Drop**: `/mnt/data/Schedule _ Day View _ Show Draft _ Drag.png`
+
+### Week View
+
+- **Default**: `/mnt/data/Schedule _ Week View.png`
+- **With Draft Panel**: `/mnt/data/Schedule _ Week View _ Show Draft.png`
+- **Show Draft**: `/mnt/data/Schedule _ Week View _ Show Draft-1.png`
+
+### Month View
+
+- **Default**: `/mnt/data/Schedule _ MonthView.png`
+- **With Schedules**: `/mnt/data/Schedule _ MonthView-1.png`
+- **Alternative**: `/mnt/data/Schedule _ MonthView-2.png`
+
+## 📱 Design Specifications
+
+### Color Palette
+
+- **Primary**: Blue (#3b82f6)
+- **Secondary**: Gray (#6b7280)
+- **Success**: Green (#10b981)
+- **Warning**: Yellow (#f59e0b)
+- **Error**: Red (#ef4444)
+
+### Typography
+
+- **Headings**: Inter, font-weight: 600-700
+- **Body**: Inter, font-weight: 400-500
+- **Monospace**: JetBrains Mono (for time displays)
+
+### Spacing
+
+- **Grid**: 4px base unit
+- **Padding**: 16px, 24px, 32px
+- **Margins**: 8px, 16px, 24px, 32px
+
+### Components
+
+- **Cards**: 8px border radius, 1px border
+- **Buttons**: 6px border radius, 8px padding
+- **Inputs**: 6px border radius, 12px padding
+
+## 🔗 Documentation Links
+
+These mockups are referenced in:
+
+- [Schedule UI Guide](../ui/schedule.md)
+- [Product Specification](../../SPEC.md)
+- [API Documentation](../../api/schedules.md)
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Design Team_
diff --git a/docs/playbooks/observability.md b/docs/playbooks/observability.md
new file mode 100644
index 00000000..d7a03e4f
--- /dev/null
+++ b/docs/playbooks/observability.md
@@ -0,0 +1,738 @@
+# Observability Playbook
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Logging Strategy](#logging-strategy)
+- [Error Tracking](#error-tracking)
+- [Health Checks](#health-checks)
+- [Performance Monitoring](#performance-monitoring)
+- [Alerting](#alerting)
+- [Best Practices](#best-practices)
+
+## Overview
+
+Observability là foundation cho maintaining system health, debugging issues, và optimizing performance. Playbook này cover logging, error tracking, health checks, và monitoring strategies cho AiM Platform.
+
+### Observability Pillars
+
+1. **Logs**: Structured logging cho debugging và audit
+2. **Metrics**: Performance và business metrics
+3. **Traces**: Request tracing cho distributed systems
+4. **Alerts**: Proactive notification về issues
+
+## Logging Strategy
+
+### 📝 Log Levels
+
+#### 1. Error (Level 0)
+
+```typescript
+// Critical errors that require immediate attention
+logger.error('Database connection failed', {
+   error: error.message,
+   stack: error.stack,
+   context: { userId, action, timestamp },
+});
+```
+
+#### 2. Warn (Level 1)
+
+```typescript
+// Warning conditions that might indicate problems
+logger.warn('High memory usage detected', {
+   memoryUsage: process.memoryUsage(),
+   threshold: '80%',
+   timestamp: new Date().toISOString(),
+});
+```
+
+#### 3. Info (Level 2)
+
+```typescript
+// General information about application flow
+logger.info('User logged in successfully', {
+   userId,
+   email,
+   role,
+   timestamp: new Date().toISOString(),
+});
+```
+
+#### 4. Debug (Level 3)
+
+```typescript
+// Detailed debugging information
+logger.debug('Processing campaign request', {
+   campaignId,
+   requestData,
+   processingSteps: ['validation', 'permission_check', 'creation'],
+});
+```
+
+### 🏗️ Logging Implementation
+
+#### Structured Logging Setup
+
+```typescript
+// lib/logger.ts
+import pino from 'pino';
+
+const logger = pino({
+   level: process.env.LOG_LEVEL || 'info',
+   timestamp: pino.stdTimeFunctions.isoTime,
+   formatters: {
+      level: (label) => ({ level: label }),
+      log: (object) => object,
+   },
+   serializers: {
+      error: pino.stdSerializers.err,
+      req: pino.stdSerializers.req,
+      res: pino.stdSerializers.res,
+   },
+});
+
+export default logger;
+```
+
+#### Request Logging Middleware
+
+```typescript
+// middleware.ts
+import { NextRequest, NextResponse } from 'next/server';
+import logger from '@/lib/logger';
+
+export function middleware(request: NextRequest) {
+   const start = Date.now();
+
+   logger.info('Incoming request', {
+      method: request.method,
+      url: request.url,
+      userAgent: request.headers.get('user-agent'),
+      ip: request.ip || request.headers.get('x-forwarded-for'),
+   });
+
+   const response = NextResponse.next();
+
+   response.headers.set('x-response-time', `${Date.now() - start}ms`);
+
+   logger.info('Request completed', {
+      method: request.method,
+      url: request.url,
+      status: response.status,
+      duration: Date.now() - start,
+   });
+
+   return response;
+}
+```
+
+#### Business Logic Logging
+
+```typescript
+// lib/services/campaigns.ts
+import logger from '@/lib/logger';
+
+export async function createCampaign(data: CreateCampaignRequest, userId: string) {
+   logger.info('Creating campaign', {
+      userId,
+      campaignName: data.name,
+      organizationId: data.organizationId,
+   });
+
+   try {
+      const campaign = await prisma.campaign.create({
+         data: {
+            ...data,
+            createdById: userId,
+         },
+      });
+
+      logger.info('Campaign created successfully', {
+         campaignId: campaign.id,
+         userId,
+         duration: Date.now() - start,
+      });
+
+      return campaign;
+   } catch (error) {
+      logger.error('Failed to create campaign', {
+         error: error.message,
+         userId,
+         campaignData: data,
+      });
+      throw error;
+   }
+}
+```
+
+### 📊 Log Aggregation
+
+#### Log Storage
+
+```typescript
+// Log to multiple destinations
+const logger = pino({
+   level: 'info',
+   transport: {
+      targets: [
+         // Console output
+         { target: 'pino-pretty', level: 'info' },
+         // File output
+         { target: 'pino/file', level: 'info', options: { destination: './logs/app.log' } },
+         // Remote logging service (optional)
+         {
+            target: 'pino-http-send',
+            level: 'error',
+            options: { destination: process.env.LOG_ENDPOINT },
+         },
+      ],
+   },
+});
+```
+
+## Error Tracking
+
+### 🚨 Error Categories
+
+#### 1. Application Errors
+
+```typescript
+// Custom error classes
+export class ValidationError extends Error {
+   constructor(
+      message: string,
+      public field: string,
+      public value: any
+   ) {
+      super(message);
+      this.name = 'ValidationError';
+   }
+}
+
+export class PermissionError extends Error {
+   constructor(
+      message: string,
+      public userId: string,
+      public requiredPermission: string
+   ) {
+      super(message);
+      this.name = 'PermissionError';
+   }
+}
+
+export class BusinessLogicError extends Error {
+   constructor(
+      message: string,
+      public code: string,
+      public context: any
+   ) {
+      super(message);
+      this.name = 'BusinessLogicError';
+   }
+}
+```
+
+#### 2. Error Handling Middleware
+
+```typescript
+// lib/error-handler.ts
+import logger from '@/lib/logger';
+
+export function handleError(error: Error, req: NextRequest) {
+   // Log error with context
+   logger.error('Unhandled error', {
+      error: {
+         name: error.name,
+         message: error.message,
+         stack: error.stack,
+      },
+      request: {
+         method: req.method,
+         url: req.url,
+         userId: req.headers.get('x-user-id'),
+      },
+      timestamp: new Date().toISOString(),
+   });
+
+   // Return appropriate error response
+   if (error instanceof ValidationError) {
+      return NextResponse.json(
+         {
+            error: 'E_VALIDATION',
+            message: error.message,
+            field: error.field,
+         },
+         { status: 400 }
+      );
+   }
+
+   if (error instanceof PermissionError) {
+      return NextResponse.json(
+         {
+            error: 'E_FORBIDDEN',
+            message: error.message,
+         },
+         { status: 403 }
+      );
+   }
+
+   // Default error response
+   return NextResponse.json(
+      {
+         error: 'E_INTERNAL_ERROR',
+         message: 'Internal server error',
+      },
+      { status: 500 }
+   );
+}
+```
+
+#### 3. Sentry Integration (Optional)
+
+```typescript
+// lib/sentry.ts
+import * as Sentry from '@sentry/nextjs';
+
+Sentry.init({
+   dsn: process.env.SENTRY_DSN,
+   environment: process.env.NODE_ENV,
+   tracesSampleRate: 1.0,
+   integrations: [new Sentry.BrowserTracing(), new Sentry.Replay()],
+});
+
+export function captureError(error: Error, context?: any) {
+   Sentry.captureException(error, {
+      extra: context,
+   });
+}
+```
+
+## Health Checks
+
+### 🏥 Health Check Endpoints
+
+#### 1. Basic Health Check
+
+```typescript
+// app/api/health/route.ts
+import { NextResponse } from 'next/server';
+import prisma from '@/lib/prisma';
+import logger from '@/lib/logger';
+
+export async function GET() {
+   const start = Date.now();
+   const health = {
+      status: 'healthy',
+      timestamp: new Date().toISOString(),
+      uptime: process.uptime(),
+      environment: process.env.NODE_ENV,
+      version: process.env.npm_package_version,
+      checks: {} as Record<string, any>,
+   };
+
+   try {
+      // Database health check
+      await prisma.$queryRaw`SELECT 1`;
+      health.checks.database = { status: 'healthy', responseTime: Date.now() - start };
+   } catch (error) {
+      health.status = 'unhealthy';
+      health.checks.database = {
+         status: 'unhealthy',
+         error: error.message,
+         responseTime: Date.now() - start,
+      };
+      logger.error('Database health check failed', { error: error.message });
+   }
+
+   // External service health checks
+   try {
+      // AI service health check
+      const aiResponse = await fetch(process.env.OPENAI_API_URL + '/health');
+      health.checks.ai = {
+         status: aiResponse.ok ? 'healthy' : 'unhealthy',
+         responseTime: Date.now() - start,
+      };
+   } catch (error) {
+      health.checks.ai = {
+         status: 'unhealthy',
+         error: error.message,
+         responseTime: Date.now() - start,
+      };
+   }
+
+   const statusCode = health.status === 'healthy' ? 200 : 503;
+
+   logger.info('Health check completed', {
+      status: health.status,
+      responseTime: Date.now() - start,
+      checks: Object.keys(health.checks),
+   });
+
+   return NextResponse.json(health, { status: statusCode });
+}
+```
+
+#### 2. Detailed Health Check
+
+```typescript
+// app/api/health/detailed/route.ts
+export async function GET() {
+   const detailedHealth = {
+      system: {
+         memory: process.memoryUsage(),
+         cpu: process.cpuUsage(),
+         platform: process.platform,
+         nodeVersion: process.version,
+      },
+      database: {
+         connectionPool: await getConnectionPoolStatus(),
+         migrations: await getMigrationStatus(),
+         performance: await getDatabasePerformance(),
+      },
+      external: {
+         ai: await checkAIService(),
+         storage: await checkStorageService(),
+         email: await checkEmailService(),
+      },
+   };
+
+   return NextResponse.json(detailedHealth);
+}
+```
+
+### 📊 Health Check Monitoring
+
+#### 1. Health Check Dashboard
+
+```typescript
+// components/health-dashboard.tsx
+export function HealthDashboard() {
+  const [health, setHealth] = useState<HealthStatus | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const checkHealth = async () => {
+      try {
+        const response = await fetch('/api/health');
+        const data = await response.json();
+        setHealth(data);
+      } catch (error) {
+        setHealth({ status: 'unhealthy', error: error.message });
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    checkHealth();
+    const interval = setInterval(checkHealth, 30000); // Check every 30 seconds
+
+    return () => clearInterval(interval);
+  }, []);
+
+  if (loading) return <div>Checking system health...</div>;
+
+  return (
+    <div className="health-dashboard">
+      <div className={`status ${health?.status}`}>
+        System Status: {health?.status}
+      </div>
+      {health?.checks && (
+        <div className="checks">
+          {Object.entries(health.checks).map(([name, check]) => (
+            <div key={name} className={`check ${check.status}`}>
+              {name}: {check.status}
+              {check.responseTime && <span>({check.responseTime}ms)</span>}
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+```
+
+## Performance Monitoring
+
+### 📈 Performance Metrics
+
+#### 1. API Response Times
+
+```typescript
+// lib/performance.ts
+export function measurePerformance<T>(operation: string, fn: () => Promise<T>): Promise<T> {
+   const start = Date.now();
+
+   return fn().finally(() => {
+      const duration = Date.now() - start;
+
+      logger.info('Performance measurement', {
+         operation,
+         duration,
+         timestamp: new Date().toISOString(),
+      });
+
+      // Send to metrics service
+      recordMetric('api_response_time', duration, { operation });
+   });
+}
+
+// Usage in API routes
+export async function GET(request: NextRequest) {
+   return measurePerformance('get_campaigns', async () => {
+      // API logic here
+      const campaigns = await prisma.campaign.findMany();
+      return NextResponse.json(campaigns);
+   });
+}
+```
+
+#### 2. Database Query Performance
+
+```typescript
+// lib/prisma-performance.ts
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient({
+   log: [
+      {
+         emit: 'event',
+         level: 'query',
+      },
+   ],
+});
+
+prisma.$on('query', (e) => {
+   logger.info('Database query', {
+      query: e.query,
+      params: e.params,
+      duration: e.duration,
+      timestamp: new Date().toISOString(),
+   });
+
+   // Alert on slow queries
+   if (e.duration > 1000) {
+      // > 1 second
+      logger.warn('Slow database query detected', {
+         query: e.query,
+         duration: e.duration,
+         threshold: 1000,
+      });
+   }
+});
+```
+
+### 📊 Metrics Collection
+
+#### 1. Custom Metrics
+
+```typescript
+// lib/metrics.ts
+export class MetricsCollector {
+   private metrics: Map<string, number[]> = new Map();
+
+   recordMetric(name: string, value: number, labels?: Record<string, string>) {
+      const key = this.buildKey(name, labels);
+      if (!this.metrics.has(key)) {
+         this.metrics.set(key, []);
+      }
+      this.metrics.get(key)!.push(value);
+   }
+
+   getMetrics() {
+      const result: Record<string, any> = {};
+
+      for (const [key, values] of this.metrics) {
+         result[key] = {
+            count: values.length,
+            sum: values.reduce((a, b) => a + b, 0),
+            average: values.reduce((a, b) => a + b, 0) / values.length,
+            min: Math.min(...values),
+            max: Math.max(...values),
+         };
+      }
+
+      return result;
+   }
+
+   private buildKey(name: string, labels?: Record<string, string>): string {
+      if (!labels) return name;
+      const labelStr = Object.entries(labels)
+         .map(([k, v]) => `${k}=${v}`)
+         .join(',');
+      return `${name}{${labelStr}}`;
+   }
+}
+
+export const metrics = new MetricsCollector();
+```
+
+#### 2. Metrics Endpoint
+
+```typescript
+// app/api/metrics/route.ts
+import { NextResponse } from 'next/server';
+import { metrics } from '@/lib/metrics';
+
+export async function GET() {
+   const currentMetrics = metrics.getMetrics();
+
+   return NextResponse.json({
+      timestamp: new Date().toISOString(),
+      metrics: currentMetrics,
+   });
+}
+```
+
+## Alerting
+
+### 🚨 Alert Configuration
+
+#### 1. Alert Rules
+
+```typescript
+// lib/alerts.ts
+export interface AlertRule {
+   name: string;
+   condition: (metrics: any) => boolean;
+   severity: 'low' | 'medium' | 'high' | 'critical';
+   message: string;
+   cooldown: number; // seconds
+}
+
+export const alertRules: AlertRule[] = [
+   {
+      name: 'high_error_rate',
+      condition: (metrics) => metrics.error_rate > 0.05, // > 5%
+      severity: 'high',
+      message: 'Error rate is above 5%',
+      cooldown: 300, // 5 minutes
+   },
+   {
+      name: 'slow_response_time',
+      condition: (metrics) => metrics.avg_response_time > 2000, // > 2 seconds
+      severity: 'medium',
+      message: 'Average response time is above 2 seconds',
+      cooldown: 600, // 10 minutes
+   },
+   {
+      name: 'database_connection_failed',
+      condition: (metrics) => metrics.database_health === 'unhealthy',
+      severity: 'critical',
+      message: 'Database connection failed',
+      cooldown: 60, // 1 minute
+   },
+];
+```
+
+#### 2. Alert Notifications
+
+```typescript
+// lib/alert-notifier.ts
+export class AlertNotifier {
+   private lastAlert: Map<string, number> = new Map();
+
+   async sendAlert(rule: AlertRule, context: any) {
+      const now = Date.now();
+      const lastSent = this.lastAlert.get(rule.name) || 0;
+
+      if (now - lastSent < rule.cooldown * 1000) {
+         return; // Still in cooldown
+      }
+
+      const alert = {
+         name: rule.name,
+         severity: rule.severity,
+         message: rule.message,
+         context,
+         timestamp: new Date().toISOString(),
+      };
+
+      // Send to different channels based on severity
+      switch (rule.severity) {
+         case 'critical':
+            await this.sendCriticalAlert(alert);
+            break;
+         case 'high':
+            await this.sendHighPriorityAlert(alert);
+            break;
+         case 'medium':
+            await this.sendMediumPriorityAlert(alert);
+            break;
+         case 'low':
+            await this.sendLowPriorityAlert(alert);
+            break;
+      }
+
+      this.lastAlert.set(rule.name, now);
+   }
+
+   private async sendCriticalAlert(alert: any) {
+      // Send to Slack, email, phone
+      await this.sendSlackAlert(alert, '#alerts-critical');
+      await this.sendEmailAlert(alert, 'oncall@company.com');
+      await this.sendSMSAlert(alert);
+   }
+
+   private async sendSlackAlert(alert: any, channel: string) {
+      // Slack integration
+      const message = {
+         channel,
+         text: `🚨 ${alert.severity.toUpperCase()} ALERT: ${alert.message}`,
+         attachments: [
+            {
+               fields: [
+                  { title: 'Alert', value: alert.name },
+                  { title: 'Severity', value: alert.severity },
+                  { title: 'Time', value: alert.timestamp },
+                  { title: 'Context', value: JSON.stringify(alert.context, null, 2) },
+               ],
+            },
+         ],
+      };
+
+      // Send to Slack webhook
+      await fetch(process.env.SLACK_WEBHOOK_URL, {
+         method: 'POST',
+         headers: { 'Content-Type': 'application/json' },
+         body: JSON.stringify(message),
+      });
+   }
+}
+```
+
+## Best Practices
+
+### 🔒 Security
+
+- **Log Sanitization**: Never log sensitive data (passwords, tokens, PII)
+- **Access Control**: Restrict access to logs và metrics
+- **Audit Trail**: Log all security-related events
+- **Data Retention**: Implement log rotation và retention policies
+
+### 📊 Performance
+
+- **Async Logging**: Use async logging để avoid blocking
+- **Batch Processing**: Batch logs và metrics khi possible
+- **Sampling**: Implement sampling cho high-volume operations
+- **Caching**: Cache frequently accessed metrics
+
+### 🧪 Testing
+
+- **Test Alerts**: Verify alerting system works correctly
+- **Load Testing**: Test logging performance under load
+- **Error Scenarios**: Test error handling và logging
+- **Health Checks**: Test health check endpoints
+
+### 📝 Documentation
+
+- **Alert Runbooks**: Document how to respond to each alert
+- **Log Formats**: Document log structure và fields
+- **Metrics Definitions**: Document what each metric means
+- **Troubleshooting**: Document common issues và solutions
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: DevOps Team_
diff --git a/docs/playbooks/rollback.md b/docs/playbooks/rollback.md
new file mode 100644
index 00000000..d078ac74
--- /dev/null
+++ b/docs/playbooks/rollback.md
@@ -0,0 +1,407 @@
+# Rollback Playbook
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [PR Rollback](#pr-rollback)
+- [Database Migration Rollback](#database-migration-rollback)
+- [Feature Flag Rollback](#feature-flag-rollback)
+- [Emergency Procedures](#emergency-procedures)
+- [Post-Rollback Actions](#post-rollback-actions)
+
+## Overview
+
+Rollback procedures là critical cho maintaining system stability và minimizing downtime. Playbook này cover các scenarios chính: PR rollback, database migration rollback, và feature flag rollback.
+
+### Rollback Principles
+
+1. **Speed**: Rollback phải nhanh để minimize impact
+2. **Safety**: Rollback process phải safe và reliable
+3. **Communication**: Team phải được notify về rollback
+4. **Documentation**: Tất cả rollbacks phải được documented
+5. **Testing**: Rollback phải được tested trước khi production
+
+## PR Rollback
+
+### 🚨 When to Rollback PR
+
+- **Critical Bugs**: Production-breaking issues
+- **Performance Issues**: Significant performance degradation
+- **Security Issues**: Security vulnerabilities
+- **User Complaints**: Multiple user reports về issues
+- **System Instability**: Unstable system behavior
+
+### 📋 PR Rollback Steps
+
+#### 1. Immediate Assessment
+
+```bash
+# Check current deployment status
+git log --oneline -10
+git status
+git branch -a
+
+# Identify the problematic commit
+git show <commit-hash>
+```
+
+#### 2. Create Rollback Branch
+
+```bash
+# Create rollback branch từ previous stable commit
+git checkout -b rollback/emergency-rollback-$(date +%Y%m%d-%H%M%S)
+git reset --hard <previous-stable-commit>
+
+# Force push rollback branch
+git push origin rollback/emergency-rollback-$(date +%Y%m%d-%H%M%S) --force
+```
+
+#### 3. Deploy Rollback
+
+```bash
+# Deploy rollback branch
+pnpm build
+pnpm start
+
+# Verify deployment
+curl http://localhost:3000/api/health
+```
+
+#### 4. Notify Team
+
+```slack
+🚨 EMERGENCY ROLLBACK
+PR: #123 - Add new feature
+Reason: Critical bug causing system instability
+Rollback to: commit abc123
+Status: Deployed and verified
+```
+
+### 🔍 PR Rollback Verification
+
+- [ ] System health checks pass
+- [ ] Critical functionality working
+- [ ] Performance metrics normal
+- [ ] User reports resolved
+- [ ] Team notified
+
+## Database Migration Rollback
+
+### 🚨 When to Rollback Migration
+
+- **Data Corruption**: Data integrity issues
+- **Performance Issues**: Significant query performance degradation
+- **Application Errors**: App crashes due to schema changes
+- **Rollback Request**: Business request to revert changes
+
+### 📋 Migration Rollback Steps
+
+#### 1. Assess Migration Status
+
+```bash
+# Check migration history
+pnpm prisma migrate status
+
+# Check current database state
+pnpm prisma db pull
+```
+
+#### 2. Create Rollback Migration
+
+```bash
+# Generate rollback migration
+pnpm prisma migrate dev --create-only --name rollback_previous_migration
+
+# Edit generated migration file
+# Add rollback SQL commands
+```
+
+#### 3. Test Rollback Migration
+
+```bash
+# Test rollback locally
+pnpm prisma migrate reset
+pnpm prisma migrate deploy
+pnpm prisma db seed
+
+# Verify data integrity
+pnpm test:db
+```
+
+#### 4. Deploy Rollback Migration
+
+```bash
+# Deploy rollback migration
+pnpm prisma migrate deploy
+
+# Verify rollback success
+pnpm prisma migrate status
+```
+
+### 🔍 Migration Rollback Verification
+
+- [ ] Database schema reverted
+- [ ] Data integrity maintained
+- [ ] Application functionality restored
+- [ ] Performance metrics normal
+- [ ] Rollback documented
+
+### 📝 Rollback Migration Example
+
+```sql
+-- Migration: rollback_previous_migration
+-- Rollback: add_user_status_field
+
+-- Rollback: Remove status field from User table
+ALTER TABLE "User" DROP COLUMN "status";
+
+-- Rollback: Remove status enum
+DROP TYPE "UserStatus";
+```
+
+## Feature Flag Rollback
+
+### 🚨 When to Rollback Feature Flag
+
+- **User Complaints**: Negative user feedback
+- **Performance Issues**: Feature causing performance problems
+- **Business Request**: Business decision to disable feature
+- **Bug Reports**: Feature has critical bugs
+
+### 📋 Feature Flag Rollback Steps
+
+#### 1. Identify Feature Flag
+
+```typescript
+// Check feature flag configuration
+const featureFlags = {
+   NEW_CONTENT_EDITOR: false, // Disable problematic feature
+   AI_CONTENT_GENERATION: true, // Keep working features
+   ADVANCED_ANALYTICS: false, // Disable if causing issues
+};
+```
+
+#### 2. Update Feature Flag
+
+```typescript
+// Update feature flag configuration
+export const FEATURE_FLAGS = {
+   NEW_CONTENT_EDITOR: false, // Rollback to false
+   AI_CONTENT_GENERATION: true,
+   ADVANCED_ANALYTICS: false,
+};
+
+// Or use environment variable
+export const NEW_CONTENT_EDITOR_ENABLED = process.env.NEW_CONTENT_EDITOR_ENABLED === 'true';
+```
+
+#### 3. Deploy Feature Flag Change
+
+```bash
+# Deploy updated configuration
+pnpm build
+pnpm start
+
+# Verify feature flag change
+curl http://localhost:3000/api/health
+```
+
+#### 4. Monitor Rollback
+
+```typescript
+// Add monitoring cho feature flag rollback
+if (FEATURE_FLAGS.NEW_CONTENT_EDITOR) {
+   console.log('New content editor enabled');
+} else {
+   console.log('New content editor rolled back - using legacy editor');
+   // Fallback to legacy implementation
+}
+```
+
+### 🔍 Feature Flag Rollback Verification
+
+- [ ] Feature flag disabled
+- [ ] Legacy functionality restored
+- [ ] User experience improved
+- [ ] Performance metrics normal
+- [ ] Rollback documented
+
+## Emergency Procedures
+
+### 🚨 Critical System Failure
+
+#### 1. Immediate Response
+
+```bash
+# Stop current deployment
+pm2 stop all
+# or
+docker-compose down
+
+# Revert to last known good state
+git checkout <last-known-good-commit>
+```
+
+#### 2. Emergency Communication
+
+```slack
+🚨 CRITICAL SYSTEM FAILURE
+Status: System down, emergency rollback in progress
+ETA: 15 minutes
+Team: @oncall @engineering
+```
+
+#### 3. Emergency Rollback
+
+```bash
+# Deploy emergency rollback
+git reset --hard <emergency-rollback-commit>
+pnpm install
+pnpm build
+pnpm start
+
+# Verify system recovery
+curl http://localhost:3000/api/health
+```
+
+### 🚨 Data Loss Prevention
+
+```bash
+# Backup current database trước khi rollback
+pg_dump $DATABASE_URL > backup_$(date +%Y%m%d_%H%M%S).sql
+
+# Verify backup integrity
+pg_restore --dry-run backup_$(date +%Y%m%d_%H%M%S).sql
+```
+
+## Post-Rollback Actions
+
+### 📋 Immediate Actions
+
+1. **Document Rollback**: Record reason, impact, và actions taken
+2. **Notify Stakeholders**: Update business team về rollback
+3. **Investigate Root Cause**: Analyze why rollback was necessary
+4. **Update Rollback Plan**: Improve rollback procedures based on lessons learned
+
+### 📝 Rollback Documentation Template
+
+```markdown
+# Rollback Report
+
+## Incident Details
+
+- **Date**: 2025-01-02
+- **Time**: 14:30 UTC
+- **Type**: PR Rollback
+- **PR**: #123 - Add new feature
+
+## Rollback Reason
+
+Critical bug causing system instability and user complaints
+
+## Actions Taken
+
+1. Identified problematic commit
+2. Created emergency rollback branch
+3. Deployed rollback to production
+4. Verified system stability
+
+## Impact
+
+- **Downtime**: 15 minutes
+- **Users Affected**: ~500 active users
+- **Data Loss**: None
+- **Business Impact**: Minimal
+
+## Root Cause Analysis
+
+- Insufficient testing of edge cases
+- Missing error handling in new feature
+- Inadequate monitoring of system health
+
+## Prevention Measures
+
+1. Improve testing coverage
+2. Add comprehensive error handling
+3. Implement better monitoring
+4. Review deployment procedures
+```
+
+### 🔄 Recovery Planning
+
+1. **Fix Original Issue**: Address root cause của original problem
+2. **Improve Testing**: Enhance test coverage và quality gates
+3. **Update Procedures**: Improve rollback và deployment processes
+4. **Team Training**: Train team on improved procedures
+
+## Best Practices
+
+### 🔒 Rollback Preparation
+
+- **Always have rollback plan**: Prepare rollback procedures trước khi deploy
+- **Test rollback procedures**: Verify rollback works trong staging environment
+- **Document rollback steps**: Clear, step-by-step rollback instructions
+- **Train team**: Ensure team knows how to execute rollback
+
+### 🚨 Emergency Response
+
+- **Act quickly**: Time is critical trong emergency situations
+- **Communicate clearly**: Keep team và stakeholders informed
+- **Follow procedures**: Stick to documented rollback procedures
+- **Document everything**: Record all actions và decisions
+
+### 📊 Post-Rollback Analysis
+
+- **Analyze root cause**: Understand why rollback was necessary
+- **Improve processes**: Update procedures based on lessons learned
+- **Team review**: Conduct post-mortem với team
+- **Update documentation**: Keep rollback procedures current
+
+## Tools & Commands
+
+### 🔧 Essential Commands
+
+```bash
+# Git operations
+git log --oneline -10
+git reset --hard <commit>
+git checkout -b rollback/emergency-$(date +%Y%m%d-%H%M%S)
+
+# Database operations
+pnpm prisma migrate status
+pnpm prisma migrate reset
+pnpm prisma db pull
+
+# Application operations
+pnpm build
+pnpm start
+curl http://localhost:3000/api/health
+
+# Monitoring
+pm2 status
+docker-compose ps
+```
+
+### 📱 Communication Templates
+
+```slack
+# Rollback Notification
+🚨 ROLLBACK EXECUTED
+Feature: <feature-name>
+Reason: <reason>
+Status: <status>
+ETA: <estimated-time>
+
+# Emergency Response
+🚨 EMERGENCY ROLLBACK IN PROGRESS
+Issue: <issue-description>
+Impact: <impact-level>
+ETA: <estimated-time>
+Team: @oncall @engineering
+```
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: DevOps Team_
diff --git a/docs/tasks/PR-001-auth-prisma.md b/docs/tasks/PR-001-auth-prisma.md
new file mode 100644
index 00000000..c1c63069
--- /dev/null
+++ b/docs/tasks/PR-001-auth-prisma.md
@@ -0,0 +1,291 @@
+# PR-001: Authentication & Prisma Foundation
+
+## 🎯 Goal
+
+Setup foundation cho AiM Platform với NextAuth.js authentication và Prisma ORM integration.
+
+## 📋 Acceptance Criteria
+
+### Authentication
+
+- [x] NextAuth.js v5 configured với credentials provider
+- [x] User model với email/password authentication
+- [x] Session management và JWT handling
+- [x] Protected routes middleware
+- [x] Login/signup pages implemented
+
+### Database & Prisma
+
+- [x] Prisma schema với core models (User, Organization, Membership)
+- [x] Database migrations generated và applied
+- [x] Prisma client generated và configured
+- [x] Database seeding script với sample data
+- [x] Environment configuration cho database
+
+### Security
+
+- [x] Password hashing với bcrypt
+- [x] Input validation với Zod schemas
+- [x] Environment variables validation
+- [x] Basic RBAC foundation
+
+## 📁 Files to Modify
+
+### New Files ✅ COMPLETED
+
+- `lib/auth.ts` - NextAuth configuration ✅
+- `lib/prisma.ts` - Prisma client setup ✅
+- `lib/schemas.ts` - Zod validation schemas ✅
+- `middleware.ts` - Route protection ✅
+- `prisma/schema.prisma` - Database schema ✅
+- `db/seed.ts` - Database seeding script ✅
+- `app/auth/signin/page.tsx` - Login page ✅
+- `app/auth/signup/page.tsx` - Signup page ✅
+
+### Modified Files ✅ COMPLETED
+
+- `package.json` - Add dependencies ✅
+- `.gitignore` - Allow .env.example ✅
+- `tsconfig.json` - TypeScript paths ✅
+
+## 🚀 Commands to Run
+
+### Setup ✅ COMPLETED
+
+```bash
+# Install dependencies ✅
+pnpm add next-auth@beta @prisma/client bcryptjs zod
+pnpm add -D prisma @types/bcryptjs
+
+# Generate Prisma client ✅
+pnpm prisma generate
+
+# Push schema to database ✅
+pnpm prisma db push
+
+# Seed database ✅
+pnpm prisma db seed
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Check database
+pnpm prisma studio
+
+# Run type check
+pnpm typecheck
+
+# Run linting
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run E2E tests
+pnpm test:e2e
+```
+
+## 🧪 Test Steps
+
+### Manual Testing ✅ COMPLETED
+
+1. **Database Setup**
+
+   - [x] Verify Prisma schema generates without errors ✅
+   - [x] Confirm database migrations apply successfully ✅
+   - [x] Check seed script creates sample data ✅
+
+2. **Authentication Flow**
+
+   - [x] Visit `/auth/signin` page ✅
+   - [x] Create new user account ✅
+   - [x] Verify login redirects to dashboard ✅
+   - [x] Test protected route access ✅
+   - [x] Verify logout functionality ✅
+
+3. **API Endpoints**
+   - [x] Test `/api/auth/signin` endpoint ✅
+   - [x] Test `/api/auth/signout` endpoint ✅
+   - [x] Test `/api/me` endpoint với authentication ✅
+   - [x] Verify unauthorized access returns 401 ✅
+
+### Automated Testing ✅ COMPLETED
+
+```bash
+# Run all tests ✅
+pnpm test
+
+# Verify test coverage > 80% ✅
+pnpm test:coverage
+
+# Check for TypeScript errors ✅
+pnpm typecheck
+
+# Verify linting passes ✅
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Security ✅ COMPLETED
+
+- [x] Passwords properly hashed với bcrypt ✅
+- [x] Input validation implemented với Zod ✅
+- [x] Environment variables validated ✅
+- [x] No sensitive data in logs ✅
+- [x] Protected routes properly secured ✅
+
+### Code Quality ✅ COMPLETED
+
+- [x] TypeScript types properly defined ✅
+- [x] Error handling implemented ✅
+- [x] Code follows style guidelines ✅
+- [x] No console.log statements ✅
+- [x] Proper JSDoc documentation ✅
+
+### Database ✅ COMPLETED
+
+- [x] Prisma schema follows best practices ✅
+- [x] Proper relationships defined ✅
+- [x] Indexes added for performance ✅
+- [x] Migrations are reversible ✅
+- [x] Seed script creates realistic data ✅
+
+## 🚨 Rollback Plan
+
+### Database Rollback
+
+```bash
+# Reset database to previous state
+pnpm prisma migrate reset
+
+# Or manually revert schema changes
+# Edit prisma/schema.prisma and reapply
+```
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove next-auth @prisma/client bcryptjs zod
+pnpm remove -D prisma @types/bcryptjs
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics ✅ COMPLETED
+
+- [x] All tests passing (100%) ✅
+- [x] TypeScript compilation successful ✅
+- [x] Linting passes without errors ✅
+- [x] Database migrations successful ✅
+- [x] Seed script runs without errors ✅
+
+### Functional Metrics ✅ COMPLETED
+
+- [x] User can create account ✅
+- [x] User can login/logout ✅
+- [x] Protected routes block unauthorized access ✅
+- [x] Session persists across page reloads ✅
+- [x] Database contains seeded data ✅
+
+### Performance Metrics ✅ COMPLETED
+
+- [x] Page load time < 2 seconds ✅
+- [x] Database queries < 100ms ✅
+- [x] Authentication response < 500ms ✅
+- [x] No memory leaks detected ✅
+
+## 🔗 Related Documentation
+
+- [Authentication Guide](./../SECURITY.md#authentication)
+- [Database Schema](./../data-model.md)
+- [API Documentation](./../api/)
+- [Security Best Practices](./../SECURITY.md)
+
+## 📝 Notes
+
+### Dependencies
+
+- NextAuth.js v5 (beta) - Latest authentication solution
+- Prisma 6 - Modern ORM với type safety
+- bcryptjs - Password hashing
+- Zod - Runtime type validation
+
+### Environment Variables
+
+```env
+# Required
+DATABASE_URL="postgresql://user:pass@localhost:5432/aim_db"
+NEXTAUTH_SECRET="your-secret-key"
+NEXTAUTH_URL="http://localhost:3000"
+
+# Optional
+NODE_ENV="development"
+LOG_LEVEL="info"
+```
+
+### Database Schema Highlights
+
+- **User**: Core user entity với authentication
+- **Organization**: Multi-tenant container
+- **Membership**: User-org relationship với roles
+- **Audit fields**: createdAt, updatedAt cho all entities
+
+---
+
+## 🎉 IMPLEMENTATION COMPLETION STATUS
+
+### ✅ **PR-001: Authentication & Prisma Foundation - HOÀN THÀNH 100%**
+
+**Completion Date**: 2025-01-02  
+**Implementation Time**: ~2 hours  
+**Status**: READY FOR PRODUCTION
+
+### **📋 Final Checklist Summary**
+
+- [x] **Authentication System**: NextAuth v5 + Credentials Provider
+- [x] **Database Foundation**: Prisma 6 + PostgreSQL + Seeding
+- [x] **Security Layer**: Password Hashing + Route Protection + Validation
+- [x] **Testing Coverage**: 100% Test Pass Rate + TypeScript Compilation
+- [x] **Code Quality**: Linting + Error Handling + Documentation
+
+### **🚀 Ready for Next Phase**
+
+- Foundation hoàn thành, sẵn sàng cho PR-002: Campaigns & Content CRUD
+- Authentication system đã được test và validate
+- Database schema đã được optimize và seeded
+- All security requirements đã được implement
+
+---
+
+_Created: 2025-01-02_  
+_Completed: 2025-01-02_  
+_Assignee: Backend Team_  
+_Priority: High_  
+_Estimated Time: 2-3 days_  
+_Actual Time: 2 hours_
diff --git a/docs/tasks/PR-002-campaigns-content-crud.md b/docs/tasks/PR-002-campaigns-content-crud.md
new file mode 100644
index 00000000..ebbe357e
--- /dev/null
+++ b/docs/tasks/PR-002-campaigns-content-crud.md
@@ -0,0 +1,308 @@
+# PR-002: Campaigns & Content CRUD Operations
+
+## 🎯 Goal
+
+Implement core CRUD operations cho campaigns và content management với proper RBAC và validation.
+
+## 📋 Acceptance Criteria
+
+### Campaign Management
+
+- [ ] Campaign CRUD API endpoints implemented
+- [ ] Campaign list page với pagination và filtering
+- [ ] Campaign creation form với validation
+- [ ] Campaign edit/delete functionality
+- [ ] Role-based access control (Brand Owner + Admin only)
+
+### Content Management
+
+- [ ] Content CRUD API endpoints implemented
+- [ ] Content editor với rich text support
+- [ ] Content approval workflow (Draft → Submitted → Approved)
+- [ ] Content linking với campaigns
+- [ ] Role-based permissions (Creators can create, Brand Owners can approve)
+
+### UI Components
+
+- [ ] Campaign list component với search/filter
+- [ ] Campaign form component với validation
+- [ ] Content editor component
+- [ ] Content approval queue component
+- [ ] Responsive design cho mobile
+
+## 📁 Files to Modify
+
+### New Files
+
+- `app/api/[orgId]/campaigns/route.ts` - Campaign CRUD API
+- `app/api/[orgId]/campaigns/[id]/route.ts` - Individual campaign API
+- `app/api/[orgId]/content/route.ts` - Content CRUD API
+- `app/api/[orgId]/content/[id]/route.ts` - Individual content API
+- `app/campaigns/page.tsx` - Campaigns list page
+- `app/campaigns/[id]/page.tsx` - Campaign detail page
+- `app/campaigns/new/page.tsx` - Create campaign page
+- `app/content/page.tsx` - Content list page
+- `app/content/[id]/page.tsx` - Content detail page
+- `app/content/new/page.tsx` - Create content page
+
+### New Components
+
+- `components/campaigns/campaign-list.tsx` - Campaign list component
+- `components/campaigns/campaign-form.tsx` - Campaign form component
+- `components/campaigns/campaign-card.tsx` - Campaign card component
+- `components/content/content-editor.tsx` - Rich text editor
+- `components/content/content-list.tsx` - Content list component
+- `components/content/approval-queue.tsx` - Approval queue component
+
+### Modified Files
+
+- `lib/rbac.ts` - Add campaign/content permissions
+- `lib/schemas.ts` - Add campaign/content validation schemas
+- `components/layout/sidebar.tsx` - Add navigation links
+- `middleware.ts` - Add route protection
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add @tiptap/react @tiptap/pm @tiptap/starter-kit
+pnpm add -D @types/node
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+
+# Run database migrations
+pnpm prisma migrate dev --name add_campaigns_content
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Check database
+pnpm prisma studio
+
+# Run type check
+pnpm typecheck
+
+# Run linting
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test files
+pnpm test -- campaigns.test.tsx
+pnpm test -- content.test.tsx
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **Campaign Management**
+
+   - [ ] Create new campaign với valid data
+   - [ ] Edit existing campaign
+   - [ ] Delete campaign (with confirmation)
+   - [ ] Test role-based access (Creator cannot create campaigns)
+   - [ ] Verify pagination và filtering work
+
+2. **Content Management**
+
+   - [ ] Create new content trong campaign
+   - [ ] Edit content với rich text editor
+   - [ ] Submit content for approval
+   - [ ] Approve/reject content (Brand Owner role)
+   - [ ] Test content status workflow
+
+3. **API Endpoints**
+   - [ ] Test campaign CRUD endpoints
+   - [ ] Test content CRUD endpoints
+   - [ ] Verify permission checks
+   - [ ] Test validation errors
+   - [ ] Verify pagination parameters
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Security
+
+- [ ] RBAC implemented cho all operations
+- [ ] Input validation với Zod schemas
+- [ ] Permission checks ở API level
+- [ ] No sensitive data exposure
+- [ ] SQL injection prevention
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### UI/UX
+
+- [ ] Responsive design implemented
+- [ ] Loading states handled
+- [ ] Error states displayed
+- [ ] Success feedback provided
+- [ ] Accessibility considerations
+
+### Performance
+
+- [ ] Pagination implemented
+- [ ] Database queries optimized
+- [ ] No N+1 query problems
+- [ ] Proper indexing added
+- [ ] Lazy loading implemented
+
+## 🚨 Rollback Plan
+
+### Database Rollback
+
+```bash
+# Reset to previous migration
+pnpm prisma migrate reset
+
+# Or manually revert schema changes
+# Edit prisma/schema.prisma and reapply
+```
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove @tiptap/react @tiptap/pm @tiptap/starter-kit
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] API response time < 200ms
+- [ ] Database query time < 100ms
+
+### Functional Metrics
+
+- [ ] Users can create/edit/delete campaigns
+- [ ] Users can create/edit content
+- [ ] Approval workflow functions correctly
+- [ ] Role-based access works properly
+- [ ] Pagination và filtering work
+
+### Performance Metrics
+
+- [ ] Page load time < 2 seconds
+- [ ] API response time < 500ms
+- [ ] Database queries < 200ms
+- [ ] No memory leaks detected
+- [ ] Smooth scrolling và interactions
+
+## 🔗 Related Documentation
+
+- [Campaigns API](./../api/campaigns.md)
+- [Content API](./../api/content.md)
+- [RBAC System](./../SECURITY.md#authorization--rbac)
+- [Data Model](./../data-model.md)
+
+## 📝 Notes
+
+### Dependencies
+
+- **@tiptap/react** - Rich text editor cho content
+- **@tiptap/starter-kit** - Basic editor features
+- **@tiptap/pm** - ProseMirror integration
+
+### API Endpoints
+
+```typescript
+// Campaigns
+GET / api / [orgId] / campaigns; // List campaigns
+POST / api / [orgId] / campaigns; // Create campaign
+GET / api / [orgId] / campaigns / [id]; // Get campaign
+PUT / api / [orgId] / campaigns / [id]; // Update campaign
+DELETE / api / [orgId] / campaigns / [id]; // Delete campaign
+
+// Content
+GET / api / [orgId] / content; // List content
+POST / api / [orgId] / content; // Create content
+GET / api / [orgId] / content / [id]; // Get content
+PUT / api / [orgId] / content / [id]; // Update content
+DELETE / api / [orgId] / content / [id]; // Delete content
+POST / api / [orgId] / content / [id] / submit; // Submit for approval
+POST / api / [orgId] / content / [id] / approve; // Approve content
+POST / api / [orgId] / content / [id] / reject; // Reject content
+```
+
+### Permission Matrix
+
+| Action           | Creator | Brand Owner | Admin |
+| ---------------- | ------- | ----------- | ----- |
+| View Campaigns   | ✅      | ✅          | ✅    |
+| Create Campaigns | ❌      | ✅          | ✅    |
+| Edit Campaigns   | ❌      | ✅          | ✅    |
+| Delete Campaigns | ❌      | ✅          | ✅    |
+| Create Content   | ✅      | ✅          | ✅    |
+| Edit Content     | ✅      | ✅          | ✅    |
+| Approve Content  | ❌      | ✅          | ✅    |
+| Delete Content   | ✅      | ✅          | ✅    |
+
+### Content Status Flow
+
+```
+DRAFT → SUBMITTED → APPROVED → PUBLISHED
+  ↓         ↓          ↓          ↓
+  Edit    Review    Schedule    Analytics
+  Save    Feedback   Content    Track
+```
+
+---
+
+_Created: 2025-01-02_
+_Assignee: Full-Stack Team_
+_Priority: High_
+_Estimated Time: 3-4 days_
diff --git a/docs/tasks/PR-003-rbac-navigation.md b/docs/tasks/PR-003-rbac-navigation.md
new file mode 100644
index 00000000..158ec83e
--- /dev/null
+++ b/docs/tasks/PR-003-rbac-navigation.md
@@ -0,0 +1,235 @@
+# PR-003: RBAC System & Role-Based Navigation
+
+## 🎯 Goal
+
+Hoàn thiện RBAC system và implement role-based navigation cho AiM Platform.
+
+## 📋 Acceptance Criteria
+
+### RBAC System
+
+- [ ] Complete RBAC middleware implementation
+- [ ] Permission-based API checks cho tất cả endpoints
+- [ ] Role management UI cho Admin users
+- [ ] User profile management với role display
+- [ ] Permission matrix validation
+
+### Role-Based Navigation
+
+- [ ] Sidebar navigation thay đổi theo user role
+- [ ] Topbar với search và notifications
+- [ ] Command palette integration
+- [ ] Theme provider setup
+- [ ] Responsive navigation cho mobile
+
+### Security
+
+- [ ] Protected route system hoàn chỉnh
+- [ ] Session validation ở mọi level
+- [ ] Permission inheritance rules
+- [ ] Audit logging cho security events
+
+## 📁 Files to Modify
+
+### New Files
+
+- `lib/rbac.ts` - Complete RBAC implementation
+- `lib/permissions.ts` - Permission checking utilities
+- `lib/role-manager.ts` - Role management service
+- `components/layout/role-based-sidebar.tsx` - Dynamic sidebar
+- `components/layout/topbar.tsx` - Top navigation bar
+- `components/ui/command-palette.tsx` - Global command palette
+- `components/auth/role-switcher.tsx` - Role switching UI
+- `app/admin/roles/page.tsx` - Role management page
+
+### Modified Files
+
+- `middleware.ts` - Complete route protection
+- `lib/auth.ts` - Add role-based session handling
+- `components/layout/main-layout.tsx` - Integrate new navigation
+- `app/layout.tsx` - Add theme provider
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add @radix-ui/react-command @radix-ui/react-dropdown-menu
+pnpm add -D @types/node
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+
+# Run database migrations (if needed)
+pnpm prisma migrate dev --name enhance_rbac
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Check database
+pnpm prisma studio
+
+# Run type check
+pnpm typecheck
+
+# Run linting
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test files
+pnpm test -- rbac.test.tsx
+pnpm test -- navigation.test.tsx
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **RBAC System**
+
+   - [ ] Test permission checks với different roles
+   - [ ] Verify role inheritance rules
+   - [ ] Test role management UI (Admin only)
+   - [ ] Verify user profile role display
+
+2. **Navigation System**
+
+   - [ ] Test sidebar changes theo role
+   - [ ] Verify topbar functionality
+   - [ ] Test command palette
+   - [ ] Test responsive navigation
+
+3. **Security**
+   - [ ] Test protected route access
+   - [ ] Verify session validation
+   - [ ] Test permission-based API access
+   - [ ] Verify audit logging
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Security
+
+- [ ] RBAC implemented cho tất cả operations
+- [ ] Permission checks ở mọi level
+- [ ] Session validation đầy đủ
+- [ ] No sensitive data exposure
+- [ ] Audit logging implemented
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### UI/UX
+
+- [ ] Responsive design implemented
+- [ ] Loading states handled
+- [ ] Error states displayed
+- [ ] Success feedback provided
+- [ ] Accessibility considerations
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove @radix-ui/react-command @radix-ui/react-dropdown-menu
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] RBAC system fully functional
+- [ ] Navigation responsive trên all devices
+
+### Functional Metrics
+
+- [ ] Users see role-appropriate navigation
+- [ ] Permission checks work correctly
+- [ ] Role management UI functional
+- [ ] Security events logged properly
+- [ ] No unauthorized access possible
+
+## 🔗 Related Documentation
+
+- [RBAC & Security](./../SECURITY.md#authorization--rbac)
+- [API Style Guide](./../api/)
+- [Data Model](./../data-model.md)
+
+## 📝 Notes
+
+### Permission Matrix
+
+| Action           | Creator | Brand Owner | Admin |
+| ---------------- | ------- | ----------- | ----- |
+| View Own Content | ✅      | ✅          | ✅    |
+| Create Content   | ✅      | ✅          | ✅    |
+| Edit Own Content | ✅      | ✅          | ✅    |
+| Approve Content  | ❌      | ✅          | ✅    |
+| Manage Campaigns | ❌      | ✅          | ✅    |
+| Manage Users     | ❌      | ❌          | ✅    |
+| System Settings  | ❌      | ❌          | ✅    |
+
+### Role Inheritance
+
+- **Admin**: Tất cả permissions
+- **Brand Owner**: Content + Campaign management
+- **Creator**: Content creation và management
+
+---
+
+_Created: 2025-01-02_
+_Assignee: Backend + Frontend Team_
+_Priority: P0_
+_Estimated Time: 2-3 days_
diff --git a/docs/tasks/PR-004-assets-upload.md b/docs/tasks/PR-004-assets-upload.md
new file mode 100644
index 00000000..fecc0f12
--- /dev/null
+++ b/docs/tasks/PR-004-assets-upload.md
@@ -0,0 +1,244 @@
+# PR-004: Asset Upload & Management System
+
+## 🎯 Goal
+
+Implement comprehensive asset upload system với file management, organization, và integration với content.
+
+## 📋 Acceptance Criteria
+
+### File Upload System
+
+- [ ] File upload với type/size validation
+- [ ] Multiple file upload support
+- [ ] Progress tracking và error handling
+- [ ] File processing (thumbnails, metadata extraction)
+- [ ] Storage integration (UploadThing/S3)
+
+### Asset Management
+
+- [ ] Asset library UI với search/filter
+- [ ] Asset organization theo campaigns
+- [ ] Asset preview và metadata display
+- [ ] Asset linking với content
+- [ ] Asset usage tracking
+
+### Integration
+
+- [ ] Asset picker trong content editor
+- [ ] Asset gallery trong campaign view
+- [ ] Asset analytics và usage statistics
+- [ ] Asset optimization và compression
+
+## 📁 Files to Modify
+
+### New Files
+
+- `app/api/[orgId]/assets/route.ts` - Asset CRUD API
+- `app/api/[orgId]/assets/upload/route.ts` - File upload endpoint
+- `app/api/[orgId]/assets/[id]/route.ts` - Individual asset API
+- `app/assets/page.tsx` - Asset library page
+- `app/assets/[id]/page.tsx` - Asset detail page
+- `components/assets/asset-upload.tsx` - Upload component
+- `components/assets/asset-library.tsx` - Library component
+- `components/assets/asset-picker.tsx` - Asset picker modal
+- `components/assets/asset-preview.tsx` - Asset preview component
+- `lib/upload-service.ts` - Upload service logic
+- `lib/asset-processor.ts` - File processing utilities
+
+### Modified Files
+
+- `lib/schemas.ts` - Add asset validation schemas
+- `components/content/content-editor.tsx` - Integrate asset picker
+- `components/campaigns/campaign-form.tsx` - Add asset selection
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add uploadthing @uploadthing/react
+pnpm add -D @types/multer
+
+# Configure UploadThing
+# Add UPLOADTHING_SECRET và UPLOADTHING_APP_ID to .env
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+
+# Run database migrations (if needed)
+pnpm prisma migrate dev --name add_assets
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Check database
+pnpm prisma studio
+
+# Run type check
+pnpm typecheck
+
+# Run linting
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test files
+pnpm test -- assets.test.tsx
+pnpm test -- upload.test.tsx
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **File Upload**
+
+   - [ ] Upload single file với valid type
+   - [ ] Upload multiple files
+   - [ ] Test file size limits
+   - [ ] Test invalid file types
+   - [ ] Verify progress tracking
+
+2. **Asset Management**
+
+   - [ ] Browse asset library
+   - [ ] Search và filter assets
+   - [ ] View asset details
+   - [ ] Link assets to content
+   - [ ] Test asset deletion
+
+3. **Integration**
+   - [ ] Use asset picker in content editor
+   - [ ] View assets in campaign
+   - [ ] Test asset preview
+   - [ ] Verify usage tracking
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Security
+
+- [ ] File type validation implemented
+- [ ] File size limits enforced
+- [ ] Upload rate limiting
+- [ ] No path traversal vulnerabilities
+- [ ] Secure file storage
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### Performance
+
+- [ ] File processing optimized
+- [ ] Thumbnail generation efficient
+- [ ] Upload progress tracking
+- [ ] Asset caching implemented
+- [ ] Lazy loading cho large libraries
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove uploadthing @uploadthing/react
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] Upload success rate > 95%
+- [ ] File processing time < 5 seconds
+
+### Functional Metrics
+
+- [ ] Users can upload files successfully
+- [ ] Asset library search works
+- [ ] Asset picker integrates smoothly
+- [ ] File previews display correctly
+- [ ] Usage tracking accurate
+
+## 🔗 Related Documentation
+
+- [Assets API](./../api/assets.md)
+- [Content API](./../api/content.md)
+- [UploadThing Integration](./../SECURITY.md)
+
+## 📝 Notes
+
+### Supported File Types
+
+- **Images**: JPG, PNG, GIF, WebP, SVG
+- **Videos**: MP4, MOV, AVI, WebM
+- **Documents**: PDF, DOC, DOCX, TXT
+- **Other**: ZIP, RAR (with size limits)
+
+### File Size Limits
+
+- **Images**: 10MB
+- **Videos**: 100MB
+- **Documents**: 25MB
+- **Other**: 50MB
+
+### Processing Features
+
+- **Images**: Auto-thumbnail generation, format optimization
+- **Videos**: Preview frame extraction, duration detection
+- **Documents**: Text extraction, preview generation
+
+---
+
+_Created: 2025-01-02_
+_Assignee: Full-Stack Team_
+_Priority: P2_
+_Estimated Time: 3-4 days_
diff --git a/docs/tasks/PR-005-dashboards.md b/docs/tasks/PR-005-dashboards.md
new file mode 100644
index 00000000..96afd766
--- /dev/null
+++ b/docs/tasks/PR-005-dashboards.md
@@ -0,0 +1,259 @@
+# PR-005: Role-Based Dashboards
+
+## 🎯 Goal
+
+Implement role-specific dashboards cho Creator, Brand Owner, và Admin users với widgets và metrics.
+
+## 📋 Acceptance Criteria
+
+### Creator Dashboard
+
+- [ ] Summary cards (active campaigns, drafts, scheduled, impressions)
+- [ ] Campaign list với quick actions
+- [ ] Draft reminders và deadlines
+- [ ] AI suggestions widget
+- [ ] Recent content performance
+
+### Brand Owner Dashboard
+
+- [ ] Brand metrics cards (budget/ROI, reach, engagement)
+- [ ] Approval queue với content preview
+- [ ] Budget vs ROI charts
+- [ ] Creator leaderboard
+- [ ] Campaign health summary
+
+### Admin Dashboard
+
+- [ ] User management table
+- [ ] Organization settings
+- [ ] System health monitoring
+- [ ] Feature flags management
+- [ ] Audit logs display
+
+### Common Features
+
+- [ ] Responsive design cho all devices
+- [ ] Real-time data updates
+- [ ] Export functionality
+- [ ] Customizable widgets
+- [ ] Performance optimization
+
+## 📁 Files to Modify
+
+### New Files
+
+- `app/(dashboard)/creator/page.tsx` - Creator dashboard
+- `app/(dashboard)/brand/page.tsx` - Brand Owner dashboard
+- `app/(dashboard)/admin/page.tsx` - Admin dashboard
+- `components/dashboards/creator-dashboard.tsx` - Creator dashboard component
+- `components/dashboards/brand-dashboard.tsx` - Brand Owner dashboard component
+- `components/dashboards/admin-dashboard.tsx` - Admin dashboard component
+- `components/dashboards/widgets/summary-card.tsx` - Summary card widget
+- `components/dashboards/widgets/metrics-chart.tsx` - Metrics chart widget
+- `components/dashboards/widgets/approval-queue.tsx` - Approval queue widget
+- `components/dashboards/widgets/user-table.tsx` - User management table
+- `lib/dashboard-service.ts` - Dashboard data service
+- `lib/metrics-calculator.ts` - Metrics calculation utilities
+
+### Modified Files
+
+- `components/layout/sidebar.tsx` - Add dashboard navigation
+- `lib/rbac.ts` - Add dashboard access permissions
+- `app/layout.tsx` - Add dashboard layout wrapper
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add recharts @types/recharts
+pnpm add -D @types/node
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+
+# Run database migrations (if needed)
+pnpm prisma migrate dev --name add_dashboards
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Check database
+pnpm prisma studio
+
+# Run type check
+pnpm typecheck
+
+# Run linting
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test files
+pnpm test -- dashboards.test.tsx
+pnpm test -- widgets.test.tsx
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **Creator Dashboard**
+
+   - [ ] Verify summary cards display correctly
+   - [ ] Test campaign list functionality
+   - [ ] Check draft reminders
+   - [ ] Test AI suggestions widget
+
+2. **Brand Owner Dashboard**
+
+   - [ ] Verify metrics cards accuracy
+   - [ ] Test approval queue
+   - [ ] Check charts rendering
+   - [ ] Test creator leaderboard
+
+3. **Admin Dashboard**
+
+   - [ ] Verify user table functionality
+   - [ ] Test organization settings
+   - [ ] Check system health display
+   - [ ] Test feature flags
+
+4. **Common Features**
+   - [ ] Test responsive design
+   - [ ] Verify real-time updates
+   - [ ] Test export functionality
+   - [ ] Check performance
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Security
+
+- [ ] Role-based access control implemented
+- [ ] Data filtering theo user permissions
+- [ ] No sensitive data exposure
+- [ ] Audit logging cho admin actions
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### Performance
+
+- [ ] Dashboard loads < 2 seconds
+- [ ] Charts render smoothly
+- [ ] Real-time updates efficient
+- [ ] Data caching implemented
+- [ ] Lazy loading cho widgets
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove recharts @types/recharts
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] Dashboard load time < 2 seconds
+- [ ] Chart render time < 500ms
+
+### Functional Metrics
+
+- [ ] Users see role-appropriate dashboards
+- [ ] Data displays accurately
+- [ ] Real-time updates work
+- [ ] Export functionality works
+- [ ] Responsive design functional
+
+## 🔗 Related Documentation
+
+- [Analytics API](./../api/analytics.md)
+- [Campaigns API](./../api/campaigns.md)
+- [Content API](./../api/content.md)
+- [RBAC System](./../SECURITY.md#authorization--rbac)
+
+## 📝 Notes
+
+### Dashboard Widgets
+
+- **Summary Cards**: Key metrics display
+- **Metrics Charts**: Data visualization
+- **Approval Queue**: Content review workflow
+- **User Table**: User management interface
+- **System Health**: Monitoring và alerts
+
+### Data Sources
+
+- **Campaigns**: Campaign performance metrics
+- **Content**: Content engagement data
+- **Users**: User activity và permissions
+- **Analytics**: Event tracking data
+- **System**: Health và performance metrics
+
+### Performance Considerations
+
+- **Data Caching**: Cache frequently accessed data
+- **Lazy Loading**: Load widgets on demand
+- **Pagination**: Handle large datasets
+- **Real-time Updates**: Efficient data refresh
+
+---
+
+_Created: 2025-01-02_
+_Assignee: Frontend + Backend Team_
+_Priority: P1_
+_Estimated Time: 4-5 days_
diff --git a/docs/tasks/PR-006-ai-integration.md b/docs/tasks/PR-006-ai-integration.md
new file mode 100644
index 00000000..2ae8f39a
--- /dev/null
+++ b/docs/tasks/PR-006-ai-integration.md
@@ -0,0 +1,251 @@
+# PR-006: AI Integration & Content Generation
+
+## 🎯 Goal
+
+Implement comprehensive AI integration system cho content generation, translation, summarization, và content ideas.
+
+## 📋 Acceptance Criteria
+
+### AI Content Generation
+
+- [ ] AI content generation với prompt input
+- [ ] Multiple AI models support (GPT-4, GPT-3.5)
+- [ ] Content tone và style customization
+- [ ] Platform-specific content optimization
+- [ ] AI usage tracking và cost monitoring
+
+### AI Services
+
+- [ ] Content summarization service
+- [ ] Multi-language translation
+- [ ] Content idea generation
+- [ ] Content quality scoring
+- [ ] AI prompt library management
+
+### Integration
+
+- [ ] AI integration trong content editor
+- [ ] AI suggestions trong campaign creation
+- [ ] AI-powered content optimization
+- [ ] AI analytics và performance tracking
+
+## 📁 Files to Modify
+
+### New Files
+
+- `app/api/[orgId]/ai/generate/route.ts` - AI content generation
+- `app/api/[orgId]/ai/summarize/route.ts` - Content summarization
+- `app/api/[orgId]/ai/translate/route.ts` - Content translation
+- `app/api/[orgId]/ai/ideas/route.ts` - Content ideas generation
+- `app/api/[orgId]/ai/quality/route.ts` - Content quality scoring
+- `components/ai/ai-generator.tsx` - AI generation component
+- `components/ai/ai-prompt-input.tsx` - Prompt input component
+- `components/ai/ai-suggestions.tsx` - AI suggestions widget
+- `components/ai/ai-quality-meter.tsx` - Quality scoring component
+- `lib/ai-service.ts` - AI service integration
+- `lib/ai-prompts.ts` - Prompt library management
+- `lib/ai-usage-tracker.ts` - Usage tracking service
+
+### Modified Files
+
+- `components/content/content-editor.tsx` - Integrate AI generation
+- `components/campaigns/campaign-form.tsx` - Add AI suggestions
+- `lib/schemas.ts` - Add AI request/response schemas
+- `lib/rbac.ts` - Add AI usage permissions
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add openai @types/node
+pnpm add -D @types/node
+
+# Configure OpenAI
+# Add OPENAI_API_KEY to .env
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+
+# Run database migrations (if needed)
+pnpm prisma migrate dev --name add_ai_integration
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Check database
+pnpm prisma studio
+
+# Run type check
+pnpm typecheck
+
+# Run linting
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test files
+pnpm test -- ai.test.tsx
+pnpm test -- ai-service.test.tsx
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **AI Content Generation**
+
+   - [ ] Generate content với different prompts
+   - [ ] Test tone và style options
+   - [ ] Verify platform optimization
+   - [ ] Check content quality
+
+2. **AI Services**
+
+   - [ ] Test content summarization
+   - [ ] Test multi-language translation
+   - [ ] Test content idea generation
+   - [ ] Test quality scoring
+
+3. **Integration**
+   - [ ] Test AI trong content editor
+   - [ ] Test AI suggestions
+   - [ ] Verify usage tracking
+   - [ ] Check cost monitoring
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Security
+
+- [ ] API key management secure
+- [ ] Input sanitization implemented
+- [ ] Rate limiting cho AI requests
+- [ ] No sensitive data exposure
+- [ ] Usage monitoring implemented
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### Performance
+
+- [ ] AI requests optimized
+- [ ] Response caching implemented
+- [ ] Usage tracking efficient
+- [ ] Cost monitoring accurate
+- [ ] Error handling graceful
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove openai
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] AI response time < 10 seconds
+- [ ] Usage tracking accuracy > 95%
+
+### Functional Metrics
+
+- [ ] AI content generation works
+- [ ] Multiple AI services functional
+- [ ] Integration smooth trong editor
+- [ ] Usage tracking accurate
+- [ ] Cost monitoring functional
+
+## 🔗 Related Documentation
+
+- [Content API](./../api/content.md)
+- [Analytics API](./../api/analytics.md)
+- [AI Integration Guide](./../AI_INTEGRATION_README.md)
+
+## 📝 Notes
+
+### AI Models Supported
+
+- **GPT-4**: High-quality content generation
+- **GPT-3.5**: Fast, cost-effective generation
+- **Future**: Claude, Gemini integration planned
+
+### Content Types
+
+- **Social Media Posts**: Facebook, Instagram, LinkedIn, Twitter
+- **Email Content**: Subject lines, body content
+- **Blog Posts**: Articles, summaries
+- **Ad Copy**: Headlines, descriptions
+
+### AI Features
+
+- **Tone Control**: Formal, friendly, professional, casual
+- **Style Options**: Creative, informative, persuasive
+- **Length Control**: Short, medium, long
+- **Platform Optimization**: Platform-specific formatting
+
+### Usage Tracking
+
+- **Token Count**: Track OpenAI token usage
+- **Cost Monitoring**: Real-time cost tracking
+- **Quality Metrics**: User feedback integration
+- **Performance Analytics**: Response time, success rate
+
+---
+
+_Created: 2025-01-02_
+_Assignee: AI + Backend Team_
+_Priority: P1_
+_Estimated Time: 3-4 days_
diff --git a/docs/tasks/PR-007-scheduling-calendar.md b/docs/tasks/PR-007-scheduling-calendar.md
new file mode 100644
index 00000000..d2d616cd
--- /dev/null
+++ b/docs/tasks/PR-007-scheduling-calendar.md
@@ -0,0 +1,260 @@
+# PR-007: Scheduling & Calendar System
+
+## 🎯 Goal
+
+Implement comprehensive scheduling và calendar system cho content publishing với timezone support và recurring schedules.
+
+## 📋 Acceptance Criteria
+
+### Calendar View
+
+- [ ] Calendar page với react-day-picker
+- [ ] Color-coded events theo platform
+- [ ] Month/week/day view options
+- [ ] Timezone support (user preference, store UTC)
+- [ ] Responsive design cho mobile
+
+### Scheduling System
+
+- [ ] Schedule form modal (platform/date/time/timezone)
+- [ ] Content scheduling validation (must be approved)
+- [ ] Recurring schedules với RRULE model
+- [ ] Schedule conflict detection
+- [ ] Bulk scheduling operations
+
+### Integration
+
+- [ ] Schedule integration với content approval workflow
+- [ ] Schedule notifications và reminders
+- [ ] Schedule analytics và reporting
+- [ ] Schedule export (iCal format)
+
+## 📁 Files to Modify
+
+### New Files
+
+- `app/schedules/page.tsx` - Calendar view page
+- `app/schedules/[id]/page.tsx` - Schedule detail page
+- `app/schedules/new/page.tsx` - Create schedule page
+- `components/schedules/calendar-view.tsx` - Calendar component
+- `components/schedules/schedule-form.tsx` - Schedule form modal
+- `components/schedules/schedule-list.tsx` - Schedule list component
+- `components/schedules/recurring-schedule.tsx` - Recurring schedule component
+- `lib/schedule-service.ts` - Schedule business logic
+- `lib/rrule-parser.ts` - RRULE parsing utilities
+- `lib/timezone-utils.ts` - Timezone handling utilities
+
+### Modified Files
+
+- `lib/schemas.ts` - Add schedule validation schemas
+- `components/content/content-editor.tsx` - Add schedule button
+- `components/campaigns/campaign-detail.tsx` - Add schedule tab
+- `lib/rbac.ts` - Add schedule permissions
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add react-day-picker date-fns rrule
+pnpm add -D @types/rrule
+
+# Database migration (after schema changes)
+pnpm db:generate
+pnpm db:push
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Check database
+pnpm prisma studio
+
+# Type checking (calendar module now compiles)
+pnpm typecheck
+
+# Build (to verify production build)
+pnpm build
+
+# Run linting
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test files
+pnpm test -- schedules.test.tsx
+pnpm test -- calendar.test.tsx
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **Calendar View**
+
+   - [ ] Verify calendar displays correctly
+   - [ ] Test month/week/day view switching
+   - [ ] Check timezone handling
+   - [ ] Test responsive design
+
+2. **Schedule Creation**
+
+   - [ ] Create single schedule
+   - [ ] Create recurring schedule
+   - [ ] Test validation rules
+   - [ ] Verify conflict detection
+
+3. **Integration**
+   - [ ] Test content approval workflow
+   - [ ] Verify notifications
+   - [ ] Check analytics integration
+   - [ ] Test export functionality
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Security
+
+- [ ] RBAC implemented cho schedule operations
+- [ ] Input validation với Zod schemas
+- [ ] No sensitive data exposure
+- [ ] Permission checks ở API level
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### Performance
+
+- [ ] Calendar renders smoothly
+- [ ] Schedule queries optimized
+- [ ] Timezone calculations efficient
+- [ ] Large dataset handling
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove react-day-picker date-fns rrule
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+### Database Rollback
+
+```bash
+# Revert database schema changes
+pnpm prisma migrate reset
+
+# Or restore from backup
+pnpm db:restore
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] Calendar render time < 500ms
+- [ ] Schedule creation < 2 seconds
+
+### Functional Metrics
+
+- [ ] Users can create schedules successfully
+- [ ] Calendar displays events correctly
+- [ ] Timezone handling works properly
+- [ ] Recurring schedules function correctly
+- [ ] Integration smooth với content workflow
+
+## 🔗 Related Documentation
+
+- [Schedules API](./../api/schedules.md)
+- [Content API](./../api/content.md)
+- [Campaigns API](./../api/campaigns.md)
+
+## 📝 Notes
+
+### Supported Platforms
+
+- **Social Media**: Facebook, Instagram, LinkedIn, Twitter
+- **Blog**: WordPress, Medium, Custom
+- **Email**: Newsletter, Marketing campaigns
+- **Other**: Custom integrations
+
+### Schedule Types
+
+- **One-time**: Single publication
+- **Recurring**: Daily, weekly, monthly patterns
+- **Bulk**: Multiple content items
+- **Conditional**: Based on approval status
+
+### Timezone Features
+
+- **User Preference**: Store user's preferred timezone
+- **UTC Storage**: All schedules stored in UTC
+- **Display Conversion**: Convert to user's timezone for display
+- **DST Handling**: Automatic daylight saving time adjustment
+
+### Database Migration Notes
+
+- **Schema Changes**: New Schedule model với relationships
+- **Data Migration**: Existing content có thể được scheduled
+- **Backward Compatibility**: Maintain existing API contracts
+- **Performance**: Indexes cho date/time queries
+
+---
+
+_Created: 2025-01-02_
+_Updated: 2025-01-02_
+_Assignee: Full-Stack Team_
+_Priority: P2_
+_Estimated Time: 3-4 days_
diff --git a/docs/tasks/PR-008-analytics-reporting.md b/docs/tasks/PR-008-analytics-reporting.md
new file mode 100644
index 00000000..f506dcb5
--- /dev/null
+++ b/docs/tasks/PR-008-analytics-reporting.md
@@ -0,0 +1,242 @@
+# PR-008: Analytics & Reporting System
+
+## 🎯 Goal
+
+Implement comprehensive analytics và reporting system cho campaigns, content, và user engagement với data visualization và export capabilities.
+
+## 📋 Acceptance Criteria
+
+### Analytics Dashboard
+
+- [ ] Overview charts (7/30/90 day periods)
+- [ ] Campaign analytics tab (line/bar/pie charts)
+- [ ] Content analytics tab với performance metrics
+- [ ] Creator performance tracking
+- [ ] Real-time data updates
+
+### Event Tracking
+
+- [ ] Event collection system (view/click/conversion)
+- [ ] Event aggregation và processing
+- [ ] Custom event definitions
+- [ ] Event filtering và segmentation
+- [ ] Event export functionality
+
+### Reporting
+
+- [ ] Scheduled report generation
+- [ ] Report templates (PDF/Excel/CSV)
+- [ ] Custom report builder
+- [ ] Report sharing và distribution
+- [ ] Historical data analysis
+
+## 📁 Files to Modify
+
+### New Files
+
+- `app/analytics/page.tsx` - Analytics dashboard page
+- `app/analytics/campaigns/page.tsx` - Campaign analytics page
+- `app/analytics/content/page.tsx` - Content analytics page
+- `app/analytics/reports/page.tsx` - Reports page
+- `components/analytics/analytics-dashboard.tsx` - Main dashboard component
+- `components/analytics/charts/line-chart.tsx` - Line chart component
+- `components/analytics/charts/bar-chart.tsx` - Bar chart component
+- `components/analytics/charts/pie-chart.tsx` - Pie chart component
+- `components/analytics/metrics-cards.tsx` - Metrics display cards
+- `components/analytics/report-builder.tsx` - Custom report builder
+- `lib/analytics-service.ts` - Analytics business logic
+- `lib/event-tracker.ts` - Event tracking service
+- `lib/report-generator.ts` - Report generation service
+
+### Modified Files
+
+- `lib/schemas.ts` - Add analytics schemas
+- `components/layout/sidebar.tsx` - Add analytics navigation
+- `lib/rbac.ts` - Add analytics permissions
+- `middleware.ts` - Add analytics tracking
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add recharts @types/recharts
+pnpm add -D @types/node
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+
+# Run database migrations (if needed)
+pnpm prisma migrate dev --name add_analytics
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Check database
+pnpm prisma studio
+
+# Run type check
+pnpm typecheck
+
+# Run linting
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test files
+pnpm test -- analytics.test.tsx
+pnpm test -- charts.test.tsx
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **Analytics Dashboard**
+
+   - [ ] Verify charts render correctly
+   - [ ] Test data filtering options
+   - [ ] Check real-time updates
+   - [ ] Test responsive design
+
+2. **Event Tracking**
+
+   - [ ] Test event collection
+   - [ ] Verify event processing
+   - [ ] Check event filtering
+   - [ ] Test export functionality
+
+3. **Reporting**
+   - [ ] Generate scheduled reports
+   - [ ] Test custom report builder
+   - [ ] Verify report formats
+   - [ ] Check sharing functionality
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Security
+
+- [ ] RBAC implemented cho analytics access
+- [ ] Data filtering theo user permissions
+- [ ] No sensitive data exposure
+- [ ] Rate limiting cho event tracking
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### Performance
+
+- [ ] Charts render smoothly
+- [ ] Data queries optimized
+- [ ] Real-time updates efficient
+- [ ] Large dataset handling
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove recharts @types/recharts
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] Chart render time < 500ms
+- [ ] Data query time < 200ms
+
+### Functional Metrics
+
+- [ ] Analytics dashboard displays correctly
+- [ ] Event tracking accurate
+- [ ] Reports generate successfully
+- [ ] Data visualization clear
+- [ ] Export functionality works
+
+## 🔗 Related Documentation
+
+- [Analytics API](./../api/analytics.md)
+- [Campaigns API](./../api/campaigns.md)
+- [Content API](./../api/content.md)
+
+## 📝 Notes
+
+### Analytics Metrics
+
+- **Engagement**: Views, clicks, shares, comments
+- **Performance**: CTR, conversion rates, reach
+- **Timing**: Best posting times, engagement patterns
+- **Audience**: Demographics, behavior patterns
+
+### Chart Types
+
+- **Line Charts**: Time-series data, trends
+- **Bar Charts**: Comparison data, categories
+- **Pie Charts**: Distribution data, proportions
+- **Heatmaps**: Time-based patterns, correlations
+
+### Data Sources
+
+- **Campaigns**: Performance metrics, ROI
+- **Content**: Engagement data, reach
+- **Users**: Behavior patterns, preferences
+- **External**: Social media APIs, analytics platforms
+
+---
+
+_Created: 2025-01-02_
+_Assignee: Backend + Frontend Team_
+_Priority: P2_
+_Estimated Time: 4-5 days_
diff --git a/docs/tasks/PR-009-settings-management.md b/docs/tasks/PR-009-settings-management.md
new file mode 100644
index 00000000..070548cb
--- /dev/null
+++ b/docs/tasks/PR-009-settings-management.md
@@ -0,0 +1,249 @@
+# PR-009: Settings & User Management System
+
+## 🎯 Goal
+
+Implement comprehensive settings và user management system cho organizations, users, và system configuration với role-based access control.
+
+## 📋 Acceptance Criteria
+
+### User Management
+
+- [ ] User profile settings (name/email/password/AI usage)
+- [ ] User role management (Admin only)
+- [ ] User enable/disable functionality
+- [ ] User activity tracking
+- [ ] Bulk user operations
+
+### Organization Settings
+
+- [ ] Organization profile (name/slug/logo/default language)
+- [ ] Organization preferences và configuration
+- [ ] Organization billing và quotas
+- [ ] Organization API keys management
+- [ ] Organization audit logs
+
+### System Settings
+
+- [ ] Feature flags management
+- [ ] System configuration options
+- [ ] Notification preferences
+- [ ] Security settings
+- [ ] System health monitoring
+
+## 📁 Files to Modify
+
+### New Files
+
+- `app/settings/page.tsx` - Main settings page
+- `app/settings/profile/page.tsx` - User profile settings
+- `app/settings/organization/page.tsx` - Organization settings
+- `app/settings/users/page.tsx` - User management page
+- `app/settings/system/page.tsx` - System settings page
+- `components/settings/profile-form.tsx` - Profile settings form
+- `components/settings/organization-form.tsx` - Organization settings form
+- `components/settings/user-table.tsx` - User management table
+- `components/settings/feature-flags.tsx` - Feature flags management
+- `components/settings/api-keys.tsx` - API keys management
+- `lib/settings-service.ts` - Settings business logic
+- `lib/user-management.ts` - User management service
+- `lib/feature-flags.ts` - Feature flags service
+
+### Modified Files
+
+- `lib/schemas.ts` - Add settings validation schemas
+- `lib/rbac.ts` - Add settings permissions
+- `components/layout/sidebar.tsx` - Add settings navigation
+- `middleware.ts` - Add settings access control
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add react-hook-form @hookform/resolvers
+pnpm add -D @types/node
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+
+# Run database migrations (if needed)
+pnpm prisma migrate dev --name add_settings
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Check database
+pnpm prisma studio
+
+# Run type check
+pnpm typecheck
+
+# Run linting
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test files
+pnpm test -- settings.test.tsx
+pnpm test -- user-management.test.tsx
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **User Profile Settings**
+
+   - [ ] Update user profile information
+   - [ ] Change password
+   - [ ] Update AI usage preferences
+   - [ ] Test validation rules
+
+2. **Organization Settings**
+
+   - [ ] Update organization profile
+   - [ ] Configure organization preferences
+   - [ ] Manage API keys
+   - [ ] Test billing integration
+
+3. **User Management**
+
+   - [ ] Create new users
+   - [ ] Assign roles
+   - [ ] Enable/disable users
+   - [ ] Test bulk operations
+
+4. **System Settings**
+   - [ ] Toggle feature flags
+   - [ ] Configure system options
+   - [ ] Set notification preferences
+   - [ ] Monitor system health
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Security
+
+- [ ] RBAC implemented cho all settings
+- [ ] Input validation với Zod schemas
+- [ ] No sensitive data exposure
+- [ ] Audit logging cho critical changes
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### Performance
+
+- [ ] Settings load quickly
+- [ ] Form validation responsive
+- [ ] Bulk operations efficient
+- [ ] Real-time updates smooth
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove react-hook-form @hookform/resolvers
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] Settings load time < 1 second
+- [ ] Form submission < 2 seconds
+
+### Functional Metrics
+
+- [ ] Users can update profiles successfully
+- [ ] Organization settings save correctly
+- [ ] User management functions work
+- [ ] Feature flags toggle properly
+- [ ] System health monitoring active
+
+## 🔗 Related Documentation
+
+- [Security Guidelines](./../SECURITY.md)
+- [RBAC System](./../SECURITY.md#authorization--rbac)
+- [Data Model](./../data-model.md)
+
+## 📝 Notes
+
+### User Profile Features
+
+- **Personal Info**: Name, email, avatar
+- **Preferences**: Language, timezone, theme
+- **AI Usage**: API limits, model preferences
+- **Security**: Two-factor authentication, session management
+
+### Organization Features
+
+- **Profile**: Name, description, branding
+- **Settings**: Defaults, workflows, integrations
+- **Billing**: Plans, usage tracking, invoices
+- **Security**: Access controls, audit trails
+
+### System Features
+
+- **Feature Flags**: Gradual rollouts, A/B testing
+- **Monitoring**: Health checks, performance metrics
+- **Configuration**: Environment-specific settings
+- **Maintenance**: Backup, updates, migrations
+
+---
+
+_Created: 2025-01-02_
+_Assignee: Backend + Frontend Team_
+_Priority: P3_
+_Estimated Time: 3-4 days_
diff --git a/docs/tasks/PR-010-performance-optimization.md b/docs/tasks/PR-010-performance-optimization.md
new file mode 100644
index 00000000..8718e0b7
--- /dev/null
+++ b/docs/tasks/PR-010-performance-optimization.md
@@ -0,0 +1,248 @@
+# PR-010: Performance Optimization & Scalability
+
+## 🎯 Goal
+
+Implement comprehensive performance optimization và scalability improvements cho AiM Platform với bundle analysis, caching, và virtualization.
+
+## 📋 Acceptance Criteria
+
+### Bundle Optimization
+
+- [ ] Bundle analysis với `next build --profile`
+- [ ] Dynamic imports cho large components
+- [ ] Code splitting optimization
+- [ ] Tree shaking implementation
+- [ ] Bundle size monitoring
+
+### Image & Asset Optimization
+
+- [ ] Next.js Image component optimization
+- [ ] Lazy loading cho images
+- [ ] WebP format support
+- [ ] Responsive image sizing
+- [ ] Asset compression
+
+### Data Performance
+
+- [ ] React Query caching strategies
+- [ ] Database query optimization
+- [ ] Pagination implementation
+- [ ] Virtualization cho large lists
+- [ ] Memory leak prevention
+
+### Caching & CDN
+
+- [ ] Static asset caching
+- [ ] API response caching
+- [ ] CDN integration
+- [ ] Cache invalidation strategies
+- [ ] Performance monitoring
+
+## 📁 Files to Modify
+
+### New Files
+
+- `lib/performance-monitor.ts` - Performance monitoring service
+- `lib/cache-service.ts` - Caching service
+- `lib/bundle-analyzer.ts` - Bundle analysis utilities
+- `components/ui/virtualized-list.tsx` - Virtualized list component
+- `components/ui/lazy-image.tsx` - Lazy loading image component
+- `scripts/analyze-bundle.js` - Bundle analysis script
+- `next.config.ts` - Performance configuration
+
+### Modified Files
+
+- `app/layout.tsx` - Add performance monitoring
+- `lib/prisma.ts` - Add query optimization
+- `components/layout/sidebar.tsx` - Add lazy loading
+- `middleware.ts` - Add caching headers
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add react-window react-virtualized
+pnpm add -D @next/bundle-analyzer
+
+# Configure bundle analyzer
+# Update next.config.ts
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Analyze bundle
+pnpm analyze
+
+# Run performance tests
+pnpm test:performance
+
+# Run type check
+pnpm typecheck
+```
+
+### Testing
+
+```bash
+# Run tests
+pnpm test
+
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test files
+pnpm test -- performance.test.tsx
+pnpm test -- caching.test.tsx
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **Bundle Analysis**
+
+   - [ ] Run bundle analysis
+   - [ ] Identify large dependencies
+   - [ ] Verify code splitting
+   - [ ] Check tree shaking
+
+2. **Performance Testing**
+
+   - [ ] Test page load times
+   - [ ] Verify image optimization
+   - [ ] Check caching behavior
+   - [ ] Test large dataset handling
+
+3. **Memory Testing**
+   - [ ] Monitor memory usage
+   - [ ] Test memory leaks
+   - [ ] Verify cleanup
+   - [ ] Check garbage collection
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Performance
+
+- [ ] Bundle size optimized
+- [ ] Images properly optimized
+- [ ] Caching implemented
+- [ ] Queries optimized
+- [ ] No memory leaks
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### Scalability
+
+- [ ] Large datasets handled
+- [ ] Virtualization implemented
+- [ ] Pagination working
+- [ ] Caching strategies effective
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove react-window react-virtualized
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] Bundle size reduced by 20%
+- [ ] Page load time improved by 30%
+
+### Performance Metrics
+
+- [ ] First Contentful Paint < 1.5s
+- [ ] Largest Contentful Paint < 2.5s
+- [ ] Cumulative Layout Shift < 0.1
+- [ ] First Input Delay < 100ms
+- [ ] Memory usage stable
+
+## 🔗 Related Documentation
+
+- [Performance Guidelines](./../playbooks/observability.md)
+- [Deployment Guide](./../DEPLOYMENT_README.md)
+- [Monitoring Setup](./../playbooks/observability.md)
+
+## 📝 Notes
+
+### Optimization Techniques
+
+- **Code Splitting**: Route-based và component-based
+- **Tree Shaking**: Remove unused code
+- **Lazy Loading**: Components và images
+- **Caching**: Multiple layers (browser, CDN, server)
+- **Virtualization**: Handle large datasets
+
+### Monitoring Tools
+
+- **Lighthouse**: Performance auditing
+- **Web Vitals**: Core metrics
+- **Bundle Analyzer**: Bundle size analysis
+- **Memory Profiler**: Memory usage tracking
+- **Performance API**: Real-time metrics
+
+### Best Practices
+
+- **Minimize Bundle Size**: Remove unused dependencies
+- **Optimize Images**: Use modern formats, proper sizing
+- **Implement Caching**: Multiple cache layers
+- **Optimize Queries**: Database và API optimization
+- **Monitor Performance**: Continuous monitoring
+
+---
+
+_Created: 2025-01-02_
+_Assignee: Performance + Backend Team_
+_Priority: P3_
+_Estimated Time: 3-4 days_
diff --git a/docs/tasks/PR-011-testing-quality.md b/docs/tasks/PR-011-testing-quality.md
new file mode 100644
index 00000000..6dbdcca0
--- /dev/null
+++ b/docs/tasks/PR-011-testing-quality.md
@@ -0,0 +1,266 @@
+# PR-011: Testing & Quality Assurance
+
+## 🎯 Goal
+
+Implement comprehensive testing strategy với unit tests, integration tests, E2E tests, và quality gates cho AiM Platform.
+
+## 📋 Acceptance Criteria
+
+### Unit Testing
+
+- [ ] Jest/Vitest setup và configuration
+- [ ] Tests cho utilities (auth, rbac, utils)
+- [ ] Tests cho forms và components
+- [ ] Tests cho API routes
+- [ ] Test coverage > 80%
+
+### Integration Testing
+
+- [ ] Database integration tests
+- [ ] API endpoint testing
+- [ ] Authentication flow testing
+- [ ] RBAC permission testing
+- [ ] Error handling testing
+
+### End-to-End Testing
+
+- [ ] Playwright setup và configuration
+- [ ] E2E login flow
+- [ ] E2E campaign creation
+- [ ] E2E content workflow
+- [ ] E2E schedule & publish
+
+### Quality Gates
+
+- [ ] Automated testing trong CI/CD
+- [ ] Code coverage reporting
+- [ ] Performance testing
+- [ ] Security testing
+- [ ] Accessibility testing
+
+## 📁 Files to Modify
+
+### New Files
+
+- `jest.config.js` - Jest configuration
+- `jest.setup.js` - Jest setup file
+- `playwright.config.ts` - Playwright configuration
+- `tests/unit/auth.test.ts` - Authentication tests
+- `tests/unit/rbac.test.ts` - RBAC tests
+- `tests/unit/utils.test.ts` - Utility tests
+- `tests/integration/api.test.ts` - API integration tests
+- `tests/integration/db.test.ts` - Database integration tests
+- `tests/e2e/auth.spec.ts` - E2E authentication tests
+- `tests/e2e/campaigns.spec.ts` - E2E campaign tests
+- `tests/e2e/content.spec.ts` - E2E content tests
+- `lib/test-utils.ts` - Test utilities
+- `lib/test-db.ts` - Test database setup
+
+### Modified Files
+
+- `package.json` - Add test scripts
+- `tsconfig.json` - Test TypeScript configuration
+- `.github/workflows/test.yml` - CI test workflow
+- `next.config.ts` - Test configuration
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install testing dependencies
+pnpm add -D jest @types/jest @testing-library/react @testing-library/jest-dom
+pnpm add -D playwright @playwright/test
+pnpm add -D @testing-library/user-event
+
+# Setup Jest
+npx jest --init
+
+# Setup Playwright
+npx playwright install
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Run unit tests
+pnpm test
+
+# Run integration tests
+pnpm test:integration
+
+# Run E2E tests
+pnpm test:e2e
+
+# Run tests with coverage
+pnpm test:coverage
+```
+
+### Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Run specific test suites
+pnpm test -- --testPathPattern=auth
+pnpm test -- --testPathPattern=rbac
+
+# Run E2E tests
+pnpm test:e2e
+
+# Run Playwright tests
+npx playwright test
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **Unit Tests**
+
+   - [ ] Run all unit tests
+   - [ ] Verify test coverage > 80%
+   - [ ] Check test execution time
+   - [ ] Verify test isolation
+
+2. **Integration Tests**
+
+   - [ ] Run database integration tests
+   - [ ] Test API endpoints
+   - [ ] Verify authentication flows
+   - [ ] Check error handling
+
+3. **E2E Tests**
+   - [ ] Run Playwright tests
+   - [ ] Verify user workflows
+   - [ ] Check cross-browser compatibility
+   - [ ] Test responsive design
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Testing Coverage
+
+- [ ] Unit tests cover critical paths
+- [ ] Integration tests cover API flows
+- [ ] E2E tests cover user workflows
+- [ ] Test coverage > 80%
+- [ ] Tests are maintainable
+
+### Code Quality
+
+- [ ] TypeScript types properly defined
+- [ ] Error handling implemented
+- [ ] Code follows style guidelines
+- [ ] No console.log statements
+- [ ] Proper JSDoc documentation
+
+### Test Quality
+
+- [ ] Tests are isolated
+- [ ] Tests are deterministic
+- [ ] Tests have clear assertions
+- [ ] Tests handle edge cases
+- [ ] Tests are fast
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Dependencies Rollback
+
+```bash
+# Remove added packages
+pnpm remove -D jest @types/jest @testing-library/react @testing-library/jest-dom
+pnpm remove -D playwright @playwright/test
+
+# Reinstall previous package-lock
+pnpm install --frozen-lockfile
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] Test coverage > 80%
+- [ ] Test execution time < 30 seconds
+
+### Quality Metrics
+
+- [ ] Unit tests cover critical paths
+- [ ] Integration tests work reliably
+- [ ] E2E tests pass consistently
+- [ ] Tests are maintainable
+- [ ] Quality gates enforced
+
+## 🔗 Related Documentation
+
+- [Testing Guidelines](./../CONTRIBUTING.md#testing)
+- [CI/CD Setup](./../playbooks/observability.md)
+- [Quality Standards](./../CONTRIBUTING.md#code-quality)
+
+## 📝 Notes
+
+### Testing Strategy
+
+- **Unit Tests**: Test individual functions và components
+- **Integration Tests**: Test API endpoints và database
+- **E2E Tests**: Test complete user workflows
+- **Performance Tests**: Test response times và scalability
+- **Security Tests**: Test authentication và authorization
+
+### Testing Tools
+
+- **Jest**: Unit và integration testing
+- **React Testing Library**: Component testing
+- **Playwright**: E2E testing
+- **MSW**: API mocking
+- **Testing Library**: User interaction testing
+
+### Best Practices
+
+- **Test Isolation**: Each test should be independent
+- **Clear Assertions**: Tests should be easy to understand
+- **Fast Execution**: Tests should run quickly
+- **Maintainable**: Tests should be easy to update
+- **Coverage**: Test critical business logic
+
+---
+
+_Created: 2025-01-02_
+_Assignee: QA + Engineering Team_
+_Priority: P3_
+_Estimated Time: 4-5 days_
diff --git a/docs/tasks/PR-012-documentation-deployment.md b/docs/tasks/PR-012-documentation-deployment.md
new file mode 100644
index 00000000..d7c72627
--- /dev/null
+++ b/docs/tasks/PR-012-documentation-deployment.md
@@ -0,0 +1,265 @@
+# PR-012: Documentation & Deployment
+
+## 🎯 Goal
+
+Complete comprehensive documentation và deployment setup cho AiM Platform với production-ready configuration và monitoring.
+
+## 📋 Acceptance Criteria
+
+### Documentation
+
+- [ ] API documentation với OpenAPI/Swagger
+- [ ] User guides và tutorials
+- [ ] Developer documentation
+- [ ] Deployment guides
+- [ ] Troubleshooting guides
+
+### Deployment Setup
+
+- [ ] Docker containerization
+- [ ] Docker Compose configuration
+- [ ] Production environment setup
+- [ ] CI/CD pipeline configuration
+- [ ] Health check endpoints
+
+### Monitoring & Observability
+
+- [ ] Application logging setup
+- [ ] Error tracking (Sentry)
+- [ ] Performance monitoring
+- [ ] Health check dashboard
+- [ ] Alert system configuration
+
+### Production Readiness
+
+- [ ] Environment configuration
+- [ ] Security hardening
+- [ ] Backup strategies
+- [ ] Rollback procedures
+- [ ] Disaster recovery plan
+
+## 📁 Files to Modify
+
+### New Files
+
+- `Dockerfile` - Production Docker image
+- `docker-compose.yml` - Development environment
+- `docker-compose.prod.yml` - Production environment
+- `.github/workflows/deploy.yml` - Deployment workflow
+- `.github/workflows/ci.yml` - CI pipeline
+- `scripts/deploy.sh` - Deployment script
+- `scripts/backup.sh` - Backup script
+- `scripts/health-check.sh` - Health check script
+- `docs/api/openapi.yaml` - OpenAPI specification
+- `docs/user-guide/` - User documentation
+- `docs/developer/` - Developer documentation
+- `docs/deployment/` - Deployment guides
+- `lib/logger.ts` - Logging service
+- `lib/monitoring.ts` - Monitoring service
+
+### Modified Files
+
+- `package.json` - Add deployment scripts
+- `next.config.ts` - Production configuration
+- `prisma/schema.prisma` - Production database config
+- `.env.example` - Environment variables template
+- `README.md` - Update with deployment info
+
+## 🚀 Commands to Run
+
+### Setup
+
+```bash
+# Install additional dependencies
+pnpm add winston pino
+pnpm add -D @types/node
+
+# Build production image
+docker build -t aim-platform .
+
+# Run production environment
+docker-compose -f docker-compose.prod.yml up -d
+
+# Generate Prisma client (if schema changed)
+pnpm prisma generate
+```
+
+### Development
+
+```bash
+# Start dev server
+pnpm dev
+
+# Build for production
+pnpm build
+
+# Start production server
+pnpm start
+
+# Run health checks
+pnpm health-check
+```
+
+### Deployment
+
+```bash
+# Deploy to staging
+pnpm deploy:staging
+
+# Deploy to production
+pnpm deploy:production
+
+# Run backup
+pnpm backup
+
+# Check system health
+pnpm health-check
+```
+
+## 🧪 Test Steps
+
+### Manual Testing
+
+1. **Documentation**
+
+   - [ ] Verify API documentation
+   - [ ] Test user guides
+   - [ ] Check developer docs
+   - [ ] Validate deployment guides
+
+2. **Deployment**
+
+   - [ ] Test Docker build
+   - [ ] Verify container startup
+   - [ ] Check health endpoints
+   - [ ] Test rollback procedures
+
+3. **Monitoring**
+   - [ ] Verify logging setup
+   - [ ] Test error tracking
+   - [ ] Check performance monitoring
+   - [ ] Validate alert system
+
+### Automated Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Verify test coverage > 80%
+pnpm test:coverage
+
+# Check for TypeScript errors
+pnpm typecheck
+
+# Verify linting passes
+pnpm lint
+```
+
+## 🔍 Code Review Checklist
+
+### Documentation
+
+- [ ] API docs complete và accurate
+- [ ] User guides clear và helpful
+- [ ] Developer docs comprehensive
+- [ ] Deployment guides detailed
+- [ ] Troubleshooting guides useful
+
+### Deployment
+
+- [ ] Docker configuration optimized
+- [ ] CI/CD pipeline functional
+- [ ] Health checks implemented
+- [ ] Rollback procedures tested
+- [ ] Security measures in place
+
+### Monitoring
+
+- [ ] Logging configured properly
+- [ ] Error tracking active
+- [ ] Performance monitoring working
+- [ ] Alert system functional
+- [ ] Health dashboard accessible
+
+## 🚨 Rollback Plan
+
+### Code Rollback
+
+```bash
+# Revert to previous commit
+git reset --hard HEAD~1
+
+# Or checkout specific commit
+git checkout <previous-commit-hash>
+```
+
+### Deployment Rollback
+
+```bash
+# Rollback Docker image
+docker tag aim-platform:previous aim-platform:latest
+
+# Restart services
+docker-compose -f docker-compose.prod.yml restart
+
+# Verify rollback
+pnpm health-check
+```
+
+## 📊 Success Metrics
+
+### Technical Metrics
+
+- [ ] All tests passing (100%)
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] Docker build successful
+- [ ] Health checks passing
+
+### Deployment Metrics
+
+- [ ] Deployment time < 10 minutes
+- [ ] Zero-downtime deployments
+- [ ] Rollback time < 5 minutes
+- [ ] Health check response < 200ms
+- [ ] 99.9% uptime achieved
+
+## 🔗 Related Documentation
+
+- [Deployment Guide](./../DEPLOYMENT_README.md)
+- [API Documentation](./../api/)
+- [Monitoring Setup](./../playbooks/observability.md)
+
+## 📝 Notes
+
+### Documentation Structure
+
+- **API Docs**: OpenAPI/Swagger specification
+- **User Guides**: Step-by-step tutorials
+- **Developer Docs**: Technical implementation details
+- **Deployment Guides**: Environment setup instructions
+- **Troubleshooting**: Common issues và solutions
+
+### Deployment Strategy
+
+- **Blue-Green**: Zero-downtime deployments
+- **Rolling Updates**: Gradual service updates
+- **Canary Releases**: Limited user exposure
+- **Feature Flags**: Gradual feature rollouts
+- **Monitoring**: Real-time deployment tracking
+
+### Production Considerations
+
+- **Security**: HTTPS, authentication, authorization
+- **Performance**: Caching, CDN, optimization
+- **Scalability**: Load balancing, auto-scaling
+- **Reliability**: Backup, redundancy, monitoring
+- **Compliance**: GDPR, security standards
+
+---
+
+_Created: 2025-01-02_
+_Assignee: DevOps + Documentation Team_
+_Priority: P3_
+_Estimated Time: 5-6 days_
diff --git a/docs/tasks/README.md b/docs/tasks/README.md
new file mode 100644
index 00000000..7741cd14
--- /dev/null
+++ b/docs/tasks/README.md
@@ -0,0 +1,193 @@
+# AiM Platform - Development Tasks
+
+## 📋 Tổng quan
+
+Thư mục này chứa các PR tasks chi tiết cho việc phát triển AiM Platform. Mỗi task được thiết kế để hoàn thành trong 1 PR với acceptance criteria rõ ràng, test steps, và rollback plans.
+
+## 🎯 **KIẾN TRÚC & STACK ĐÃ CHỐT**
+
+**Stack**: Next.js 15, Prisma 6, PostgreSQL, NextAuth 5, shadcn/ui, Tailwind CSS 4, TypeScript 5, React 19
+
+**Data Model**: User, Organization, Membership, Campaign, Content, Asset, Schedule, AnalyticsEvent
+
+## 📊 **ROADMAP & PRIORITIES**
+
+### **Phase 1: Foundation (Weeks 1-2)**
+
+- [x] **PR-001**: Authentication & Prisma Foundation ✅
+- [ ] **PR-003**: RBAC System & Role-Based Navigation 🔄 (P0)
+- [ ] **PR-002**: Campaigns & Content CRUD Operations ⏳ (P0)
+
+### **Phase 2: Core Features (Weeks 3-4)**
+
+- [ ] **PR-004**: Asset Upload & Management System ⏳ (P2)
+- [ ] **PR-005**: Role-Based Dashboards ⏳ (P1)
+- [ ] **PR-006**: AI Integration & Content Generation ⏳ (P1)
+
+### **Phase 3: Enhancement (Weeks 5-6)**
+
+- [ ] **PR-007**: Scheduling & Calendar System 🔄 (P2) - _In Progress_
+- [ ] **PR-008**: Analytics & Reporting ⏳ (P2)
+- [ ] **PR-009**: Settings & User Management ⏳ (P3)
+
+### **Phase 4: Polish (Weeks 7-8)**
+
+- [ ] **PR-010**: Performance Optimization & Scalability ⏳ (P3)
+- [ ] **PR-011**: Testing & Quality Assurance ⏳ (P3)
+- [ ] **PR-012**: Documentation & Deployment ⏳ (P3)
+
+## 🚀 **CURRENT STATUS**
+
+- **Tổng số PRs**: 12 planned
+- **Đã hoàn thành**: 1 (8%)
+- **Đang thực hiện**: 2 (17%) - _Including Schedule System_
+- **Chưa bắt đầu**: 9 (75%)
+
+## 📁 **TASK STRUCTURE**
+
+Mỗi PR task có cấu trúc chuẩn:
+
+```
+PR-XXX: Task Name
+├── 🎯 Goal
+├── 📋 Acceptance Criteria
+├── 📁 Files to Modify
+├── 🚀 Commands to Run
+├── 🧪 Test Steps
+├── 🔍 Code Review Checklist
+├── 🚨 Rollback Plan
+├── 📊 Success Metrics
+├── 🔗 Related Documentation
+└── 📝 Notes
+```
+
+## 🔄 **DEVELOPMENT WORKFLOW**
+
+### **1. Task Selection**
+
+- Chọn task theo priority (P0 > P1 > P2 > P3)
+- Đảm bảo dependencies đã hoàn thành
+- Review acceptance criteria
+
+### **2. Implementation**
+
+- Tạo feature branch: `feature/PR-XXX-description`
+- Implement theo acceptance criteria
+- Follow coding standards và security guidelines
+
+### **3. Testing**
+
+- Manual testing theo test steps
+- Automated testing với coverage > 80%
+- Type checking và linting pass
+
+### **4. Code Review**
+
+- Self-review trước khi submit
+- Address feedback từ reviewers
+- Ensure checklist items completed
+
+### **5. Merge & Deploy**
+
+- Merge sau khi approved
+- Deploy to staging environment
+- Verify functionality
+
+## 🛡️ **QUALITY GATES**
+
+### **Technical Requirements**
+
+- [ ] TypeScript compilation successful
+- [ ] Linting passes without errors
+- [ ] Test coverage > 80%
+- [ ] No console.log statements
+- [ ] Proper error handling
+
+### **Security Requirements**
+
+- [ ] RBAC implemented cho all operations
+- [ ] Input validation với Zod schemas
+- [ ] No sensitive data exposure
+- [ ] Permission checks ở API level
+- [ ] Audit logging cho critical actions
+
+### **Performance Requirements**
+
+- [ ] Page load time < 2 seconds
+- [ ] API response time < 500ms
+- [ ] Database queries < 200ms
+- [ ] No memory leaks detected
+- [ ] Responsive design functional
+
+## 📚 **RESOURCES**
+
+### **Documentation**
+
+- [API Documentation](./../api/)
+- [Security Guidelines](./../SECURITY.md)
+- [Data Model](./../data-model.md)
+- [Architecture Decision Records](./../adr/)
+
+### **Development Tools**
+
+- **Database**: `pnpm prisma studio`
+- **Type Check**: `pnpm typecheck`
+- **Testing**: `pnpm test`
+- **Linting**: `pnpm lint`
+- **Build**: `pnpm build`
+
+### **Environment Setup**
+
+```bash
+# Install dependencies
+pnpm install
+
+# Setup database
+pnpm prisma generate
+pnpm prisma db push
+pnpm db:seed
+
+# Start development
+pnpm dev
+```
+
+### **Database Migration Commands**
+
+```bash
+# After schema changes
+pnpm db:generate
+pnpm db:push
+
+# Generate Prisma client
+pnpm prisma generate
+
+# Check database
+pnpm prisma studio
+```
+
+## 🚨 **BLOCKERS & RISKS**
+
+- **Next.js 15 stability** - Monitor for breaking changes
+- **Database migration complexity** - Plan incremental approach
+- **AI API costs** - Implement usage limits và monitoring
+- **Performance with large datasets** - Plan pagination và virtualization
+
+## 📝 **NOTES**
+
+- **Migration Strategy**: Incremental, feature-flag based
+- **Testing**: Unit tests for critical paths, E2E for user flows
+- **Documentation**: Update README with each major feature
+- **ADR Required**: Schema changes, architecture decisions, breaking changes
+
+### **Recent Updates (2025-01-02)**
+
+- **Schedule System**: Database migration commands updated
+- **Development Flow**: Added `pnpm db:generate` và `pnpm db:push`
+- **Type Checking**: Calendar module compilation verified
+- **Build Verification**: Production build testing added
+
+---
+
+_Last Updated: 2025-01-02_
+_Maintainer: Engineering Team_
+_Version: 1.1_
diff --git a/docs/ui/README.md b/docs/ui/README.md
new file mode 100644
index 00000000..7b44ea3f
--- /dev/null
+++ b/docs/ui/README.md
@@ -0,0 +1,273 @@
+# AiM Platform - UI Documentation
+
+## 📋 Tổng quan
+
+Thư mục này chứa các UI guides chi tiết cho từng module của AiM Platform. Mỗi guide được thiết kế để đảm bảo consistency, accessibility, và user experience theo design system của chúng ta.
+
+## 🎯 **DESIGN SYSTEM OVERVIEW**
+
+**Foundation**: Lndev-UI design system
+**Framework**: shadcn/ui components
+**Styling**: Tailwind CSS 4
+**Theme**: Light/Dark mode support
+**Accessibility**: WCAG 2.1 AA compliance
+
+## 📚 **UI GUIDES**
+
+### **Core Modules**
+
+- [**Authentication**](./auth.md) - Sign in, sign up, password reset flows
+- [**Campaigns**](./campaigns.md) - Campaign management và collaboration
+- [**Content Editor**](./content-editor.md) - Rich text editing với AI assistance
+- [**Dashboards**](./dashboards.md) - Role-based analytics và monitoring
+- [**Schedule**](./schedule.md) - Calendar và scheduling system
+
+### **Upcoming Modules**
+
+- **Assets** - Media library và file management
+- **Analytics** - Data visualization và reporting
+- **Settings** - User preferences và system configuration
+- **Team Management** - User roles và permissions
+- **Notifications** - Alert system và messaging
+
+## 🎨 **DESIGN PRINCIPLES**
+
+### **1. Consistency**
+
+- **Component Library**: Unified shadcn/ui components
+- **Spacing System**: Consistent 4px grid system
+- **Color Palette**: Brand colors + semantic colors
+- **Typography**: Clear hierarchy với readable fonts
+
+### **2. Accessibility**
+
+- **WCAG 2.1 AA**: Full compliance
+- **Keyboard Navigation**: All functions accessible
+- **Screen Reader Support**: ARIA labels và live regions
+- **Color Independence**: Not relying on color alone
+
+### **3. Responsiveness**
+
+- **Mobile-First**: Design for mobile trước
+- **Touch Optimization**: 44px minimum touch targets
+- **Gesture Support**: Native touch gestures
+- **Adaptive Layout**: Responsive grid systems
+
+### **4. Performance**
+
+- **Fast Loading**: < 2 second page load
+- **Smooth Interactions**: 60fps animations
+- **Efficient Rendering**: Component memoization
+- **Lazy Loading**: Load content on demand
+
+## 🔧 **COMPONENT ARCHITECTURE**
+
+### **Base Components**
+
+```typescript
+// Core UI components từ shadcn/ui
+Button, Input, Select, Badge, Card, Dialog, Sheet, etc.
+```
+
+### **Layout Components**
+
+```typescript
+// Layout và navigation
+Header, Sidebar, Navigation, Breadcrumbs, Tabs, etc.
+```
+
+### **Data Components**
+
+```typescript
+// Data display và visualization
+Table, Chart, Metric, Progress, Status, etc.
+```
+
+### **Form Components**
+
+```typescript
+// Form elements và validation
+Form, Field, Validation, Error, Success, etc.
+```
+
+## 📱 **RESPONSIVE BREAKPOINTS**
+
+```css
+/* Mobile First Approach */
+sm: 640px   /* Small devices */
+md: 768px   /* Medium devices */
+lg: 1024px  /* Large devices */
+xl: 1280px  /* Extra large devices */
+2xl: 1536px /* 2X large devices */
+```
+
+### **Layout Adaptations**
+
+- **Mobile**: Single column, stacked elements
+- **Tablet**: Two column layout
+- **Desktop**: Multi-column grid
+- **Large**: Expanded sidebar, wide content
+
+## 🎨 **VISUAL DESIGN**
+
+### **Color System**
+
+```css
+/* Brand Colors */
+primary: #0f172a    /* Dark blue */
+secondary: #64748b  /* Gray */
+accent: #3b82f6    /* Blue */
+
+/* Semantic Colors */
+success: #10b981   /* Green */
+warning: #f59e0b   /* Amber */
+error: #ef4444     /* Red */
+info: #06b6d4      /* Cyan */
+```
+
+### **Typography Scale**
+
+```css
+/* Font Sizes */
+text-xs: 0.75rem   /* 12px */
+text-sm: 0.875rem  /* 14px */
+text-base: 1rem    /* 16px */
+text-lg: 1.125rem  /* 18px */
+text-xl: 1.25rem   /* 20px */
+text-2xl: 1.5rem   /* 24px */
+text-3xl: 1.875rem /* 30px */
+```
+
+### **Spacing System**
+
+```css
+/* 4px Grid System */
+space-1: 0.25rem   /* 4px */
+space-2: 0.5rem    /* 8px */
+space-3: 0.75rem   /* 12px */
+space-4: 1rem      /* 16px */
+space-6: 1.5rem    /* 24px */
+space-8: 2rem      /* 32px */
+```
+
+## ♿ **ACCESSIBILITY STANDARDS**
+
+### **WCAG 2.1 AA Requirements**
+
+- **Contrast Ratio**: 4.5:1 minimum
+- **Keyboard Navigation**: Full keyboard support
+- **Screen Reader**: ARIA labels và live regions
+- **Focus Management**: Clear focus indicators
+- **Error Handling**: Clear error messages
+
+### **Implementation Guidelines**
+
+- **Semantic HTML**: Proper heading hierarchy
+- **ARIA Attributes**: Descriptive labels
+- **Focus Order**: Logical tab sequence
+- **Skip Links**: Jump to main content
+- **Alternative Text**: Image descriptions
+
+## 🚀 **PERFORMANCE GUIDELINES**
+
+### **Loading Performance**
+
+- **First Contentful Paint**: < 1.5 seconds
+- **Largest Contentful Paint**: < 2.5 seconds
+- **Cumulative Layout Shift**: < 0.1
+- **First Input Delay**: < 100ms
+
+### **Optimization Techniques**
+
+- **Code Splitting**: Route-based splitting
+- **Lazy Loading**: Components và images
+- **Image Optimization**: WebP format, responsive sizing
+- **Caching**: Browser và CDN caching
+- **Bundle Optimization**: Tree shaking, minification
+
+## 🔄 **DEVELOPMENT WORKFLOW**
+
+### **1. Design Phase**
+
+- **Wireframes**: Low-fidelity layouts
+- **Mockups**: High-fidelity designs
+- **Prototypes**: Interactive prototypes
+- **Design Review**: Stakeholder approval
+
+### **2. Implementation Phase**
+
+- **Component Creation**: Build reusable components
+- **Layout Implementation**: Implement page layouts
+- **Responsive Design**: Mobile-first development
+- **Accessibility**: ARIA implementation
+
+### **3. Testing Phase**
+
+- **Visual Testing**: Design consistency
+- **Responsive Testing**: Cross-device testing
+- **Accessibility Testing**: Screen reader testing
+- **Performance Testing**: Loading speed testing
+
+### **4. Review Phase**
+
+- **Design Review**: Visual consistency check
+- **Code Review**: Implementation quality
+- **Accessibility Review**: WCAG compliance
+- **Performance Review**: Speed optimization
+
+## 📝 **DOCUMENTATION STANDARDS**
+
+### **Guide Structure**
+
+Mỗi UI guide phải có:
+
+- **Overview**: Module description và key features
+- **Interface Components**: Component definitions
+- **Layout Examples**: Visual layout structures
+- **User Interactions**: Mouse, keyboard, touch
+- **Performance**: Optimization guidelines
+- **Accessibility**: WCAG compliance details
+
+### **Code Examples**
+
+- **TypeScript Interfaces**: Component definitions
+- **Layout Diagrams**: ASCII art layouts
+- **CSS Classes**: Tailwind utility classes
+- **Component Props**: React component props
+
+## 🔗 **RELATED DOCUMENTATION**
+
+- [**Design System**](../design-system/) - Component library
+- [**API Documentation**](../api/) - Backend integration
+- [**Data Model**](../data-model.md) - Database schema
+- [**Security Guidelines**](../SECURITY.md) - Security standards
+- [**Performance Guidelines**](../playbooks/observability.md) - Performance optimization
+
+## 🚨 **IMPORTANT NOTES**
+
+### **Design Consistency**
+
+- **MUST** follow established design patterns
+- **MUST** use shadcn/ui components
+- **MUST** maintain brand consistency
+- **MUST** follow accessibility guidelines
+
+### **Performance Requirements**
+
+- **MUST** meet performance benchmarks
+- **MUST** implement lazy loading
+- **MUST** optimize bundle size
+- **MUST** use efficient rendering
+
+### **Accessibility Compliance**
+
+- **MUST** meet WCAG 2.1 AA standards
+- **MUST** support keyboard navigation
+- **MUST** provide screen reader support
+- **MUST** maintain high contrast ratios
+
+---
+
+_Last Updated: 2025-01-02_
+_Maintainer: Design Team_
+_Version: 1.0_
diff --git a/docs/ui/auth.md b/docs/ui/auth.md
new file mode 100644
index 00000000..3bb2e23f
--- /dev/null
+++ b/docs/ui/auth.md
@@ -0,0 +1,333 @@
+# Authentication UI Guide
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Interface Components](#interface-components)
+- [Sign In Flow](#sign-in-flow)
+- [Sign Up Flow](#sign-up-flow)
+- [Password Reset](#password-reset)
+- [User Interactions](#user-interactions)
+- [Performance Considerations](#performance-considerations)
+- [Accessibility](#accessibility)
+
+## Overview
+
+Authentication UI là giao diện đăng nhập, đăng ký và quản lý tài khoản cho AiM Platform. Interface hỗ trợ multiple authentication flows, form validation, và responsive design cho tất cả devices.
+
+### 🎯 Key Features
+
+- **Multi-step Authentication**: Sign in, sign up, password reset flows
+- **Form Validation**: Real-time validation với error handling
+- **Responsive Design**: Mobile-first với touch optimization
+- **Security Indicators**: Password strength, 2FA setup
+- **Brand Integration**: Customizable với organization branding
+
+## Interface Components
+
+### 🎛️ Header Controls
+
+```typescript
+interface AuthHeader {
+   logo: Image; // Organization logo
+   title: string; // "Welcome to AiM Platform"
+   subtitle?: string; // "Sign in to continue"
+   languageSelector?: Select; // Language switcher
+}
+```
+
+### 📝 Form Components
+
+```typescript
+interface AuthForm {
+   fields: FormField[]; // Input fields
+   validation: ValidationState; // Real-time validation
+   submitButton: Button; // Primary action button
+   secondaryActions: Button[]; // Links và secondary buttons
+}
+```
+
+### 🔐 Security Elements
+
+```typescript
+interface SecurityFeatures {
+   passwordStrength: ProgressBar; // Password strength indicator
+   twoFactorSetup: Switch; // 2FA toggle
+   rememberMe: Checkbox; // Remember login
+   captcha?: CaptchaComponent; // CAPTCHA if enabled
+}
+```
+
+## Sign In Flow
+
+### 📱 Sign In Page Layout
+
+**Page Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│                    Organization Logo                    │
+│                 Welcome to AiM Platform                │
+│                   Sign in to continue                  │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ Email Address                    [email@domain.com] │ │
+│ │ Password                         [••••••••••••••••] │ │
+│ │ [✓] Remember me    [Forgot Password?]              │ │
+│ │                                                 [Sign In] │
+│ └─────────────────────────────────────────────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ Don't have an account? [Create Account]               │
+│ [Continue with Google] [Continue with GitHub]         │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Form Fields:**
+
+- **Email**: Email input với validation
+- **Password**: Password input với show/hide toggle
+- **Remember Me**: Checkbox cho persistent login
+- **Forgot Password**: Link to password reset
+
+**Visual Indicators:**
+
+- 🔴 **Error State**: Red border + error message
+- 🟡 **Warning State**: Yellow border + warning message
+- 🟢 **Success State**: Green border + success message
+- 🔒 **Loading State**: Spinner + disabled inputs
+
+### 🔄 Sign In States
+
+```typescript
+interface SignInStates {
+   initial: FormState; // Clean form
+   loading: LoadingState; // Submitting
+   success: SuccessState; // Redirecting
+   error: ErrorState; // Display error
+   locked: LockedState; // Account locked
+}
+```
+
+## Sign Up Flow
+
+### 📱 Sign Up Page Layout
+
+**Page Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│                    Organization Logo                    │
+│                 Join AiM Platform                      │
+│                Create your account                     │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ Full Name                    [John Doe]             │ │
+│ │ Email Address               [email@domain.com]      │ │
+│ │ Password                    [••••••••••••••••]      │
+│ │ Confirm Password            [••••••••••••••••]      │
+│ │ [✓] I agree to Terms & Privacy Policy              │
+│ │                                                 [Sign Up] │
+│ └─────────────────────────────────────────────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ Already have an account? [Sign In]                    │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Form Fields:**
+
+- **Full Name**: Text input với validation
+- **Email**: Email input với availability check
+- **Password**: Password input với strength indicator
+- **Confirm Password**: Password confirmation
+- **Terms Agreement**: Checkbox với links
+
+**Password Strength Indicator:**
+
+- 🔴 **Weak**: Red bar (0-25%) + "Too weak"
+- 🟡 **Fair**: Yellow bar (26-50%) + "Could be stronger"
+- 🟠 **Good**: Orange bar (51-75%) + "Good password"
+- 🟢 **Strong**: Green bar (76-100%) + "Strong password"
+
+## Password Reset
+
+### 📱 Password Reset Flow
+
+**Step 1: Request Reset**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│                 Reset Password                         │
+│            Enter your email address                    │
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ Email Address                    [email@domain.com] │ │
+│ │                                                 [Send Reset Link] │
+│ └─────────────────────────────────────────────────────┘ │
+│ [Back to Sign In]                                      │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Step 2: Reset Link Sent**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│                 Check Your Email                       │
+│ We've sent a password reset link to:                  │
+│                    email@domain.com                    │
+│                                                       │
+│ [Resend Email] [Change Email]                         │
+│ [Back to Sign In]                                      │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Step 3: New Password**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│                 Set New Password                       │
+│            Enter your new password                     │
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ New Password                    [••••••••••••••••]  │
+│ │ Confirm Password                [••••••••••••••••]  │
+│ │                                                 [Update Password] │
+│ └─────────────────────────────────────────────────────┘ │
+└─────────────────────────────────────────────────────────┘
+```
+
+## User Interactions
+
+### 🖱️ Mouse Interactions
+
+**Click Actions:**
+
+- **Form Submission**: Submit button clicks
+- **Field Focus**: Input field selection
+- **Toggle Visibility**: Password show/hide
+- **Link Navigation**: Secondary action links
+
+**Hover Effects:**
+
+- **Interactive Elements**: Button hover states
+- **Form Fields**: Subtle border changes
+- **Links**: Underline effects
+
+**Form Validation:**
+
+- **Real-time**: Validate on input change
+- **On Blur**: Validate when leaving field
+- **On Submit**: Final validation check
+
+### ⌨️ Keyboard Navigation
+
+**Tab Order:**
+
+1. Email/Name input
+2. Password input
+3. Remember me checkbox
+4. Submit button
+5. Secondary action links
+6. Social login buttons
+
+**Keyboard Shortcuts:**
+
+- **Enter**: Submit form
+- **Tab**: Navigate between fields
+- **Escape**: Clear form
+- **Space**: Toggle checkboxes
+
+### 📱 Touch Interactions
+
+**Mobile Gestures:**
+
+- **Tap**: Select elements
+- **Long Press**: Show context menu
+- **Swipe**: Navigate between forms
+
+**Touch Optimization:**
+
+- **Touch Targets**: Minimum 44px size
+- **Form Fields**: Large input areas
+- **Buttons**: Adequate spacing
+
+## Performance Considerations
+
+### 🚀 Form Performance
+
+**Validation Strategy:**
+
+- **Debounced Validation**: 300ms delay cho real-time
+- **Lazy Validation**: Validate on blur/submit
+- **Cached Validation**: Store validation results
+
+**Loading States:**
+
+- **Button States**: Disabled + loading spinner
+- **Form Lock**: Prevent multiple submissions
+- **Progress Indicators**: Multi-step progress
+
+**Error Handling:**
+
+- **Graceful Degradation**: Fallback error messages
+- **Retry Logic**: Automatic retry cho network errors
+- **Offline Support**: Queue actions cho later
+
+### 🎨 Rendering Optimization
+
+**Component Memoization:**
+
+- **Form Fields**: Memoize input components
+- **Validation Messages**: Memoize error displays
+- **Buttons**: Memoize button states
+
+**State Management:**
+
+- **Local State**: Form field values
+- **Validation State**: Error/success states
+- **Loading State**: Submission status
+
+## Accessibility
+
+### ♿ WCAG 2.1 Compliance
+
+**Screen Reader Support:**
+
+- **ARIA Labels**: Descriptive labels cho all inputs
+- **Error Announcements**: Announce validation errors
+- **Status Updates**: Announce form state changes
+
+**Keyboard Navigation:**
+
+- **Full Keyboard Support**: All functions accessible
+- **Focus Management**: Logical tab order
+- **Skip Links**: Jump to main content
+
+**Color & Contrast:**
+
+- **High Contrast**: 4.5:1 minimum ratio
+- **Color Independence**: Not relying on color alone
+- **Visual Indicators**: Icons + text labels
+
+### 🎯 Specific Features
+
+**Form Accessibility:**
+
+- **Label Associations**: Proper form labels
+- **Error Messages**: Clear error descriptions
+- **Validation Feedback**: Real-time validation
+
+**Password Security:**
+
+- **Strength Indicators**: Visual + text feedback
+- **Show/Hide Toggle**: Accessible button
+- **Requirements List**: Clear password rules
+
+**Multi-step Flows:**
+
+- **Progress Indicators**: Clear step progression
+- **Step Navigation**: Easy step switching
+- **Context Information**: Current step context
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Design Team_
diff --git a/docs/ui/campaigns.md b/docs/ui/campaigns.md
new file mode 100644
index 00000000..8dac0c19
--- /dev/null
+++ b/docs/ui/campaigns.md
@@ -0,0 +1,530 @@
+# Campaigns UI Guide
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Interface Components](#interface-components)
+- [Campaign List View](#campaign-list-view)
+- [Campaign Detail View](#campaign-detail-view)
+- [Campaign Creation Form](#campaign-creation-form)
+- [Campaign Management](#campaign-management)
+- [User Interactions](#user-interactions)
+- [Performance Considerations](#performance-considerations)
+- [Accessibility](#accessibility)
+
+## Overview
+
+Campaigns UI là giao diện quản lý chiến dịch marketing cho AiM Platform. Interface hỗ trợ campaign creation, management, analytics, và collaboration giữa team members với role-based access control.
+
+### 🎯 Key Features
+
+- **Campaign Management**: Create, edit, delete campaigns
+- **Content Integration**: Link content với campaigns
+- **Team Collaboration**: Role-based permissions và workflows
+- **Analytics Dashboard**: Performance metrics và reporting
+- **Responsive Design**: Mobile-friendly với touch optimization
+
+## Interface Components
+
+### 🎛️ Header Controls
+
+```typescript
+interface CampaignHeader {
+   title: string; // "Campaigns"
+   searchBar: SearchInput; // Global search
+   filters: FilterBar; // Status, date, team filters
+   createButton: Button; // "Create Campaign"
+   viewToggle: ViewToggle; // Grid/List view switch
+}
+```
+
+### 📊 Campaign Grid
+
+```typescript
+interface CampaignGrid {
+   campaigns: CampaignCard[]; // Campaign cards
+   pagination: Pagination; // Page navigation
+   emptyState: EmptyState; // No campaigns message
+   loadingState: LoadingState; // Loading skeleton
+}
+```
+
+### 🎨 Campaign Card
+
+```typescript
+interface CampaignCard {
+   header: {
+      title: string; // Campaign name
+      status: Badge; // Status indicator
+      priority: PriorityBadge; // Priority level
+   };
+   content: {
+      description: string; // Campaign description
+      metrics: MetricRow[]; // Performance metrics
+      team: AvatarGroup; // Team members
+   };
+   actions: {
+      edit: Button; // Edit button
+      duplicate: Button; // Duplicate button
+      delete: Button; // Delete button
+   };
+}
+```
+
+### 📝 Campaign Creation Modal
+
+```typescript
+interface CampaignCreationModal {
+   header: {
+      team: string; // "team"
+      title: string; // "New Campaign"
+      closeButton: Button; // Close [✕] button
+   };
+   form: {
+      name: Input; // Campaign name input
+      summary: Input; // Short summary input
+      attributes: AttributeRow[]; // Status, lead, members, dates, labels
+      description: TextArea; // Rich description area
+      milestones: MilestoneSection; // Milestones management
+   };
+   actions: {
+      cancel: Button; // Cancel button
+      create: Button; // Create campaign button
+   };
+}
+```
+
+### 🎯 Attribute Row Components
+
+```typescript
+interface AttributeRow {
+   status: StatusSelector; // draft, planning, ready, Done, Canceled
+   lead: LeadSelector; // Single person assignment (👤)
+   members: MemberSelector; // Multiple team members or teams (👥)
+   startDate: DateSelector; // Campaign start date (📅)
+   targetDate: DateSelector; // Campaign target date (📅)
+   labels: LabelSelector; // Custom tags (🏷️)
+}
+```
+
+## Campaign List View
+
+### 📱 List Page Layout
+
+**Page Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ Campaigns                    [Search Campaigns...]     │
+│ [All] [Active] [Draft] [Completed] [Archived]         │
+├─────────────────────────────────────────────────────────┤
+│ [Create Campaign] [Grid View] [List View]              │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ 📋 Campaigns Overview Table                        │ │
+│ ├─────────────────────────────────────────────────────┤ │
+│ │ Title │ Health │ Total Tasks │ PIC │ Timeline │ Status │ │
+│ ├─────────────────────────────────────────────────────┤ │
+│ │ 🚀 Summer Sale 2024 │ 🟢 On Track │ 15 │ 👥 John D, Sarah M, Mike R │ Aug 1 → Aug 31 │ 🟡 Planning │ [📋] │ │
+│ ├─────────────────────────────────────────────────────┤ │
+│ │ 🎯 Q4 Product Launch │ 🟡 At Risk │ 8 │ 👥 Sarah M, Mike R │ Sep 1 → Sep 30 │ 🔵 Draft │ [📋] │ │
+│ ├─────────────────────────────────────────────────────┤ │
+│ │ 🌟 Brand Awareness │ 🔴 Off Track │ 12 │ 👥 Mike R, Team A │ Oct 1 → Oct 31 │ 🔴 Canceled │ [📋] │ │
+│ └─────────────────────────────────────────────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ Showing 1-10 of 24 campaigns                          │
+│ [← Previous] [1] [2] [3] [Next →]                    │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Filter Options:**
+
+- **Health**: All, On Track, At Risk, Off Track
+- **Status**: All, Draft, Planning, Ready, Done, Canceled
+- **Team**: All teams, Specific team members
+- **Date Range**: Last 7 days, Last 30 days, Custom range
+
+**View Options:**
+
+- **Table View**: Detailed table layout (default)
+- **Grid View**: Card-based layout
+- **Compact View**: Minimal information
+
+## Campaign Detail View
+
+### 📱 Detail Page Layout
+
+**Page Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ ← Back to Campaigns    🚀 Summer Sale 2024    [Edit]   │
+│ [Active] [High Priority] [Created: Jan 1, 2024]       │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ 📋 Overview                                        │
+│ │ Boost summer sales with targeted social media...   │
+│ │ 🎯 Goal: Increase sales by 25%                     │
+│ │ 💰 Budget: $10,000                                │
+│ │ 📅 Duration: Jun 1 - Aug 31, 2024                 │
+│ └─────────────────────────────────────────────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ [Overview] [Content] [Analytics] [Team] [Settings]   │
+├─────────────────────────────────────────────────────────┤
+│ Content Tab Content                                   │
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ 📝 Content Items (12)                              │
+│ │ [Create Content] [Import Content]                  │
+│ │ • Summer Sale Post 1 - Instagram                   │
+│ │ • Summer Sale Post 2 - Facebook                    │
+│ │ • Summer Sale Post 3 - LinkedIn                    │
+│ └─────────────────────────────────────────────────────┘ │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Tab Navigation:**
+
+- **Overview**: Campaign summary và key metrics
+- **Content**: Linked content items và creation
+- **Analytics**: Performance data và insights
+- **Team**: Team members và permissions
+- **Settings**: Campaign configuration
+
+### 📋 Right Side Panel Layout
+
+**Panel Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ Campaign Details                    [✕]                │
+├─────────────────────────────────────────────────────────┤
+│ 🚀 Summer Sale 2024                                   │
+│ 🟢 On Track • 🟡 Planning • High Priority             │
+├─────────────────────────────────────────────────────────┤
+│ 📋 Tasks (15)                                          │
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ ✅ Create campaign brief                            │
+│ │ ✅ Design social media graphics                     │
+│ │ ⏳ Write Instagram captions (3/5)                  │
+│ │ ⏳ Schedule posts (8/15)                            │
+│ │ ⏳ Monitor performance                              │
+│ └─────────────────────────────────────────────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ 👥 Team Members                                        │
+│ • John D (Campaign Manager)                           │
+│ • Sarah M (Content Creator)                           │
+│ • Mike R (Designer)                                   │
+├─────────────────────────────────────────────────────────┤
+│ 📅 Timeline                                            │
+│ Start: Aug 1, 2024                                    │
+│ End: Aug 31, 2024                                     │
+│ Duration: 31 days                                      │
+└─────────────────────────────────────────────────────────┘
+```
+
+## Campaign Creation Form
+
+### 📱 Creation Form Layout
+
+**Modal Behavior:**
+
+- **Centered Position**: Modal appears in center of screen
+- **Dark Theme**: Consistent với app theme
+- **Close Button**: [✕] button at top right
+- **Overlay Background**: Dimmed main content behind modal
+- **Responsive Design**: Adapts to different screen sizes
+
+**Form Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ team • New Campaign                    [✕]           │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ Campaign Name                    [Enter name...]    │
+│ │ Summary                          [Add a short summary...] │
+│ ├─────────────────────────────────────────────────────┤
+│ │ [status] [Lead 👤] [Members 👥] [Start 📅] [Target 📅] [Labels 🏷️] │
+│ ├─────────────────────────────────────────────────────┤
+│ │ Description                                      │
+│ │ ┌─────────────────────────────────────────────────┐ │
+│ │ │ Write a description, a campaign brief, or      │
+│ │ │ collect ideas...                               │
+│ │ │                                                 │
+│ │ │                                                 │
+│ │ └─────────────────────────────────────────────────┘ │
+│ ├─────────────────────────────────────────────────────┤
+│ │ Milestones                                        │
+│ │ [+] Add milestone                                 │
+│ ├─────────────────────────────────────────────────────┤
+│ │ [Cancel] [Create Campaign]                        │
+│ └─────────────────────────────────────────────────────┘ │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Form Fields:**
+
+- **Campaign Name**: Required text input (large field)
+- **Summary**: Short description field (optional)
+- **Status**: draft, planning, ready, Done, Canceled
+- **Lead**: Single person assignment (👤 icon)
+- **Members**: Multiple team members (👥 icon)
+- **Start Date**: Campaign start date (📅 icon)
+- **Target Date**: Campaign target date (📅 icon)
+- **Labels**: Custom tags và categories (🏷️ icon)
+- **Description**: Rich text area for detailed informations
+- **Milestones**: Project milestones và checkpoints
+
+**Validation Rules:**
+
+- **Campaign Name**: Required, min 3 characters, max 100 characters
+- **Summary**: Optional, max 200 characters
+- **Status**: Required, must be valid status value
+- **Lead**: Required, must be valid team member
+- **Members**: Optional, can be empty, could be a member or teams
+- **Start Date**: Required, must be valid date
+- **Target Date**: Required, must be after start date
+- **Labels**: Optional, max 10 labels per campaign
+- **Description**: Optional, max 2000 characters
+- **Milestones**: Optional, max 20 milestones per campaign
+
+## Campaign Management
+
+### 📊 Status Management
+
+**Status Flow:**
+
+```
+DRAFT → PLANNING → READY → DONE
+  ↓        ↓         ↓       ↓
+  Edit    Review    Start   Complete
+  Save    Approve   Launch  Archive
+```
+
+**Status Indicators:**
+
+- 🔵 **Draft**: Blue badge - "Draft"
+- 🟡 **Planning**: Yellow badge - "Planning"
+- 🟢 **Ready**: Green badge - "Ready"
+- 🟠 **Done**: Orange badge - "Done"
+- 🔴 **Canceled**: Red badge - "Canceled"
+
+### 🎯 Health Management
+
+**Health Levels:**
+
+- 🟢 **On Track**: Green badge - "On Track"
+- 🟡 **At Risk**: Yellow badge - "At Risk"
+- 🔴 **Off Track**: Red badge - "Off Track"
+
+**Health Rules:**
+
+- **On Track**: Campaign progressing as planned
+- **At Risk**: Some delays or issues, but manageable
+- **Off Track**: Significant delays or major issues
+
+### 🎯 Priority Management
+
+**Priority Levels:**
+
+- 🔴 **High**: Red badge - "High Priority"
+- 🟡 **Medium**: Yellow badge - "Medium Priority"
+- 🟢 **Low**: Green badge - "Low Priority"
+
+**Priority Rules:**
+
+- **High**: Urgent campaigns, tight deadlines
+- **Medium**: Standard campaigns, normal timeline
+- **Low**: Background campaigns, flexible timeline
+
+### 📋 Task Management
+
+**Task Structure:**
+
+- **Main Tasks**: Primary campaign activities
+- **Subtasks**: Breakdown of main tasks
+- **Posts**: Content creation tasks (can be tasks too)
+- **Dependencies**: Task relationships và sequences
+
+**Task Types:**
+
+- **Content Creation**: Social media posts, blog articles
+- **Design Tasks**: Graphics, videos, layouts
+- **Approval Tasks**: Content review, campaign approval
+- **Publishing Tasks**: Schedule và publish content
+
+### 🎨 Right Side Panel
+
+**Panel Features:**
+
+- **📋 Icon**: Click to open campaign details panel
+- **Auto-hide**: Panel automatically hides when not in use
+- **Slide Animation**: Smooth right-to-left slide effect
+- **Campaign Details**: Comprehensive campaign information
+- **Task List**: All tasks và subtasks
+- **Team Management**: Member assignments và roles
+- **Timeline View**: Detailed schedule breakdown
+
+## User Interactions
+
+### 🖱️ Mouse Interactions
+
+**Click Actions:**
+
+- **Campaign Selection**: Click row để view details
+- **📋 Icon Click**: Open right side panel với campaign details
+- **Create Campaign**: Click "+ Add project" để open modal
+- **Quick Actions**: Hover để reveal action buttons
+- **Bulk Operations**: Select multiple campaigns
+- **Navigation**: Tab switching, pagination
+- **Modal Close**: Click [✕] hoặc overlay để close
+
+**Hover Effects:**
+
+- **Card Hover**: Subtle shadow + action buttons
+- **Button Hover**: Color changes + tooltips
+- **Status Hover**: Additional information
+
+**Drag & Drop:**
+
+- **Status Change**: Drag status badges
+- **Priority Change**: Drag priority indicators
+- **Team Assignment**: Drag team members
+
+### ⌨️ Keyboard Navigation
+
+**Tab Order:**
+
+1. Search bar
+2. Filter controls
+3. Create button
+4. Campaign cards
+5. Action buttons
+6. Pagination controls
+
+**Keyboard Shortcuts:**
+
+- **Enter**: Open campaign details
+- **Space**: Select campaign
+- **Delete**: Delete selected campaign
+- **Escape**: Close modals
+- **Ctrl/Cmd + A**: Select all campaigns
+- **Ctrl/Cmd + N**: Open new campaign modal
+- **Tab**: Navigate between form fields
+- **Shift + Tab**: Navigate backwards through fields
+
+### 📱 Touch Interactions
+
+**Mobile Gestures:**
+
+- **Tap**: Select campaign
+- **Long Press**: Show context menu
+- **Swipe**: Navigate between tabs
+- **Pinch**: Zoom campaign grid
+
+**Touch Optimization:**
+
+- **Touch Targets**: Minimum 44px size
+- **Gesture Support**: Native touch gestures
+- **Responsive Layout**: Mobile-first design
+
+## Performance Considerations
+
+### 🚀 Data Loading
+
+**Pagination Strategy:**
+
+```typescript
+interface PaginationConfig {
+   pageSize: 20; // Items per page
+   preloadPages: 2; // Preload adjacent pages
+   virtualScrolling: true; // Virtual scroll for large lists
+}
+```
+
+**Lazy Loading:**
+
+- **Initial Load**: First page only
+- **On-demand**: Load pages as needed
+- **Background**: Preload next page
+
+**Caching Strategy:**
+
+- **Campaign Data**: Cache trong memory
+- **User Preferences**: Persist filters và settings
+- **Search Results**: Cache search queries
+
+### 🎨 Rendering Optimization
+
+**Component Memoization:**
+
+- **Campaign Cards**: Memoize card components
+- **Filter Controls**: Memoize filter components
+- **Pagination**: Memoize pagination controls
+
+**Virtual Scrolling:**
+
+- **Large Tables**: Virtual scroll cho 100+ campaigns
+- **Performance**: Render visible rows only
+- **Smooth Scrolling**: 60fps scrolling performance
+
+**Table Optimization:**
+
+- **Column Sorting**: Efficient sort algorithms
+- **Row Selection**: Optimized selection handling
+- **Filter Performance**: Fast filtering với large datasets
+
+**State Management:**
+
+- **Local State**: Component-level state
+- **Shared State**: Context providers
+- **Persistence**: URL state cho filters
+
+## Accessibility
+
+### ♿ WCAG 2.1 Compliance
+
+**Screen Reader Support:**
+
+- **ARIA Labels**: Descriptive labels cho all elements
+- **Live Regions**: Dynamic content updates
+- **Focus Management**: Logical tab order
+
+**Keyboard Navigation:**
+
+- **Full Keyboard Support**: All functions accessible
+- **Focus Indicators**: Clear focus states
+- **Skip Links**: Jump to main content
+
+**Color & Contrast:**
+
+- **High Contrast**: 4.5:1 minimum ratio
+- **Color Independence**: Not relying on color alone
+- **Visual Indicators**: Icons + text labels
+
+### 🎯 Specific Features
+
+**Campaign Table:**
+
+- **Semantic Structure**: Proper table headers và rows
+- **Status Announcements**: Screen reader announces status
+- **Action Descriptions**: Clear button descriptions
+- **Row Navigation**: Keyboard navigation between rows
+
+**Form Accessibility:**
+
+- **Label Associations**: Proper form labels
+- **Error Messages**: Clear error descriptions
+- **Validation Feedback**: Real-time validation
+
+**Navigation:**
+
+- **Tab Navigation**: Clear tab structure
+- **Breadcrumbs**: Navigation context
+- **Progress Indicators**: Multi-step progress
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Design Team_
diff --git a/docs/ui/content-editor.md b/docs/ui/content-editor.md
new file mode 100644
index 00000000..191d0c95
--- /dev/null
+++ b/docs/ui/content-editor.md
@@ -0,0 +1,400 @@
+# Content Editor UI Guide
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Interface Components](#interface-components)
+- [Editor Layout](#editor-layout)
+- [Rich Text Features](#rich-text-features)
+- [Content Management](#content-management)
+- [AI Integration](#ai-integration)
+- [User Interactions](#user-interactions)
+- [Performance Considerations](#performance-considerations)
+- [Accessibility](#accessibility)
+
+## Overview
+
+Content Editor UI là giao diện soạn thảo nội dung cho AiM Platform với rich text editor, AI assistance, và content management features. Interface hỗ trợ multiple content types, collaboration, và approval workflows.
+
+### 🎯 Key Features
+
+- **Rich Text Editor**: TipTap-based editor với advanced formatting
+- **AI Assistance**: Content generation, translation, optimization
+- **Content Management**: Draft saving, version control, collaboration
+- **Multi-platform Support**: Social media, blog, email content
+- **Responsive Design**: Mobile-friendly với touch optimization
+
+## Interface Components
+
+### 🎛️ Editor Header
+
+```typescript
+interface EditorHeader {
+   title: Input; // Content title
+   status: Badge; // Draft/Submitted/Approved
+   platform: Select; // Platform selection
+   campaign: Select; // Campaign assignment
+   actions: {
+      save: Button; // Save draft
+      preview: Button; // Preview content
+      submit: Button; // Submit for approval
+      publish: Button; // Publish directly
+   };
+}
+```
+
+### 📝 Main Editor
+
+```typescript
+interface MainEditor {
+   toolbar: EditorToolbar; // Formatting tools
+   contentArea: ContentArea; // Main editing area
+   wordCount: WordCounter; // Character/word count
+   autoSave: AutoSave; // Auto-save indicator
+}
+```
+
+### 🎨 Sidebar Panel
+
+```typescript
+interface EditorSidebar {
+   tabs: {
+      properties: Tab; // Content properties
+      assets: Tab; // Media assets
+      ai: Tab; // AI assistance
+      history: Tab; // Version history
+   };
+   content: TabContent; // Tab-specific content
+}
+```
+
+## Editor Layout
+
+### 📱 Main Page Layout
+
+**Page Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ [← Back] Content Editor                    [Save] [Preview] │
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ Title: [Enter content title...]                    │ │
+│ │ Platform: [Instagram] Campaign: [Summer Sale 2024] │ │
+│ └─────────────────────────────────────────────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ [B] [I] [U] [Link] [Image] [List] [Quote] [Code] [AI] │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │                                                     │
+│ │ Start writing your content here...                 │
+│ │                                                     │
+│ │ You can use the toolbar above to format your text. │
+│ │                                                     │
+│ │ [AI Assistant] can help you generate ideas!        │
+│ │                                                     │
+│ └─────────────────────────────────────────────────────┘ │
+│ Words: 45 | Characters: 234 | Auto-saved 2 min ago    │
+├─────────────────────────────────────────────────────────┤
+│ [Properties] [Assets] [AI] [History]                   │
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ Properties Tab Content                              │
+│ │ • Content Type: Social Media Post                   │
+│ │ • Target Audience: Young Professionals              │
+│ │ • Tone: Professional but Friendly                  │
+│ │ • Tags: #summer #sale #marketing                   │
+│ └─────────────────────────────────────────────────────┘ │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Layout Sections:**
+
+- **Header**: Title, platform, campaign, actions
+- **Toolbar**: Formatting tools và AI assistance
+- **Editor**: Main content area với rich text
+- **Status Bar**: Word count, auto-save status
+- **Sidebar**: Properties, assets, AI, history tabs
+
+## Rich Text Features
+
+### 🎨 Formatting Toolbar
+
+**Toolbar Structure:**
+
+```
+[B] [I] [U] [S] | [H1] [H2] [H3] | [List] [Ordered] | [Quote] [Code] | [Link] [Image] [Video] | [AI] [Settings]
+```
+
+**Text Formatting:**
+
+- **Bold**: `**Bold text**` - Strong emphasis
+- **Italic**: `*Italic text*` - Light emphasis
+- **Underline**: `<u>Underlined text</u>` - Additional emphasis
+- **Strikethrough**: `~~Strikethrough text~~` - Removed content
+
+**Heading Levels:**
+
+- **H1**: Main section headings
+- **H2**: Subsection headings
+- **H3**: Sub-subsection headings
+
+**List Types:**
+
+- **Bullet List**: Unordered list items
+- **Numbered List**: Ordered list items
+- **Checklist**: Task completion items
+
+**Special Elements:**
+
+- **Quote**: Blockquote với citation
+- **Code**: Inline code và code blocks
+- **Link**: Hyperlinks với preview
+- **Image**: Image insertion với alt text
+- **Video**: Video embedding
+
+### 📱 Content Types
+
+**Social Media Posts:**
+
+- **Instagram**: Image + caption (2200 chars)
+- **Facebook**: Text + media (63,206 chars)
+- **LinkedIn**: Professional content (3000 chars)
+- **Twitter**: Short posts (280 chars)
+
+**Blog Content:**
+
+- **Headings**: H1, H2, H3 structure
+- **Paragraphs**: Long-form content
+- **Media**: Images, videos, embeds
+- **SEO**: Meta descriptions, keywords
+
+**Email Content:**
+
+- **Subject Line**: Email subject
+- **Body**: Rich text content
+- **Signature**: Professional signature
+- **CTA**: Call-to-action buttons
+
+## Content Management
+
+### 💾 Draft Management
+
+**Auto-save Features:**
+
+- **Frequency**: Every 30 seconds
+- **Indicators**: "Auto-saved X min ago"
+- **Recovery**: Restore from auto-save
+- **Conflict Resolution**: Handle simultaneous saves
+
+**Version Control:**
+
+- **Draft Versions**: Save multiple versions
+- **Change Tracking**: Track content changes
+- **Revert Options**: Rollback to previous versions
+- **Collaboration**: Multiple editors support
+
+### 📋 Content Properties
+
+**Metadata Fields:**
+
+- **Content Type**: Post, article, email, etc.
+- **Target Audience**: Demographics, interests
+- **Tone**: Professional, casual, friendly, etc.
+- **Tags**: Categorization và search
+- **SEO**: Meta title, description, keywords
+
+**Platform Settings:**
+
+- **Character Limits**: Platform-specific limits
+- **Media Requirements**: Image dimensions, formats
+- **Hashtag Rules**: Platform hashtag guidelines
+- **Posting Times**: Optimal posting schedules
+
+## AI Integration
+
+### 🤖 AI Assistant Panel
+
+**AI Features:**
+
+- **Content Generation**: Generate content ideas
+- **Writing Assistance**: Improve writing quality
+- **Translation**: Multi-language support
+- **Optimization**: SEO và engagement optimization
+
+**AI Tools:**
+
+- **Content Ideas**: Generate topic suggestions
+- **Writing Prompts**: Creative writing assistance
+- **Grammar Check**: Spelling và grammar correction
+- **Tone Adjustment**: Modify content tone
+- **Length Optimization**: Adjust content length
+
+### 🎯 AI Workflow
+
+**Content Creation:**
+
+1. **Input**: Topic, audience, tone
+2. **Generation**: AI creates content draft
+3. **Editing**: Human review và refinement
+4. **Optimization**: AI suggests improvements
+5. **Finalization**: Human approval và publishing
+
+**AI Settings:**
+
+- **Model Selection**: GPT-4, GPT-3.5, etc.
+- **Creativity Level**: Conservative to creative
+- **Language**: Target language selection
+- **Style**: Formal, casual, technical, etc.
+
+## User Interactions
+
+### 🖱️ Mouse Interactions
+
+**Click Actions:**
+
+- **Toolbar**: Formatting tool selection
+- **Content Area**: Text cursor placement
+- **Sidebar**: Tab switching
+- **Actions**: Save, preview, submit buttons
+
+**Hover Effects:**
+
+- **Toolbar Items**: Tool descriptions
+- **Formatting**: Live preview of changes
+- **Buttons**: Hover states và tooltips
+
+**Drag & Drop:**
+
+- **Media**: Drag images/videos into editor
+- **Assets**: Drag from asset library
+- **Text**: Drag text selections
+
+### ⌨️ Keyboard Navigation
+
+**Editor Shortcuts:**
+
+- **Ctrl/Cmd + B**: Bold text
+- **Ctrl/Cmd + I**: Italic text
+- **Ctrl/Cmd + U**: Underline text
+- **Ctrl/Cmd + K**: Insert link
+- **Ctrl/Cmd + Shift + K**: Remove link
+- **Ctrl/Cmd + S**: Save draft
+- **Ctrl/Cmd + Enter**: Submit content
+
+**Navigation:**
+
+- **Tab**: Navigate between elements
+- **Arrow Keys**: Move cursor
+- **Home/End**: Beginning/end of line
+- **Ctrl/Cmd + Home/End**: Beginning/end of document
+
+### 📱 Touch Interactions
+
+**Mobile Gestures:**
+
+- **Tap**: Select elements
+- **Long Press**: Show context menu
+- **Double Tap**: Select word
+- **Pinch**: Zoom content
+
+**Touch Optimization:**
+
+- **Touch Targets**: Minimum 44px size
+- **Gesture Support**: Native touch gestures
+- **Mobile Toolbar**: Touch-friendly toolbar layout
+
+## Performance Considerations
+
+### 🚀 Editor Performance
+
+**Rendering Strategy:**
+
+```typescript
+interface EditorConfig {
+   debounceDelay: 300; // Auto-save delay
+   maxContentLength: 100000; // Maximum content size
+   lazyLoading: true; // Load features on-demand
+   virtualScrolling: true; // Large content handling
+}
+```
+
+**Memory Management:**
+
+- **Content Caching**: Cache recent content
+- **Asset Optimization**: Compress images/videos
+- **Garbage Collection**: Clean up unused resources
+- **Memory Monitoring**: Track memory usage
+
+**Auto-save Optimization:**
+
+- **Debounced Saves**: Prevent excessive saves
+- **Incremental Saves**: Save only changes
+- **Background Processing**: Non-blocking saves
+- **Conflict Resolution**: Handle simultaneous saves
+
+### 🎨 Rendering Optimization
+
+**Component Memoization:**
+
+- **Toolbar Items**: Memoize formatting tools
+- **Content Blocks**: Memoize content components
+- **Sidebar Tabs**: Memoize tab content
+
+**Content Rendering:**
+
+- **Lazy Rendering**: Render visible content only
+- **Virtual Scrolling**: Handle large documents
+- **Progressive Loading**: Load content progressively
+
+**State Management:**
+
+- **Local State**: Component-level state
+- **Shared State**: Editor context
+- **Persistence**: Auto-save và recovery
+
+## Accessibility
+
+### ♿ WCAG 2.1 Compliance
+
+**Screen Reader Support:**
+
+- **ARIA Labels**: Descriptive labels cho all elements
+- **Live Regions**: Dynamic content updates
+- **Focus Management**: Logical tab order
+
+**Keyboard Navigation:**
+
+- **Full Keyboard Support**: All functions accessible
+- **Focus Indicators**: Clear focus states
+- **Skip Links**: Jump to main content
+
+**Color & Contrast:**
+
+- **High Contrast**: 4.5:1 minimum ratio
+- **Color Independence**: Not relying on color alone
+- **Visual Indicators**: Icons + text labels
+
+### 🎯 Specific Features
+
+**Editor Accessibility:**
+
+- **Content Announcements**: Announce formatting changes
+- **Tool Descriptions**: Clear tool descriptions
+- **Error Messages**: Clear error descriptions
+
+**AI Features:**
+
+- **AI Status**: Announce AI processing status
+- **Content Changes**: Announce AI-generated content
+- **Suggestions**: Clear suggestion descriptions
+
+**Content Management:**
+
+- **Save Status**: Announce save status changes
+- **Version Information**: Announce version changes
+- **Collaboration**: Announce collaboration updates
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Design Team_
diff --git a/docs/ui/dashboards.md b/docs/ui/dashboards.md
new file mode 100644
index 00000000..d987be78
--- /dev/null
+++ b/docs/ui/dashboards.md
@@ -0,0 +1,420 @@
+# Dashboards UI Guide
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Interface Components](#interface-components)
+- [Dashboard Layouts](#dashboard-layouts)
+- [Widget System](#widget-system)
+- [Data Visualization](#data-visualization)
+- [User Interactions](#user-interactions)
+- [Performance Considerations](#performance-considerations)
+- [Accessibility](#accessibility)
+
+## Overview
+
+Dashboards UI là giao diện tổng quan và analytics cho AiM Platform với role-based dashboards, customizable widgets, và real-time data visualization. Interface hỗ trợ multiple user roles, data insights, và performance monitoring.
+
+### 🎯 Key Features
+
+- **Role-Based Dashboards**: Creator, Brand Owner, Admin views
+- **Customizable Widgets**: Drag & drop widget management
+- **Real-Time Data**: Live updates và performance metrics
+- **Data Visualization**: Charts, graphs, và analytics
+- **Responsive Design**: Mobile-friendly với touch optimization
+
+## Interface Components
+
+### 🎛️ Dashboard Header
+
+```typescript
+interface DashboardHeader {
+   title: string; // Dashboard title
+   periodSelector: Select; // Time period selection
+   refreshButton: Button; // Manual refresh
+   settingsButton: Button; // Dashboard settings
+   userInfo: UserInfo; // Current user context
+}
+```
+
+### 📊 Widget Grid
+
+```typescript
+interface WidgetGrid {
+   layout: GridLayout; // CSS Grid layout
+   widgets: Widget[]; // Dashboard widgets
+   emptyState: EmptyState; // No widgets message
+   loadingState: LoadingState; // Loading skeleton
+}
+```
+
+### 🎨 Widget Components
+
+```typescript
+interface Widget {
+   header: {
+      title: string; // Widget title
+      menu: DropdownMenu; // Widget actions
+      refresh: Button; // Refresh data
+   };
+   content: WidgetContent; // Widget-specific content
+   footer?: WidgetFooter; // Additional information
+   resize: ResizeHandle; // Resize controls
+}
+```
+
+## Dashboard Layouts
+
+### 📱 Creator Dashboard
+
+**Layout Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ Creator Dashboard                    [7D] [30D] [90D]  │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────┐ ┌─────────────────┐ ┌─────────────┐ │
+│ │ 📝 Active       │ │ 📊 Draft        │ │ ⏰ Scheduled │ │
+│ │ Campaigns       │ │ Content         │ │ Posts       │ │
+│ │ 5 campaigns     │ │ 12 items        │ │ 8 posts     │ │
+│ └─────────────────┘ └─────────────────┘ └─────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ 📈 Content Performance (Last 30 Days)              │ │
+│ │ [Line Chart: Engagement over time]                 │ │
+│ │ • Total Reach: 45.2K                               │ │
+│ │ • Total Clicks: 2.1K                               │ │
+│ │ • Avg. Engagement: 4.7%                            │ │
+│ └─────────────────────────────────────────────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────┐ ┌─────────────────┐ ┌─────────────┐ │
+│ │ 🎯 AI           │ │ 📱 Recent       │ │ 🏆 Top      │ │
+│ │ Suggestions     │ │ Performance     │ │ Performing  │ │
+│ │ 3 new ideas     │ │ Posts           │ │ Content     │ │
+│ └─────────────────┘ └─────────────────┘ └─────────────┘ │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Key Widgets:**
+
+- **Campaign Overview**: Active campaigns count
+- **Content Status**: Draft, scheduled, published counts
+- **Performance Charts**: Engagement metrics
+- **AI Suggestions**: Content ideas và optimization
+- **Recent Activity**: Latest posts và performance
+
+### 📱 Brand Owner Dashboard
+
+**Layout Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ Brand Owner Dashboard                [7D] [30D] [90D]  │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────┐ ┌─────────────────┐ ┌─────────────┐ │
+│ │ 💰 Budget       │ │ 📊 ROI          │ │ 👥 Team     │ │
+│ │ Status          │ │ Performance     │ │ Performance │ │
+│ │ $8,500/$10,000 │ │ 156%            │ │ 4 creators  │ │
+│ └─────────────────┘ └─────────────────┘ └─────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ 📈 Campaign Performance Overview                   │ │
+│ │ [Bar Chart: Campaign metrics]                      │ │
+│ │ • Summer Sale: 25.3K reach, 3.2K clicks           │ │
+│ │ • Q4 Launch: 18.7K reach, 2.1K clicks             │ │
+│ │ • Brand Awareness: 12.4K reach, 1.8K clicks       │ │
+│ └─────────────────────────────────────────────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────┐ ┌─────────────────┐ ┌─────────────┐ │
+│ │ ⏳ Approval     │ │ 🎯 Creator      │ │ 📱 Platform │ │
+│ │ Queue           │ │ Leaderboard     │ │ Performance │ │
+│ │ 7 pending       │ │ Top performers  │ │ Best channels│
+│ └─────────────────┘ └─────────────────┘ └─────────────┘ │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Key Widgets:**
+
+- **Financial Metrics**: Budget, ROI, spending
+- **Campaign Overview**: Performance summaries
+- **Approval Queue**: Content pending approval
+- **Team Performance**: Creator metrics
+- **Platform Insights**: Channel performance
+
+### 📱 Admin Dashboard
+
+**Layout Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ Admin Dashboard                       [7D] [30D] [90D] │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────┐ ┌─────────────────┐ ┌─────────────┐ │
+│ │ 👥 Total        │ │ 🚀 System       │ │ 📊 API      │ │
+│ │ Users           │ │ Health          │ │ Usage       │ │
+│ │ 156 users       │ │ 99.9% uptime    │ │ 2.3M calls  │ │
+│ └─────────────────┘ └─────────────────┘ └─────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────────────────────────────────────────┐ │
+│ │ 📈 System Performance Metrics                      │ │
+│ │ [Line Chart: Response times, errors]               │ │
+│ │ • Avg Response Time: 145ms                         │ │
+│ │ • Error Rate: 0.02%                                │ │
+│ │ • Active Sessions: 89                              │ │
+│ └─────────────────────────────────────────────────────┘ │
+├─────────────────────────────────────────────────────────┤
+│ ┌─────────────────┐ ┌─────────────────┐ ┌─────────────┐ │
+│ │ 🔐 Security    │ │ 📝 Recent       │ │ ⚙️ Feature  │ │
+│ │ Alerts          │ │ Activity        │ │ Flags       │ │
+│ │ 2 warnings      │ │ User actions    │ │ Toggle      │ │
+│ └─────────────────┘ └─────────────────┘ └─────────────┘ │
+└─────────────────────────────────────────────────────────┘
+```
+
+**Key Widgets:**
+
+- **System Metrics**: Users, health, performance
+- **Security Monitoring**: Alerts và threats
+- **Activity Logs**: User actions và system events
+- **Feature Management**: Feature flags và settings
+- **API Monitoring**: Usage và performance
+
+## Widget System
+
+### 🎨 Widget Types
+
+**Metric Widgets:**
+
+- **Number Display**: Single metric với trend
+- **Progress Bar**: Progress towards goal
+- **Status Indicator**: Current status với color coding
+- **Comparison**: Current vs previous period
+
+**Chart Widgets:**
+
+- **Line Chart**: Time-series data
+- **Bar Chart**: Categorical comparisons
+- **Pie Chart**: Distribution data
+- **Heatmap**: Time-based patterns
+- **Gauge**: Progress towards target
+
+**Content Widgets:**
+
+- **List Display**: Recent items với actions
+- **Table View**: Tabular data với sorting
+- **Card Grid**: Visual content display
+- **Timeline**: Chronological events
+
+### 🔧 Widget Configuration
+
+**Widget Settings:**
+
+- **Data Source**: API endpoint, database query
+- **Refresh Rate**: Auto-refresh interval
+- **Size**: Small, medium, large, custom
+- **Position**: Grid coordinates
+- **Styling**: Colors, themes, borders
+
+**Widget Actions:**
+
+- **Refresh**: Manual data refresh
+- **Configure**: Edit widget settings
+- **Duplicate**: Copy widget
+- **Remove**: Delete widget
+- **Export**: Download data
+
+## Data Visualization
+
+### 📊 Chart Components
+
+**Line Charts:**
+
+- **Time Series**: Date/time on X-axis
+- **Trend Lines**: Moving averages, forecasts
+- **Annotations**: Important events, milestones
+- **Zoom**: Pan và zoom functionality
+
+**Bar Charts:**
+
+- **Grouped Bars**: Multiple series
+- **Stacked Bars**: Cumulative values
+- **Horizontal Bars**: Long labels
+- **Error Bars**: Confidence intervals
+
+**Pie Charts:**
+
+- **Donut Charts**: Center space for totals
+- **Exploded Slices**: Highlight segments
+- **Labels**: Inside/outside positioning
+- **Colors**: Consistent color schemes
+
+### 🎨 Visual Design
+
+**Color Schemes:**
+
+- **Brand Colors**: Primary, secondary, accent
+- **Semantic Colors**: Success, warning, error
+- **Accessibility**: High contrast ratios
+- **Consistency**: Unified color palette
+
+**Typography:**
+
+- **Headers**: Clear hierarchy
+- **Labels**: Readable font sizes
+- **Numbers**: Monospace for alignment
+- **Legends**: Descriptive text
+
+## User Interactions
+
+### 🖱️ Mouse Interactions
+
+**Click Actions:**
+
+- **Widget Selection**: Click to select widget
+- **Data Points**: Click chart elements
+- **Menu Items**: Dropdown menu selection
+- **Navigation**: Widget navigation
+
+**Hover Effects:**
+
+- **Data Tooltips**: Show detailed information
+- **Widget Highlight**: Focus on hovered widget
+- **Interactive Elements**: Button hover states
+
+**Drag & Drop:**
+
+- **Widget Movement**: Reposition widgets
+- **Widget Resizing**: Resize widget dimensions
+- **Widget Reordering**: Change widget order
+
+### ⌨️ Keyboard Navigation
+
+**Tab Order:**
+
+1. Dashboard header
+2. Period selector
+3. Widget grid
+4. Individual widgets
+5. Widget actions
+
+**Keyboard Shortcuts:**
+
+- **Tab**: Navigate between elements
+- **Arrow Keys**: Navigate widgets
+- **Enter**: Activate selected element
+- **Space**: Toggle selections
+- **Escape**: Close modals/menus
+
+### 📱 Touch Interactions
+
+**Mobile Gestures:**
+
+- **Tap**: Select elements
+- **Long Press**: Show context menu
+- **Swipe**: Navigate between dashboards
+- **Pinch**: Zoom charts
+
+**Touch Optimization:**
+
+- **Touch Targets**: Minimum 44px size
+- **Gesture Support**: Native touch gestures
+- **Mobile Layout**: Responsive grid system
+
+## Performance Considerations
+
+### 🚀 Data Loading
+
+**Loading Strategy:**
+
+```typescript
+interface LoadingConfig {
+   initialLoad: 'skeleton' | 'spinner'; // Loading state
+   refreshInterval: number; // Auto-refresh (ms)
+   lazyLoading: boolean; // Load on demand
+   caching: boolean; // Cache data
+}
+```
+
+**Data Fetching:**
+
+- **Parallel Requests**: Multiple widgets simultaneously
+- **Request Batching**: Group similar requests
+- **Error Handling**: Graceful degradation
+- **Retry Logic**: Automatic retry on failure
+
+**Caching Strategy:**
+
+- **Memory Cache**: Store recent data
+- **Local Storage**: Persist user preferences
+- **Cache Invalidation**: Smart cache updates
+- **Background Sync**: Update data in background
+
+### 🎨 Rendering Optimization
+
+**Widget Rendering:**
+
+- **Lazy Loading**: Render visible widgets only
+- **Virtual Scrolling**: Handle many widgets
+- **Component Memoization**: Prevent unnecessary re-renders
+- **Debounced Updates**: Limit update frequency
+
+**Chart Performance:**
+
+- **Data Sampling**: Reduce data points for large datasets
+- **Progressive Rendering**: Render charts progressively
+- **Canvas vs SVG**: Choose based on data size
+- **Animation Optimization**: Smooth 60fps animations
+
+**State Management:**
+
+- **Local State**: Widget-specific state
+- **Shared State**: Dashboard context
+- **Persistence**: Save user preferences
+
+## Accessibility
+
+### ♿ WCAG 2.1 Compliance
+
+**Screen Reader Support:**
+
+- **ARIA Labels**: Descriptive labels cho all elements
+- **Live Regions**: Dynamic content updates
+- **Focus Management**: Logical tab order
+
+**Keyboard Navigation:**
+
+- **Full Keyboard Support**: All functions accessible
+- **Focus Indicators**: Clear focus states
+- **Skip Links**: Jump to main content
+
+**Color & Contrast:**
+
+- **High Contrast**: 4.5:1 minimum ratio
+- **Color Independence**: Not relying on color alone
+- **Visual Indicators**: Icons + text labels
+
+### 🎯 Specific Features
+
+**Chart Accessibility:**
+
+- **Data Descriptions**: Screen reader announces data
+- **Keyboard Navigation**: Navigate chart elements
+- **Alternative Text**: Describe chart content
+
+**Widget Accessibility:**
+
+- **Widget Announcements**: Announce widget updates
+- **Action Descriptions**: Clear button descriptions
+- **Status Information**: Announce status changes
+
+**Dashboard Navigation:**
+
+- **Landmark Regions**: Clear page structure
+- **Heading Hierarchy**: Logical content organization
+- **Progress Indicators**: Show loading progress
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Design Team_
diff --git a/docs/ui/schedule.md b/docs/ui/schedule.md
new file mode 100644
index 00000000..5b78d1c4
--- /dev/null
+++ b/docs/ui/schedule.md
@@ -0,0 +1,459 @@
+# Schedule UI Guide
+
+## 📋 Table of Contents
+
+- [Overview](#overview)
+- [Interface Components](#interface-components)
+- [View Modes](#view-modes)
+- [Draft Panel](#draft-panel)
+- [Drag & Drop Flow](#drag--drop-flow)
+- [User Interactions](#user-interactions)
+- [Performance Considerations](#performance-considerations)
+- [Accessibility](#accessibility)
+
+## Overview
+
+Schedule UI là giao diện chính để quản lý lịch trình xuất bản content trên các nền tảng social media. Interface hỗ trợ 3 chế độ xem (Day/Week/Month), draft panel, và drag-and-drop functionality để tạo schedules.
+
+### 🎯 Key Features
+
+- **Multi-view Calendar**: Day, Week, Month views với navigation
+- **Draft Panel**: Right-side panel hiển thị content có status DRAFT
+- **Drag & Drop**: Kéo thả draft content vào time slots
+- **Smart Scheduling**: Conflict detection và timezone support
+- **Responsive Design**: Mobile-friendly với touch gestures
+
+## Interface Components
+
+### 🎛️ Header Controls
+
+```typescript
+interface HeaderControls {
+   navigation: {
+      previous: Button; // Go to previous period
+      next: Button; // Go to next period
+      today: Button; // Jump to current date
+      dateDisplay: string; // Current period label
+   };
+   filters: {
+      channels: Badge[]; // Selected channels
+      campaigns: Badge[]; // Selected campaigns
+   };
+   draftToggle: Switch; // Show/hide draft panel
+}
+```
+
+### 📅 View Tabs
+
+```typescript
+interface ViewTabs {
+   day: TabTrigger; // Day view (24-hour timeline)
+   week: TabTrigger; // Week view (7-day grid)
+   month: TabTrigger; // Month view (calendar layout)
+}
+```
+
+### 🎨 Main Layout
+
+```typescript
+interface ScheduleLayout {
+   mainGrid: CalendarGrid; // Main calendar area
+   draftPanel?: DraftPanel; // Right-side panel (conditional)
+   scheduleSheet?: Sheet; // Schedule confirmation modal
+}
+```
+
+## View Modes
+
+### 📅 Day View
+
+**Purpose**: Detailed hourly planning với 15-minute precision
+
+**Layout Structure:**
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ Time Column │ Hour 0 │ Hour 1 │ Hour 2 │ ... │ Hour 23 │
+├─────────────┼────────┼────────┼────────┼─────┼─────────┤
+│ 12:00 AM   │ 15min  │ 15min  │ 15min  │ ... │ 15min   │
+│             │ slots  │ slots  │ slots  │     │ slots   │
+├─────────────┼────────┼────────┼────────┼─────┼─────────┤
+│ 1:00 AM    │ 15min  │ 15min  │ 15min  │ ... │ 15min   │
+│             │ slots  │ slots  │ slots  │     │ slots   │
+├─────────────┼────────┼────────┼────────┼─────┼─────────┤
+│ ...         │ ...    │ ...    │ ...    │ ... │ ...     │
+└─────────────┴────────┴────────┴────────┴─────┴─────────┘
+```
+
+**Features:**
+
+- **Time Slots**: 15-minute precision cho detailed scheduling
+- **Current Time**: Highlight "now" với blue badge
+- **Past Slots**: Grayed out với visual indication
+- **Drop Zones**: Hover effects cho drag & drop
+
+**Visual Indicators:**
+
+- 🕐 **Current Hour**: Blue background với "Now" badge
+- ⏰ **Current Slot**: Blue border với dashed line
+- 🕛 **Past Time**: Gray background với muted colors
+- 🎯 **Drop Target**: Hover effects và visual feedback
+
+### 📊 Week View
+
+**Purpose**: Weekly overview với daily columns và hourly rows
+
+**Layout Structure:**
+
+```
+┌─────────┬─────────┬─────────┬─────────┬─────────┬─────────┬─────────┬─────────┐
+│ Time    │ Monday  │ Tuesday │Wednesday│Thursday │ Friday  │Saturday │ Sunday  │
+├─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┤
+│ 12 AM  │ 15min   │ 15min   │ 15min   │ 15min   │ 15min   │ 15min   │ 15min   │
+│         │ slots   │ slots   │ slots   │ slots   │ slots   │ slots   │ slots   │
+├─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┤
+│ 1 AM   │ 15min   │ 15min   │ 15min   │ 15min   │ 15min   │ 15min   │ 15min   │
+│         │ slots   │ slots   │ slots   │ slots   │ slots   │ slots   │ slots   │
+├─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┤
+│ ...     │ ...     │ ...     │ ...     │ ...     │ ...     │ ...     │ ...     │
+└─────────┴─────────┴─────────┴─────────┴─────────┴─────────┴─────────┴─────────┘
+```
+
+**Features:**
+
+- **Daily Columns**: 7 days với consistent hourly rows
+- **Current Day**: Blue highlight với "Today" badge
+- **Compact Display**: 15-minute slots trong 4px height
+- **Schedule Preview**: Content preview trong slots
+
+**Visual Indicators:**
+
+- 📅 **Current Day**: Blue background với "Today" badge
+- 🕐 **Current Hour**: Blue highlight cho current time
+- 📱 **Schedules**: Blue cards với channel icons và titles
+- 🎯 **Drop Zones**: Hover effects cho drag & drop
+
+### 📆 Month View
+
+**Purpose**: Monthly overview với daily cells và schedule previews
+
+**Layout Structure:**
+
+```
+┌─────────┬─────────┬─────────┬─────────┬─────────┬─────────┬─────────┐
+│ Mon     │ Tue     │ Wed     │ Thu     │ Fri     │ Sat     │ Sun     │
+├─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┤
+│ 1      │ 2       │ 3       │ 4       │ 5       │ 6       │ 7       │
+│ [Day   │ [Day    │ [Day    │ [Day    │ [Day    │ [Day    │ [Day    │
+│  Cell] │  Cell]  │  Cell]  │  Cell]  │  Cell]  │  Cell]  │  Cell]  │
+├─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┤
+│ 8      │ 9       │ 10      │ 11      │ 12      │ 13      │ 14      │
+│ [Day   │ [Day    │ [Day    │ [Day    │ [Day    │ [Day    │ [Day    │
+│  Cell] │  Cell]  │  Cell]  │  Cell]  │  Cell]  │  Cell]  │  Cell]  │
+├─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┤
+│ ...     │ ...     │ ...     │ ...     │ ...     │ ...     │ ...     │
+└─────────┴─────────┴─────────┴─────────┴─────────┴─────────┴─────────┘
+```
+
+**Features:**
+
+- **Daily Cells**: 120px height với schedule previews
+- **Current Month**: Highlight current month dates
+- **Schedule Display**: Up to 3 schedules per day
+- **Drop Targets**: Full day drop zones
+
+**Visual Indicators:**
+
+- 📅 **Current Day**: Blue background với "Today" badge
+- 🌙 **Current Month**: Normal text color cho current month
+- 🌑 **Other Months**: Muted gray cho adjacent months
+- 📱 **Schedules**: Blue cards với channel icons và titles
+
+## Draft Panel
+
+### 📝 Panel Structure
+
+```typescript
+interface DraftPanel {
+   header: {
+      title: string; // "Draft Posts"
+      count: number; // Draft content count
+   };
+   search: Input; // Search drafts
+   channelSelector: Select; // Default channel
+   campaignFilter: Badge[]; // Campaign filter badges
+   contentList: ScrollArea; // Draft content items
+}
+```
+
+### 🔍 Search & Filtering
+
+**Search Functionality:**
+
+- **Text Search**: Title và body content
+- **Real-time**: Instant search results
+- **Highlight**: Search term highlighting
+
+**Campaign Filtering:**
+
+- **Multi-select**: Toggle campaigns on/off
+- **Visual State**: Selected vs unselected badges
+- **Dynamic Content**: Filter content list in real-time
+
+### 📱 Draft Content Items
+
+```typescript
+interface DraftItem {
+   channelIcon: string; // Platform emoji
+   campaignBadge: Badge; // Campaign name
+   assetIcons: Icon[]; // File type indicators
+   title: string; // Content title
+   body?: string; // Content preview
+   metadata: {
+      createdDate: string; // Creation date
+      dragHint: string; // "Drag to schedule"
+   };
+}
+```
+
+**Visual Design:**
+
+- 🎨 **Hover Effects**: Subtle background changes
+- 🖱️ **Drag Cursor**: `cursor-move` cho drag indication
+- 📱 **Asset Preview**: File type icons với count badges
+- 🏷️ **Campaign Tags**: Color-coded campaign badges
+
+## Drag & Drop Flow
+
+### 🎯 Drag Source (Draft Panel)
+
+**Drag Initiation:**
+
+1. **Mouse Down**: Start drag operation
+2. **Visual Feedback**: Item opacity → 50%
+3. **Drag Preview**: Show content thumbnail
+4. **Data Transfer**: Set `contentId` và `channel`
+
+**Drag Data:**
+
+```typescript
+interface DragItem {
+   type: 'DRAFT_CONTENT';
+   contentId: string;
+   channel: Channel;
+   preview?: {
+      title: string;
+      channelIcon: string;
+      thumbnail?: string;
+   };
+}
+```
+
+### 🎯 Drop Target (Calendar Grid)
+
+**Drop Zones:**
+
+- **Day View**: 15-minute time slots
+- **Week View**: 15-minute time slots
+- **Month View**: Full day cells
+
+**Drop Validation:**
+
+- ✅ **Valid Targets**: Future time slots
+- ⚠️ **Past Time**: Warning với confirmation
+- 🚫 **Invalid**: Disabled drop zones
+
+**Drop Handling:**
+
+```typescript
+interface DropResult {
+   contentId: string;
+   channel: Channel;
+   targetDate: Date;
+   targetTime: string;
+}
+```
+
+### 📋 Schedule Confirmation Sheet
+
+**Sheet Content:**
+
+```typescript
+interface ScheduleSheet {
+   header: {
+      title: string; // "Schedule Content"
+      icon: Icon; // Calendar icon
+   };
+   form: {
+      channel: Select; // Platform selection
+      date: Input; // Date picker
+      time: Select; // Time selection (15-min slots)
+      timezone: Select; // Timezone picker
+   };
+   preview: {
+      summary: string; // Schedule summary
+      warnings?: Alert[]; // Past time warnings
+   };
+   actions: {
+      cancel: Button; // Cancel button
+      submit: Button; // Schedule button
+   };
+}
+```
+
+**Form Validation:**
+
+- ✅ **Required Fields**: Channel, date, time, timezone
+- ⚠️ **Past Time**: Warning với confirmation
+- 🚫 **Invalid Data**: Disable submit button
+
+## User Interactions
+
+### 🖱️ Mouse Interactions
+
+**Click Actions:**
+
+- **Navigation**: Previous/next period buttons
+- **View Switching**: Tab selection
+- **Draft Toggle**: Show/hide draft panel
+- **Filter Selection**: Campaign và channel filters
+
+**Hover Effects:**
+
+- **Drop Zones**: Visual feedback cho drag targets
+- **Interactive Elements**: Button và badge hover states
+- **Schedule Items**: Hover previews cho content
+
+**Drag Operations:**
+
+- **Start Drag**: Mouse down trên draft items
+- **Drag Over**: Visual feedback trên drop zones
+- **Drop**: Release để create schedule
+
+### ⌨️ Keyboard Navigation
+
+**Tab Order:**
+
+1. Navigation controls (previous, next, today)
+2. View tabs (day, week, month)
+3. Filter controls (channels, campaigns)
+4. Draft toggle
+5. Draft panel content
+6. Calendar grid (if accessible)
+
+**Keyboard Shortcuts:**
+
+- **Enter**: Open draft panel
+- **Tab**: Navigate between elements
+- **Arrow Keys**: Navigate time slots
+- **Space**: Select time slots
+- **Escape**: Close modals/sheets
+
+### 📱 Touch Interactions
+
+**Mobile Gestures:**
+
+- **Tap**: Select elements
+- **Long Press**: Start drag operation
+- **Swipe**: Navigate between periods
+- **Pinch**: Zoom calendar views (future feature)
+
+**Touch Optimization:**
+
+- **Touch Targets**: Minimum 44px size
+- **Gesture Support**: Native drag & drop
+- **Responsive Layout**: Mobile-first design
+
+## Performance Considerations
+
+### 🚀 Data Loading
+
+**Window-based Fetching:**
+
+```typescript
+interface FetchStrategy {
+   day: { hours: 24; precision: '15min' };
+   week: { days: 7; precision: '15min' };
+   month: { days: 31; precision: 'day' };
+}
+```
+
+**Lazy Loading:**
+
+- **Initial Load**: Current view data only
+- **On-demand**: Load adjacent periods
+- **Background**: Prefetch next period
+
+**Caching Strategy:**
+
+- **Schedule Data**: Cache trong memory
+- **Content Data**: Cache draft content
+- **User Preferences**: Persist filters và settings
+
+### 🎨 Rendering Optimization
+
+**Virtual Scrolling:**
+
+- **Day View**: Render visible hours only
+- **Week View**: Render visible days only
+- **Month View**: Render visible weeks only
+
+**Component Memoization:**
+
+- **Grid Cells**: Memoize time slot components
+- **Schedule Items**: Memoize schedule displays
+- **Draft Items**: Memoize content list items
+
+**State Management:**
+
+- **Local State**: Component-level state
+- **Shared State**: Context providers
+- **Persistence**: URL state cho navigation
+
+## Accessibility
+
+### ♿ WCAG 2.1 Compliance
+
+**Screen Reader Support:**
+
+- **ARIA Labels**: Descriptive labels cho all elements
+- **Live Regions**: Dynamic content updates
+- **Focus Management**: Logical tab order
+
+**Keyboard Navigation:**
+
+- **Full Keyboard Support**: All functions accessible
+- **Focus Indicators**: Clear focus states
+- **Skip Links**: Jump to main content
+
+**Color & Contrast:**
+
+- **High Contrast**: 4.5:1 minimum ratio
+- **Color Independence**: Not relying on color alone
+- **Visual Indicators**: Icons + text labels
+
+### 🎯 Specific Features
+
+**Calendar Navigation:**
+
+- **Date Announcements**: Screen reader announces current date
+- **Period Changes**: Announce view changes
+- **Schedule Information**: Announce schedule details
+
+**Drag & Drop:**
+
+- **Alternative Actions**: Keyboard alternatives cho drag
+- **Status Announcements**: Announce drag states
+- **Drop Feedback**: Clear drop confirmation
+
+**Form Accessibility:**
+
+- **Label Associations**: Proper form labels
+- **Error Messages**: Clear error descriptions
+- **Validation Feedback**: Real-time validation
+
+---
+
+_Last Updated: 2025-01-02_
+_Version: 1.0_
+_Maintainer: Design Team_
diff --git a/features/calendar/drag.tsx b/features/calendar/drag.tsx
new file mode 100644
index 00000000..1a573833
--- /dev/null
+++ b/features/calendar/drag.tsx
@@ -0,0 +1,13 @@
+'use client';
+
+import { DndProvider } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+import { ReactNode } from 'react';
+
+interface DragDropProviderProps {
+   children: ReactNode;
+}
+
+export function DragDropProvider({ children }: DragDropProviderProps) {
+   return <DndProvider backend={HTML5Backend}>{children}</DndProvider>;
+}
diff --git a/features/calendar/hooks/useDraftContent.ts b/features/calendar/hooks/useDraftContent.ts
new file mode 100644
index 00000000..4b6f5d49
--- /dev/null
+++ b/features/calendar/hooks/useDraftContent.ts
@@ -0,0 +1,49 @@
+import { useState, useEffect } from 'react';
+import { Content } from '../types';
+
+export function useDraftContent(orgId: string, selectedCampaigns?: string[]) {
+   const [draftContent, setDraftContent] = useState<Content[]>([]);
+   const [isLoading, setIsLoading] = useState(true);
+   const [error, setError] = useState<string | null>(null);
+
+   useEffect(() => {
+      const fetchDraftContent = async () => {
+         try {
+            setIsLoading(true);
+            setError(null);
+
+            // Build query parameters
+            const params = new URLSearchParams({
+               status: 'DRAFT',
+            });
+
+            if (selectedCampaigns && selectedCampaigns.length > 0) {
+               params.append('campaignId', selectedCampaigns.join(','));
+            }
+
+            const response = await fetch(`/api/${orgId}/content?${params.toString()}`);
+
+            if (!response.ok) {
+               throw new Error(`Failed to fetch draft content: ${response.statusText}`);
+            }
+
+            const result = await response.json();
+
+            if (result.ok && result.data) {
+               setDraftContent(result.data);
+            } else {
+               throw new Error(result.error?.message || 'Failed to fetch draft content');
+            }
+         } catch (err) {
+            setError(err instanceof Error ? err.message : 'An error occurred');
+            setDraftContent([]);
+         } finally {
+            setIsLoading(false);
+         }
+      };
+
+      fetchDraftContent();
+   }, [orgId, selectedCampaigns]);
+
+   return { draftContent, isLoading, error };
+}
diff --git a/features/calendar/hooks/useSchedules.ts b/features/calendar/hooks/useSchedules.ts
new file mode 100644
index 00000000..4fe16f36
--- /dev/null
+++ b/features/calendar/hooks/useSchedules.ts
@@ -0,0 +1,92 @@
+import { useState, useEffect } from 'react';
+import {
+   format,
+   startOfDay,
+   endOfDay,
+   startOfWeek,
+   endOfWeek,
+   startOfMonth,
+   endOfMonth,
+} from 'date-fns';
+import { Schedule, ScheduleQuery } from '../types';
+
+interface UseSchedulesOptions {
+   view: 'day' | 'week' | 'month';
+   date: Date;
+   channels?: string[];
+   campaigns?: string[];
+}
+
+export function useSchedules(orgId: string, options: UseSchedulesOptions) {
+   const [schedules, setSchedules] = useState<Schedule[]>([]);
+   const [isLoading, setIsLoading] = useState(true);
+   const [error, setError] = useState<string | null>(null);
+
+   useEffect(() => {
+      const fetchSchedules = async () => {
+         try {
+            setIsLoading(true);
+            setError(null);
+
+            // Calculate date range based on view
+            let from: Date;
+            let to: Date;
+
+            switch (options.view) {
+               case 'day':
+                  from = startOfDay(options.date);
+                  to = endOfDay(options.date);
+                  break;
+               case 'week':
+                  from = startOfWeek(options.date, { weekStartsOn: 1 });
+                  to = endOfWeek(options.date, { weekStartsOn: 1 });
+                  break;
+               case 'month':
+                  from = startOfMonth(options.date);
+                  to = endOfMonth(options.date);
+                  break;
+               default:
+                  from = startOfWeek(options.date, { weekStartsOn: 1 });
+                  to = endOfWeek(options.date, { weekStartsOn: 1 });
+            }
+
+            // Build query parameters
+            const params = new URLSearchParams({
+               from: from.toISOString(),
+               to: to.toISOString(),
+            });
+
+            if (options.channels && options.channels.length > 0) {
+               params.append('channels', options.channels.join(','));
+            }
+
+            if (options.campaigns && options.campaigns.length > 0) {
+               params.append('campaigns', options.campaigns.join(','));
+            }
+
+            const response = await fetch(`/api/${orgId}/schedules?${params.toString()}`);
+
+            if (!response.ok) {
+               throw new Error(`Failed to fetch schedules: ${response.statusText}`);
+            }
+
+            const result = await response.json();
+
+            if (result.ok && result.data) {
+               setSchedules(result.data);
+            } else {
+               throw new Error(result.error?.message || 'Failed to fetch schedules');
+            }
+         } catch (err) {
+            setError(err instanceof Error ? err.message : 'An error occurred');
+            setSchedules([]);
+         } finally {
+            setIsLoading(false);
+         }
+      };
+
+      fetchSchedules();
+   }, [orgId, options.view, options.date, options.channels, options.campaigns]);
+
+   return { schedules, isLoading, error };
+}
diff --git a/features/calendar/types.ts b/features/calendar/types.ts
new file mode 100644
index 00000000..26fb37a5
--- /dev/null
+++ b/features/calendar/types.ts
@@ -0,0 +1,74 @@
+export type Channel =
+   | 'FACEBOOK'
+   | 'INSTAGRAM'
+   | 'TWITTER'
+   | 'YOUTUBE'
+   | 'LINKEDIN'
+   | 'TIKTOK'
+   | 'BLOG';
+
+export type ContentStatus =
+   | 'DRAFT'
+   | 'SUBMITTED'
+   | 'APPROVED'
+   | 'SCHEDULED'
+   | 'PUBLISHED'
+   | 'REJECTED';
+
+export type ScheduleStatus = 'PENDING' | 'PUBLISHED' | 'FAILED' | 'CANCELLED';
+
+export interface Content {
+   id: string;
+   title: string;
+   body?: string;
+   status: ContentStatus;
+   campaignId: string;
+   campaign: {
+      id: string;
+      name: string;
+   };
+   assets: Asset[];
+   createdAt: string;
+   updatedAt: string;
+}
+
+export interface Asset {
+   id: string;
+   url: string;
+   name?: string;
+   type: string;
+   size?: number;
+   description?: string;
+   tags: string[];
+}
+
+export interface Schedule {
+   id: string;
+   runAt: string; // ISO string
+   timezone: string;
+   channel: Channel;
+   status: ScheduleStatus;
+   campaignId: string;
+   campaign: {
+      id: string;
+      name: string;
+   };
+   contentId?: string;
+   content?: Content;
+   createdAt: string;
+   updatedAt: string;
+}
+
+export interface Campaign {
+   id: string;
+   name: string;
+   description?: string;
+   organizationId: string;
+}
+
+export interface ScheduleQuery {
+   view: 'day' | 'week' | 'month';
+   date: Date;
+   channels?: Channel[];
+   campaigns?: string[];
+}
diff --git a/features/calendar/ui/DraftPanel.tsx b/features/calendar/ui/DraftPanel.tsx
new file mode 100644
index 00000000..00842eb1
--- /dev/null
+++ b/features/calendar/ui/DraftPanel.tsx
@@ -0,0 +1,268 @@
+'use client';
+
+import { useState, useMemo } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+// import { ScrollArea } from '@/components/ui/scroll-area';
+import { Search, Filter, FileText, Image, Video, Calendar } from 'lucide-react';
+import { Content, Channel } from '../types';
+import { useDrag } from 'react-dnd';
+
+interface DraftPanelProps {
+   content: Content[];
+   isLoading: boolean;
+   selectedChannels: Channel[];
+   selectedCampaigns: string[];
+   onChannelsChange: (channels: Channel[]) => void;
+   onCampaignsChange: (campaigns: string[]) => void;
+}
+
+interface DraftItemProps {
+   content: Content;
+   onDragStart: (contentId: string, channel: Channel) => void;
+}
+
+function DraftItem({ content, onDragStart }: DraftItemProps) {
+   const [{ isDragging }, drag] = useDrag({
+      type: 'DRAFT_CONTENT',
+      item: { contentId: content.id, channel: 'FACEBOOK' as Channel }, // Default channel
+      collect: (monitor) => ({
+         isDragging: monitor.isDragging(),
+      }),
+   });
+
+   const getChannelIcon = (channel: Channel) => {
+      switch (channel) {
+         case 'FACEBOOK':
+            return '📘';
+         case 'INSTAGRAM':
+            return '📷';
+         case 'TWITTER':
+            return '🐦';
+         case 'YOUTUBE':
+            return '📺';
+         case 'LINKEDIN':
+            return '💼';
+         case 'TIKTOK':
+            return '🎵';
+         case 'BLOG':
+            return '📝';
+         default:
+            return '📄';
+      }
+   };
+
+   const getAssetIcon = (type: string) => {
+      if (type.startsWith('image/')) return <Image className="h-4 w-4" />;
+      if (type.startsWith('video/')) return <Video className="h-4 w-4" />;
+      return <FileText className="h-4 w-4" />;
+   };
+
+   return (
+      <div
+         ref={drag as any}
+         className={`p-3 border rounded-lg cursor-move hover:bg-gray-50 transition-colors ${
+            isDragging ? 'opacity-50' : ''
+         }`}
+         onClick={() => onDragStart(content.id, 'FACEBOOK')}
+      >
+         <div className="flex items-start justify-between mb-2">
+            <div className="flex items-center space-x-2">
+               <span className="text-lg">{getChannelIcon('FACEBOOK')}</span>
+               <Badge variant="secondary" className="text-xs">
+                  {content.campaign.name}
+               </Badge>
+            </div>
+            <div className="flex items-center space-x-1">
+               {content.assets.slice(0, 2).map((asset, index) => (
+                  <div key={asset.id} className="text-gray-500">
+                     {getAssetIcon(asset.type)}
+                  </div>
+               ))}
+               {content.assets.length > 2 && (
+                  <Badge variant="outline" className="text-xs">
+                     +{content.assets.length - 2}
+                  </Badge>
+               )}
+            </div>
+         </div>
+
+         <h4 className="font-medium text-sm mb-2 line-clamp-2">{content.title}</h4>
+
+         {content.body && <p className="text-xs text-gray-600 line-clamp-2 mb-2">{content.body}</p>}
+
+         <div className="flex items-center justify-between text-xs text-gray-500">
+            <span>{new Date(content.createdAt).toLocaleDateString()}</span>
+            <div className="flex items-center space-x-1">
+               <Calendar className="h-3 w-3" />
+               <span>Drag to schedule</span>
+            </div>
+         </div>
+      </div>
+   );
+}
+
+export function DraftPanel({
+   content,
+   isLoading,
+   selectedChannels,
+   selectedCampaigns,
+   onChannelsChange,
+   onCampaignsChange,
+}: DraftPanelProps) {
+   const [searchTerm, setSearchTerm] = useState('');
+   const [selectedChannel, setSelectedChannel] = useState<Channel>('FACEBOOK');
+
+   // Get unique campaigns from content
+   const campaigns = useMemo(() => {
+      const unique = new Set(content.map((item) => item.campaign.name));
+      return Array.from(unique).sort();
+   }, [content]);
+
+   // Filter content based on search and selections
+   const filteredContent = useMemo(() => {
+      return content.filter((item) => {
+         const matchesSearch =
+            item.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
+            (item.body && item.body.toLowerCase().includes(searchTerm.toLowerCase()));
+
+         const matchesCampaign =
+            selectedCampaigns.length === 0 || selectedCampaigns.includes(item.campaign.name);
+
+         return matchesSearch && matchesCampaign;
+      });
+   }, [content, searchTerm, selectedCampaigns]);
+
+   const handleChannelChange = (channel: Channel) => {
+      setSelectedChannel(channel);
+      if (!selectedChannels.includes(channel)) {
+         onChannelsChange([...selectedChannels, channel]);
+      }
+   };
+
+   const handleCampaignToggle = (campaign: string) => {
+      if (selectedCampaigns.includes(campaign)) {
+         onCampaignsChange(selectedCampaigns.filter((c) => c !== campaign));
+      } else {
+         onCampaignsChange([...selectedCampaigns, campaign]);
+      }
+   };
+
+   const handleDragStart = (contentId: string, channel: Channel) => {
+      // This will be handled by the parent component
+      console.log('Drag started:', { contentId, channel });
+   };
+
+   if (isLoading) {
+      return (
+         <Card>
+            <CardHeader>
+               <CardTitle className="text-lg">Draft Posts</CardTitle>
+            </CardHeader>
+            <CardContent>
+               <div className="flex items-center justify-center h-32">
+                  <div className="animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600"></div>
+               </div>
+            </CardContent>
+         </Card>
+      );
+   }
+
+   return (
+      <Card>
+         <CardHeader>
+            <CardTitle className="text-lg flex items-center space-x-2">
+               <FileText className="h-5 w-5" />
+               <span>Draft Posts</span>
+               <Badge variant="secondary">{filteredContent.length}</Badge>
+            </CardTitle>
+         </CardHeader>
+         <CardContent className="space-y-4">
+            {/* Search */}
+            <div className="relative">
+               <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" />
+               <Input
+                  placeholder="Search drafts..."
+                  value={searchTerm}
+                  onChange={(e) => setSearchTerm(e.target.value)}
+                  className="pl-10"
+               />
+            </div>
+
+            {/* Channel Selection */}
+            <div className="space-y-2">
+               <label className="text-sm font-medium">Default Channel</label>
+               <Select
+                  value={selectedChannel}
+                  onValueChange={(value: Channel) => handleChannelChange(value)}
+               >
+                  <SelectTrigger>
+                     <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                     <SelectItem value="FACEBOOK">📘 Facebook</SelectItem>
+                     <SelectItem value="INSTAGRAM">📷 Instagram</SelectItem>
+                     <SelectItem value="TWITTER">🐦 Twitter</SelectItem>
+                     <SelectItem value="YOUTUBE">📺 YouTube</SelectItem>
+                     <SelectItem value="LINKEDIN">💼 LinkedIn</SelectItem>
+                     <SelectItem value="TIKTOK">🎵 TikTok</SelectItem>
+                     <SelectItem value="BLOG">📝 Blog</SelectItem>
+                  </SelectContent>
+               </Select>
+            </div>
+
+            {/* Campaign Filter */}
+            {campaigns.length > 0 && (
+               <div className="space-y-2">
+                  <label className="text-sm font-medium">Filter by Campaign</label>
+                  <div className="flex flex-wrap gap-2">
+                     {campaigns.map((campaign) => (
+                        <Badge
+                           key={campaign}
+                           variant={selectedCampaigns.includes(campaign) ? 'default' : 'outline'}
+                           className="cursor-pointer"
+                           onClick={() => handleCampaignToggle(campaign)}
+                        >
+                           {campaign}
+                        </Badge>
+                     ))}
+                  </div>
+               </div>
+            )}
+
+            {/* Draft Content List */}
+            <div className="space-y-3">
+               <div className="flex items-center justify-between">
+                  <span className="text-sm font-medium">Content</span>
+                  <span className="text-xs text-gray-500">Drag to schedule</span>
+               </div>
+
+               <div className="h-96 overflow-y-auto">
+                  {filteredContent.length === 0 ? (
+                     <div className="text-center py-8 text-gray-500">
+                        <FileText className="h-12 w-12 mx-auto mb-2 text-gray-300" />
+                        <p className="text-sm">No draft content found</p>
+                        {searchTerm && <p className="text-xs">Try adjusting your search</p>}
+                     </div>
+                  ) : (
+                     <div className="space-y-3">
+                        {filteredContent.map((item) => (
+                           <DraftItem key={item.id} content={item} onDragStart={handleDragStart} />
+                        ))}
+                     </div>
+                  )}
+               </div>
+            </div>
+         </CardContent>
+      </Card>
+   );
+}
diff --git a/features/calendar/ui/ScheduleSheet.tsx b/features/calendar/ui/ScheduleSheet.tsx
new file mode 100644
index 00000000..6c275412
--- /dev/null
+++ b/features/calendar/ui/ScheduleSheet.tsx
@@ -0,0 +1,377 @@
+'use client';
+
+import { useState } from 'react';
+import { format } from 'date-fns';
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+   Select,
+   SelectContent,
+   SelectItem,
+   SelectTrigger,
+   SelectValue,
+} from '@/components/ui/select';
+import { Calendar, Clock, Globe, AlertCircle } from 'lucide-react';
+import { Channel } from '../types';
+
+interface ScheduleSheetProps {
+   isOpen: boolean;
+   onClose: () => void;
+   contentId: string;
+   channel: Channel;
+   onSubmit: (data: { contentId: string; channel: Channel; runAt: Date; timezone: string }) => void;
+}
+
+const TIMEZONES = [
+   { value: 'America/New_York', label: 'Eastern Time (ET)' },
+   { value: 'America/Chicago', label: 'Central Time (CT)' },
+   { value: 'America/Denver', label: 'Mountain Time (MT)' },
+   { value: 'America/Los_Angeles', label: 'Pacific Time (PT)' },
+   { value: 'Europe/London', label: 'London (GMT)' },
+   { value: 'Europe/Paris', label: 'Paris (CET)' },
+   { value: 'Asia/Tokyo', label: 'Tokyo (JST)' },
+   { value: 'Asia/Shanghai', label: 'Shanghai (CST)' },
+   { value: 'Australia/Sydney', label: 'Sydney (AEDT)' },
+];
+
+const TIME_SLOTS = [
+   '00:00',
+   '00:15',
+   '00:30',
+   '00:45',
+   '01:00',
+   '01:15',
+   '01:30',
+   '01:45',
+   '02:00',
+   '02:15',
+   '02:30',
+   '02:45',
+   '03:00',
+   '03:15',
+   '03:30',
+   '03:45',
+   '04:00',
+   '04:15',
+   '04:30',
+   '04:45',
+   '05:00',
+   '05:15',
+   '05:30',
+   '05:45',
+   '06:00',
+   '06:15',
+   '06:30',
+   '06:45',
+   '07:00',
+   '07:15',
+   '07:30',
+   '07:45',
+   '08:00',
+   '08:15',
+   '08:30',
+   '08:45',
+   '09:00',
+   '09:15',
+   '09:30',
+   '09:45',
+   '10:00',
+   '10:15',
+   '10:30',
+   '10:45',
+   '11:00',
+   '11:15',
+   '11:30',
+   '11:45',
+   '12:00',
+   '12:15',
+   '12:30',
+   '12:45',
+   '13:00',
+   '13:15',
+   '13:30',
+   '13:45',
+   '14:00',
+   '14:15',
+   '14:30',
+   '14:45',
+   '15:00',
+   '15:15',
+   '15:30',
+   '15:45',
+   '16:00',
+   '16:15',
+   '16:30',
+   '16:45',
+   '17:00',
+   '17:15',
+   '17:30',
+   '17:45',
+   '18:00',
+   '18:15',
+   '18:30',
+   '18:45',
+   '19:00',
+   '19:15',
+   '19:30',
+   '19:45',
+   '20:00',
+   '20:15',
+   '20:30',
+   '20:45',
+   '21:00',
+   '21:15',
+   '21:30',
+   '21:45',
+   '22:00',
+   '22:15',
+   '22:30',
+   '22:45',
+   '23:00',
+   '23:15',
+   '23:30',
+   '23:45',
+];
+
+export function ScheduleSheet({
+   isOpen,
+   onClose,
+   contentId,
+   channel,
+   onSubmit,
+}: ScheduleSheetProps) {
+   const [selectedDate, setSelectedDate] = useState(format(new Date(), 'yyyy-MM-dd'));
+   const [selectedTime, setSelectedTime] = useState('09:00');
+   const [selectedChannel, setSelectedChannel] = useState<Channel>(channel);
+   const [selectedTimezone, setSelectedTimezone] = useState('America/New_York');
+   const [isSubmitting, setIsSubmitting] = useState(false);
+
+   const handleSubmit = async () => {
+      if (!selectedDate || !selectedTime || !selectedChannel || !selectedTimezone) {
+         return;
+      }
+
+      setIsSubmitting(true);
+
+      try {
+         // Combine date and time
+         const dateTimeString = `${selectedDate}T${selectedTime}`;
+         const runAt = new Date(dateTimeString);
+
+         // Check if the selected time is in the past
+         if (runAt < new Date()) {
+            alert('Cannot schedule content in the past. Please select a future time.');
+            setIsSubmitting(false);
+            return;
+         }
+
+         await onSubmit({
+            contentId,
+            channel: selectedChannel,
+            runAt,
+            timezone: selectedTimezone,
+         });
+
+         onClose();
+      } catch (error) {
+         console.error('Error creating schedule:', error);
+      } finally {
+         setIsSubmitting(false);
+      }
+   };
+
+   const getChannelIcon = (ch: Channel) => {
+      switch (ch) {
+         case 'FACEBOOK':
+            return '📘';
+         case 'INSTAGRAM':
+            return '📷';
+         case 'TWITTER':
+            return '🐦';
+         case 'YOUTUBE':
+            return '📺';
+         case 'LINKEDIN':
+            return '💼';
+         case 'TIKTOK':
+            return '🎵';
+         case 'BLOG':
+            return '📝';
+         default:
+            return '📄';
+      }
+   };
+
+   const getChannelName = (ch: Channel) => {
+      switch (ch) {
+         case 'FACEBOOK':
+            return 'Facebook';
+         case 'INSTAGRAM':
+            return 'Instagram';
+         case 'TWITTER':
+            return 'Twitter';
+         case 'YOUTUBE':
+            return 'YouTube';
+         case 'LINKEDIN':
+            return 'LinkedIn';
+         case 'TIKTOK':
+            return 'TikTok';
+         case 'BLOG':
+            return 'Blog';
+         default:
+            return 'Unknown';
+      }
+   };
+
+   return (
+      <Sheet open={isOpen} onOpenChange={onClose}>
+         <SheetContent className="w-96 sm:w-[540px]">
+            <SheetHeader>
+               <SheetTitle className="flex items-center space-x-2">
+                  <Calendar className="h-5 w-5" />
+                  <span>Schedule Content</span>
+               </SheetTitle>
+            </SheetHeader>
+
+            <div className="mt-6 space-y-6">
+               {/* Channel Selection */}
+               <div className="space-y-2">
+                  <Label htmlFor="channel">Platform</Label>
+                  <Select
+                     value={selectedChannel}
+                     onValueChange={(value: Channel) => setSelectedChannel(value)}
+                  >
+                     <SelectTrigger>
+                        <SelectValue />
+                     </SelectTrigger>
+                     <SelectContent>
+                        <SelectItem value="FACEBOOK">📘 Facebook</SelectItem>
+                        <SelectItem value="INSTAGRAM">📷 Instagram</SelectItem>
+                        <SelectItem value="TWITTER">🐦 Twitter</SelectItem>
+                        <SelectItem value="YOUTUBE">📺 YouTube</SelectItem>
+                        <SelectItem value="LINKEDIN">💼 LinkedIn</SelectItem>
+                        <SelectItem value="TIKTOK">🎵 TikTok</SelectItem>
+                        <SelectItem value="BLOG">📝 Blog</SelectItem>
+                     </SelectContent>
+                  </Select>
+               </div>
+
+               {/* Date Selection */}
+               <div className="space-y-2">
+                  <Label htmlFor="date">Date</Label>
+                  <div className="relative">
+                     <Calendar className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" />
+                     <Input
+                        id="date"
+                        type="date"
+                        value={selectedDate}
+                        onChange={(e) => setSelectedDate(e.target.value)}
+                        className="pl-10"
+                        min={format(new Date(), 'yyyy-MM-dd')}
+                     />
+                  </div>
+               </div>
+
+               {/* Time Selection */}
+               <div className="space-y-2">
+                  <Label htmlFor="time">Time</Label>
+                  <div className="relative">
+                     <Clock className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" />
+                     <Select value={selectedTime} onValueChange={setSelectedTime}>
+                        <SelectTrigger className="pl-10">
+                           <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                           {TIME_SLOTS.map((time) => (
+                              <SelectItem key={time} value={time}>
+                                 {time}
+                              </SelectItem>
+                           ))}
+                        </SelectContent>
+                     </Select>
+                  </div>
+               </div>
+
+               {/* Timezone Selection */}
+               <div className="space-y-2">
+                  <Label htmlFor="timezone">Timezone</Label>
+                  <div className="relative">
+                     <Globe className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400" />
+                     <Select value={selectedTimezone} onValueChange={setSelectedTimezone}>
+                        <SelectTrigger className="pl-10">
+                           <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                           {TIMEZONES.map((tz) => (
+                              <SelectItem key={tz.value} value={tz.value}>
+                                 {tz.label}
+                              </SelectItem>
+                           ))}
+                        </SelectContent>
+                     </Select>
+                  </div>
+               </div>
+
+               {/* Preview */}
+               <div className="p-4 bg-gray-50 rounded-lg">
+                  <h4 className="font-medium mb-2">Schedule Preview</h4>
+                  <div className="space-y-1 text-sm text-gray-600">
+                     <div className="flex items-center space-x-2">
+                        <span className="font-medium">Platform:</span>
+                        <span>
+                           {getChannelIcon(selectedChannel)} {getChannelName(selectedChannel)}
+                        </span>
+                     </div>
+                     <div className="flex items-center space-x-2">
+                        <span className="font-medium">Date:</span>
+                        <span>{format(new Date(selectedDate), 'EEEE, MMMM d, yyyy')}</span>
+                     </div>
+                     <div className="flex items-center space-x-2">
+                        <span className="font-medium">Time:</span>
+                        <span>
+                           {selectedTime} ({selectedTimezone})
+                        </span>
+                     </div>
+                  </div>
+               </div>
+
+               {/* Warning for past time */}
+               {selectedDate &&
+                  selectedTime &&
+                  (() => {
+                     const dateTimeString = `${selectedDate}T${selectedTime}`;
+                     const runAt = new Date(dateTimeString);
+                     const now = new Date();
+
+                     if (runAt < now) {
+                        return (
+                           <div className="flex items-center space-x-2 p-3 bg-yellow-50 border border-yellow-200 rounded-lg">
+                              <AlertCircle className="h-4 w-4 text-yellow-600" />
+                              <span className="text-sm text-yellow-800">
+                                 Warning: Selected time is in the past. Please choose a future time.
+                              </span>
+                           </div>
+                        );
+                     }
+                     return null;
+                  })()}
+
+               {/* Actions */}
+               <div className="flex space-x-3 pt-4">
+                  <Button variant="outline" onClick={onClose} className="flex-1">
+                     Cancel
+                  </Button>
+                  <Button
+                     onClick={handleSubmit}
+                     disabled={isSubmitting || !selectedDate || !selectedTime}
+                     className="flex-1"
+                  >
+                     {isSubmitting ? 'Scheduling...' : 'Schedule Content'}
+                  </Button>
+               </div>
+            </div>
+         </SheetContent>
+      </Sheet>
+   );
+}
diff --git a/features/calendar/ui/ScheduleShell.tsx b/features/calendar/ui/ScheduleShell.tsx
new file mode 100644
index 00000000..a34dfa40
--- /dev/null
+++ b/features/calendar/ui/ScheduleShell.tsx
@@ -0,0 +1,309 @@
+'use client';
+
+import { useState, useCallback } from 'react';
+import { useSearchParams, useRouter, usePathname } from 'next/navigation';
+import {
+   format,
+   startOfWeek,
+   endOfWeek,
+   startOfMonth,
+   endOfMonth,
+   addDays,
+   addWeeks,
+   addMonths,
+   subDays,
+   subWeeks,
+   subMonths,
+} from 'date-fns';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Switch } from '@/components/ui/switch';
+import { Label } from '@/components/ui/label';
+import { ChevronLeft, ChevronRight, Calendar, Clock, Filter } from 'lucide-react';
+import { DayGrid } from './grid/DayGrid';
+import { WeekGrid } from './grid/WeekGrid';
+import { MonthGrid } from './grid/MonthGrid';
+import { DraftPanel } from './DraftPanel';
+import { ScheduleSheet } from './ScheduleSheet';
+import { useSchedules } from '../hooks/useSchedules';
+import { useDraftContent } from '../hooks/useDraftContent';
+import { Channel, Schedule } from '../types';
+import { DragDropProvider } from '../drag';
+
+interface ScheduleShellProps {
+   orgId: string;
+}
+
+type ViewType = 'day' | 'week' | 'month';
+
+export function ScheduleShell({ orgId }: ScheduleShellProps) {
+   const router = useRouter();
+   const pathname = usePathname();
+   const searchParams = useSearchParams();
+
+   const [showDrafts, setShowDrafts] = useState(false);
+   const [selectedChannels, setSelectedChannels] = useState<Channel[]>([]);
+   const [selectedCampaigns, setSelectedCampaigns] = useState<string[]>([]);
+   const [isScheduleSheetOpen, setIsScheduleSheetOpen] = useState(false);
+   const [dragData, setDragData] = useState<{ contentId: string; channel: Channel } | null>(null);
+
+   // Get current view and date from URL
+   const currentView = (searchParams.get('view') as ViewType) || 'week';
+   const currentDate = searchParams.get('date') ? new Date(searchParams.get('date')!) : new Date();
+
+   // Fetch schedules and draft content
+   const { schedules, isLoading: schedulesLoading } = useSchedules(orgId, {
+      view: currentView,
+      date: currentDate,
+      channels: selectedChannels,
+      campaigns: selectedCampaigns,
+   });
+
+   const { draftContent, isLoading: draftsLoading } = useDraftContent(orgId, selectedCampaigns);
+
+   // Navigation functions
+   const navigateToDate = useCallback(
+      (date: Date) => {
+         const params = new URLSearchParams(searchParams);
+         params.set('date', format(date, 'yyyy-MM-dd'));
+         router.push(`${pathname}?${params.toString()}`);
+      },
+      [router, pathname, searchParams]
+   );
+
+   const navigateToView = useCallback(
+      (view: ViewType) => {
+         const params = new URLSearchParams(searchParams);
+         params.set('view', view);
+         router.push(`${pathname}?${params.toString()}`);
+      },
+      [router, pathname, searchParams]
+   );
+
+   const goToPrevious = useCallback(() => {
+      let newDate: Date;
+      switch (currentView) {
+         case 'day':
+            newDate = subDays(currentDate, 1);
+            break;
+         case 'week':
+            newDate = subWeeks(currentDate, 1);
+            break;
+         case 'month':
+            newDate = subMonths(currentDate, 1);
+            break;
+         default:
+            newDate = subWeeks(currentDate, 1);
+      }
+      navigateToDate(newDate);
+   }, [currentView, currentDate, navigateToDate]);
+
+   const goToNext = useCallback(() => {
+      let newDate: Date;
+      switch (currentView) {
+         case 'day':
+            newDate = addDays(currentDate, 1);
+            break;
+         case 'week':
+            newDate = addWeeks(currentDate, 1);
+            break;
+         case 'month':
+            newDate = addMonths(currentDate, 1);
+            break;
+         default:
+            newDate = addWeeks(currentDate, 1);
+      }
+      navigateToDate(newDate);
+   }, [currentView, currentDate, navigateToDate]);
+
+   const goToToday = useCallback(() => {
+      navigateToDate(new Date());
+   }, [navigateToDate]);
+
+   // Handle drag and drop
+   const handleDrop = useCallback(
+      (contentId: string, channel: Channel, targetDate: Date, targetTime: string) => {
+         setDragData({ contentId, channel });
+         setIsScheduleSheetOpen(true);
+      },
+      []
+   );
+
+   const handleScheduleCreate = useCallback(
+      async (scheduleData: {
+         contentId: string;
+         channel: Channel;
+         runAt: Date;
+         timezone: string;
+      }) => {
+         try {
+            const content = draftContent.find((c: any) => c.id === scheduleData.contentId);
+            if (!content) {
+               console.error('Content not found');
+               return;
+            }
+
+            const response = await fetch(`/api/${orgId}/schedules`, {
+               method: 'POST',
+               headers: { 'Content-Type': 'application/json' },
+               body: JSON.stringify({
+                  ...scheduleData,
+                  runAt: scheduleData.runAt.toISOString(),
+                  campaignId: content.campaignId,
+               }),
+            });
+
+            if (response.ok) {
+               setIsScheduleSheetOpen(false);
+               setDragData(null);
+               // Refresh schedules
+               window.location.reload();
+            } else {
+               const error = await response.json();
+               console.error('Failed to create schedule:', error);
+            }
+         } catch (error) {
+            console.error('Error creating schedule:', error);
+         }
+      },
+      [orgId, draftContent]
+   );
+
+   const getViewTitle = () => {
+      switch (currentView) {
+         case 'day':
+            return format(currentDate, 'EEEE, MMMM d, yyyy');
+         case 'week':
+            const weekStart = startOfWeek(currentDate, { weekStartsOn: 1 });
+            const weekEnd = endOfWeek(currentDate, { weekStartsOn: 1 });
+            return `${format(weekStart, 'MMM d')} - ${format(weekEnd, 'MMM d, yyyy')}`;
+         case 'month':
+            return format(currentDate, 'MMMM yyyy');
+         default:
+            return format(currentDate, 'MMMM yyyy');
+      }
+   };
+
+   return (
+      <DragDropProvider>
+         <div className="space-y-6">
+            {/* Header with navigation and controls */}
+            <div className="flex items-center justify-between">
+               <div className="flex items-center space-x-4">
+                  <Button variant="outline" size="sm" onClick={goToPrevious}>
+                     <ChevronLeft className="h-4 w-4" />
+                  </Button>
+                  <Button variant="outline" size="sm" onClick={goToNext}>
+                     <ChevronRight className="h-4 w-4" />
+                  </Button>
+                  <Button variant="outline" size="sm" onClick={goToToday}>
+                     Today
+                  </Button>
+                  <h2 className="text-xl font-semibold">{getViewTitle()}</h2>
+               </div>
+
+               <div className="flex items-center space-x-4">
+                  {/* Filters */}
+                  <div className="flex items-center space-x-2">
+                     <Filter className="h-4 w-4 text-gray-500" />
+                     <Badge variant="outline" className="cursor-pointer">
+                        {selectedChannels.length || 'All'} Channels
+                     </Badge>
+                     <Badge variant="outline" className="cursor-pointer">
+                        {selectedCampaigns.length || 'All'} Campaigns
+                     </Badge>
+                  </div>
+
+                  {/* Draft Toggle */}
+                  <div className="flex items-center space-x-2">
+                     <Switch
+                        id="show-drafts"
+                        checked={showDrafts}
+                        onCheckedChange={setShowDrafts}
+                     />
+                     <Label htmlFor="show-drafts">Draft Posts</Label>
+                  </div>
+               </div>
+            </div>
+
+            {/* View Tabs */}
+            <Tabs
+               value={currentView}
+               onValueChange={(value) => navigateToView(value as ViewType)}
+               className="w-full"
+            >
+               <TabsList className="grid w-full grid-cols-3">
+                  <TabsTrigger value="day" className="flex items-center space-x-2">
+                     <Calendar className="h-4 w-4" />
+                     <span>Day</span>
+                  </TabsTrigger>
+                  <TabsTrigger value="week" className="flex items-center space-x-2">
+                     <Calendar className="h-4 w-4" />
+                     <span>Week</span>
+                  </TabsTrigger>
+                  <TabsTrigger value="month" className="flex items-center space-x-2">
+                     <Calendar className="h-4 w-4" />
+                     <span>Month</span>
+                  </TabsTrigger>
+               </TabsList>
+
+               <div className="mt-6 flex">
+                  {/* Main Calendar Grid */}
+                  <div className={`flex-1 ${showDrafts ? 'mr-4' : ''}`}>
+                     <TabsContent value="day" className="mt-0">
+                        <DayGrid
+                           date={currentDate}
+                           schedules={schedules}
+                           onDrop={handleDrop}
+                           isLoading={schedulesLoading}
+                        />
+                     </TabsContent>
+                     <TabsContent value="week" className="mt-0">
+                        <WeekGrid
+                           date={currentDate}
+                           schedules={schedules}
+                           onDrop={handleDrop}
+                           isLoading={schedulesLoading}
+                        />
+                     </TabsContent>
+                     <TabsContent value="month" className="mt-0">
+                        <MonthGrid
+                           date={currentDate}
+                           schedules={schedules}
+                           onDrop={handleDrop}
+                           isLoading={schedulesLoading}
+                        />
+                     </TabsContent>
+                  </div>
+
+                  {/* Draft Panel */}
+                  {showDrafts && (
+                     <div className="w-80">
+                        <DraftPanel
+                           content={draftContent}
+                           isLoading={draftsLoading}
+                           selectedChannels={selectedChannels}
+                           selectedCampaigns={selectedCampaigns}
+                           onChannelsChange={setSelectedChannels}
+                           onCampaignsChange={setSelectedCampaigns}
+                        />
+                     </div>
+                  )}
+               </div>
+            </Tabs>
+
+            {/* Schedule Creation Sheet */}
+            {isScheduleSheetOpen && dragData && (
+               <ScheduleSheet
+                  isOpen={isScheduleSheetOpen}
+                  onClose={() => setIsScheduleSheetOpen(false)}
+                  contentId={dragData.contentId}
+                  channel={dragData.channel}
+                  onSubmit={handleScheduleCreate}
+               />
+            )}
+         </div>
+      </DragDropProvider>
+   );
+}
diff --git a/features/calendar/ui/grid/DayGrid.tsx b/features/calendar/ui/grid/DayGrid.tsx
new file mode 100644
index 00000000..8529a94c
--- /dev/null
+++ b/features/calendar/ui/grid/DayGrid.tsx
@@ -0,0 +1,191 @@
+'use client';
+
+import { useDrop } from 'react-dnd';
+import { format, isToday, isSameDay } from 'date-fns';
+import { Card, CardContent } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Clock, Calendar } from 'lucide-react';
+import { Schedule, Channel } from '../../types';
+
+interface DropZoneProps {
+   hour: number;
+   minute: number;
+   onDrop: (hour: number, minute: number) => (item: any) => void;
+}
+
+function DropZone({ hour, minute, onDrop }: DropZoneProps) {
+   const [{ isOver, canDrop }, dropRef] = useDrop({
+      accept: 'DRAFT_CONTENT',
+      drop: onDrop(hour, minute),
+      collect: (monitor) => ({
+         isOver: monitor.isOver(),
+         canDrop: monitor.canDrop(),
+      }),
+   });
+
+   return (
+      <div
+         ref={dropRef as any}
+         className={`absolute inset-0 z-10 ${
+            isOver && canDrop ? 'bg-blue-100 border-2 border-blue-400' : ''
+         }`}
+      />
+   );
+}
+
+interface DayGridProps {
+   date: Date;
+   schedules: Schedule[];
+   onDrop: (contentId: string, channel: Channel, targetDate: Date, targetTime: string) => void;
+   isLoading: boolean;
+}
+
+const HOURS = Array.from({ length: 24 }, (_, i) => i);
+
+export function DayGrid({ date, schedules, onDrop, isLoading }: DayGridProps) {
+   const isCurrentDay = isToday(date);
+
+   const handleDrop = (hour: number, minute: number) => {
+      return (item: any) => {
+         const targetDate = new Date(date);
+         targetDate.setHours(hour, minute, 0, 0);
+         const targetTime = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
+
+         onDrop(item.contentId, item.channel, targetDate, targetTime);
+      };
+   };
+
+   const getSchedulesForHour = (hour: number) => {
+      return schedules.filter((schedule) => {
+         const scheduleHour = new Date(schedule.runAt).getHours();
+         return scheduleHour === hour;
+      });
+   };
+
+   const getTimeLabel = (hour: number) => {
+      if (hour === 0) return '12 AM';
+      if (hour === 12) return '12 PM';
+      if (hour < 12) return `${hour} AM`;
+      return `${hour - 12} PM`;
+   };
+
+   if (isLoading) {
+      return (
+         <Card>
+            <CardContent className="p-6">
+               <div className="flex items-center justify-center h-96">
+                  <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
+               </div>
+            </CardContent>
+         </Card>
+      );
+   }
+
+   return (
+      <Card>
+         <CardContent className="p-0">
+            <div className="grid grid-cols-1 divide-y divide-gray-200">
+               {HOURS.map((hour) => {
+                  const hourSchedules = getSchedulesForHour(hour);
+                  const isCurrentHour = isCurrentDay && new Date().getHours() === hour;
+
+                  return (
+                     <div key={hour} className="min-h-[80px] relative">
+                        {/* Hour Header */}
+                        <div
+                           className={`px-4 py-2 border-r border-gray-200 bg-gray-50 ${
+                              isCurrentHour ? 'bg-blue-50 border-blue-200' : ''
+                           }`}
+                        >
+                           <div className="flex items-center space-x-2">
+                              <Clock className="h-4 w-4 text-gray-500" />
+                              <span className="font-medium text-sm">{getTimeLabel(hour)}</span>
+                              {isCurrentHour && (
+                                 <Badge variant="default" className="text-xs">
+                                    Now
+                                 </Badge>
+                              )}
+                           </div>
+                        </div>
+
+                        {/* Hour Content */}
+                        <div className="px-4 py-2">
+                           {/* 15-minute slots */}
+                           {[0, 15, 30, 45].map((minute) => {
+                              const slotTime = new Date(date);
+                              slotTime.setHours(hour, minute, 0, 0);
+                              const isPast = slotTime < new Date();
+                              const isCurrentSlot =
+                                 isCurrentDay &&
+                                 new Date().getHours() === hour &&
+                                 Math.floor(new Date().getMinutes() / 15) * 15 === minute;
+
+                              return (
+                                 <div
+                                    key={minute}
+                                    className={`h-16 border-l-2 border-dashed ${
+                                       isCurrentSlot
+                                          ? 'border-blue-400 bg-blue-50'
+                                          : isPast
+                                            ? 'border-gray-300 bg-gray-50'
+                                            : 'border-gray-200 hover:border-gray-300 hover:bg-gray-50'
+                                    } transition-colors relative`}
+                                 >
+                                    {/* Drop Zone */}
+                                    <DropZone hour={hour} minute={minute} onDrop={handleDrop} />
+
+                                    {/* Time Label */}
+                                    <div className="absolute left-1 top-1 text-xs text-gray-500">
+                                       {minute === 0 ? '' : `${minute.toString().padStart(2, '0')}`}
+                                    </div>
+
+                                    {/* Schedules in this slot */}
+                                    {hourSchedules
+                                       .filter((schedule) => {
+                                          const scheduleMinute = new Date(
+                                             schedule.runAt
+                                          ).getMinutes();
+                                          return Math.floor(scheduleMinute / 15) * 15 === minute;
+                                       })
+                                       .map((schedule) => (
+                                          <div
+                                             key={schedule.id}
+                                             className="absolute right-2 top-1 left-8 bg-blue-100 border border-blue-200 rounded px-2 py-1 text-xs"
+                                          >
+                                             <div className="flex items-center space-x-1">
+                                                <span className="text-lg">
+                                                   {schedule.channel === 'FACEBOOK'
+                                                      ? '📘'
+                                                      : schedule.channel === 'INSTAGRAM'
+                                                        ? '📷'
+                                                        : schedule.channel === 'TWITTER'
+                                                          ? '🐦'
+                                                          : schedule.channel === 'YOUTUBE'
+                                                            ? '📺'
+                                                            : schedule.channel === 'LINKEDIN'
+                                                              ? '💼'
+                                                              : schedule.channel === 'TIKTOK'
+                                                                ? '🎵'
+                                                                : '📝'}
+                                                </span>
+                                                <span className="font-medium truncate">
+                                                   {schedule.content?.title || 'Untitled'}
+                                                </span>
+                                             </div>
+                                             <div className="text-gray-600 text-xs">
+                                                {schedule.campaign.name}
+                                             </div>
+                                          </div>
+                                       ))}
+                                 </div>
+                              );
+                           })}
+                        </div>
+                     </div>
+                  );
+               })}
+            </div>
+         </CardContent>
+      </Card>
+   );
+}
diff --git a/features/calendar/ui/grid/MonthGrid.tsx b/features/calendar/ui/grid/MonthGrid.tsx
new file mode 100644
index 00000000..bb1858db
--- /dev/null
+++ b/features/calendar/ui/grid/MonthGrid.tsx
@@ -0,0 +1,198 @@
+'use client';
+
+import { useDrop } from 'react-dnd';
+import {
+   format,
+   startOfMonth,
+   endOfMonth,
+   eachDayOfInterval,
+   isToday,
+   isSameDay,
+   isSameMonth,
+   startOfWeek,
+   endOfWeek,
+} from 'date-fns';
+import { Card, CardContent } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Calendar, Clock } from 'lucide-react';
+import { Schedule, Channel } from '../../types';
+
+interface DropZoneProps {
+   day: Date;
+   onDrop: (day: Date) => (item: any) => void;
+}
+
+function DropZone({ day, onDrop }: DropZoneProps) {
+   const [{ isOver, canDrop }, dropRef] = useDrop({
+      accept: 'DRAFT_CONTENT',
+      drop: onDrop(day),
+      collect: (monitor) => ({
+         isOver: monitor.isOver(),
+         canDrop: monitor.canDrop(),
+      }),
+   });
+
+   return (
+      <div
+         ref={dropRef as any}
+         className={`absolute inset-0 z-10 ${
+            isOver && canDrop ? 'bg-blue-100 border-2 border-blue-400' : ''
+         }`}
+      />
+   );
+}
+
+interface MonthGridProps {
+   date: Date;
+   schedules: Schedule[];
+   onDrop: (contentId: string, channel: Channel, targetDate: Date, targetTime: string) => void;
+   isLoading: boolean;
+}
+
+export function MonthGrid({ date, schedules, onDrop, isLoading }: MonthGridProps) {
+   const monthStart = startOfMonth(date);
+   const monthEnd = endOfMonth(date);
+   const calendarStart = startOfWeek(monthStart, { weekStartsOn: 1 });
+   const calendarEnd = endOfWeek(monthEnd, { weekStartsOn: 1 });
+
+   const calendarDays = eachDayOfInterval({
+      start: calendarStart,
+      end: calendarEnd,
+   });
+
+   const handleDrop = (day: Date) => {
+      return (item: any) => {
+         // Default to 9 AM for month view drops
+         const targetDate = new Date(day);
+         targetDate.setHours(9, 0, 0, 0);
+         const targetTime = '09:00';
+
+         onDrop(item.contentId, item.channel, targetDate, targetTime);
+      };
+   };
+
+   const getSchedulesForDay = (day: Date) => {
+      return schedules.filter((schedule) => {
+         return isSameDay(new Date(schedule.runAt), day);
+      });
+   };
+
+   const isCurrentMonth = (day: Date) => {
+      return isSameMonth(day, date);
+   };
+
+   if (isLoading) {
+      return (
+         <Card>
+            <CardContent className="p-6">
+               <div className="flex items-center justify-center h-96">
+                  <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
+               </div>
+            </CardContent>
+         </Card>
+      );
+   }
+
+   return (
+      <Card>
+         <CardContent className="p-0">
+            {/* Weekday headers */}
+            <div className="grid grid-cols-7 bg-gray-50 border-b border-gray-200">
+               {['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'].map((day) => (
+                  <div key={day} className="px-2 py-3 text-center">
+                     <span className="text-sm font-medium text-gray-600">{day}</span>
+                  </div>
+               ))}
+            </div>
+
+            {/* Calendar grid */}
+            <div className="grid grid-cols-7 divide-x divide-y divide-gray-200">
+               {calendarDays.map((day) => {
+                  const isCurrentDay = isToday(day);
+                  const isInCurrentMonth = isCurrentMonth(day);
+                  const daySchedules = getSchedulesForDay(day);
+
+                  return (
+                     <div
+                        key={day.toISOString()}
+                        className={`min-h-[120px] p-2 relative ${isCurrentDay ? 'bg-blue-50' : ''}`}
+                     >
+                        {/* Day number */}
+                        <div
+                           className={`text-sm font-medium mb-1 ${
+                              isCurrentDay
+                                 ? 'text-blue-600'
+                                 : isInCurrentMonth
+                                   ? 'text-gray-900'
+                                   : 'text-gray-400'
+                           }`}
+                        >
+                           {format(day, 'd')}
+                           {isCurrentDay && (
+                              <Badge variant="default" className="ml-1 text-xs">
+                                 Today
+                              </Badge>
+                           )}
+                        </div>
+
+                        {/* Drop Zone */}
+                        <DropZone day={day} onDrop={handleDrop} />
+
+                        {/* Schedules for this day */}
+                        <div className="space-y-1">
+                           {daySchedules.slice(0, 3).map((schedule) => (
+                              <div
+                                 key={schedule.id}
+                                 className="bg-blue-100 border border-blue-200 rounded px-2 py-1 text-xs"
+                              >
+                                 <div className="flex items-center space-x-1">
+                                    <span className="text-lg">
+                                       {schedule.channel === 'FACEBOOK'
+                                          ? '📘'
+                                          : schedule.channel === 'INSTAGRAM'
+                                            ? '📷'
+                                            : schedule.channel === 'TWITTER'
+                                              ? '🐦'
+                                              : schedule.channel === 'YOUTUBE'
+                                                ? '📺'
+                                                : schedule.channel === 'LINKEDIN'
+                                                  ? '💼'
+                                                  : schedule.channel === 'TIKTOK'
+                                                    ? '🎵'
+                                                    : '📝'}
+                                    </span>
+                                    <span className="font-medium truncate">
+                                       {schedule.content?.title?.slice(0, 15) || 'Untitled'}
+                                    </span>
+                                 </div>
+                                 <div className="text-gray-600 text-xs flex items-center space-x-1">
+                                    <Clock className="h-3 w-3" />
+                                    <span>{format(new Date(schedule.runAt), 'HH:mm')}</span>
+                                 </div>
+                                 <div className="text-gray-600 text-xs">
+                                    {schedule.campaign.name}
+                                 </div>
+                              </div>
+                           ))}
+
+                           {daySchedules.length > 3 && (
+                              <div className="text-xs text-gray-500 text-center">
+                                 +{daySchedules.length - 3} more
+                              </div>
+                           )}
+                        </div>
+
+                        {/* Drop hint for empty days */}
+                        {daySchedules.length === 0 && isInCurrentMonth && (
+                           <div className="text-xs text-gray-400 text-center mt-2">
+                              Drop content here
+                           </div>
+                        )}
+                     </div>
+                  );
+               })}
+            </div>
+         </CardContent>
+      </Card>
+   );
+}
diff --git a/features/calendar/ui/grid/WeekGrid.tsx b/features/calendar/ui/grid/WeekGrid.tsx
new file mode 100644
index 00000000..f3a5f63f
--- /dev/null
+++ b/features/calendar/ui/grid/WeekGrid.tsx
@@ -0,0 +1,235 @@
+'use client';
+
+import { useDrop } from 'react-dnd';
+import {
+   format,
+   startOfWeek,
+   endOfWeek,
+   eachDayOfInterval,
+   isToday,
+   isSameDay,
+   addDays,
+} from 'date-fns';
+import { Card, CardContent } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Clock, Calendar } from 'lucide-react';
+import { Schedule, Channel } from '../../types';
+
+interface DropZoneProps {
+   day: Date;
+   hour: number;
+   minute: number;
+   onDrop: (day: Date, hour: number, minute: number) => (item: any) => void;
+}
+
+function DropZone({ day, hour, minute, onDrop }: DropZoneProps) {
+   const [{ isOver, canDrop }, dropRef] = useDrop({
+      accept: 'DRAFT_CONTENT',
+      drop: onDrop(day, hour, minute),
+      collect: (monitor) => ({
+         isOver: monitor.isOver(),
+         canDrop: monitor.canDrop(),
+      }),
+   });
+
+   return (
+      <div
+         ref={dropRef as any}
+         className={`absolute inset-0 z-10 ${
+            isOver && canDrop ? 'bg-blue-100 border-2 border-blue-400' : ''
+         }`}
+      />
+   );
+}
+
+interface WeekGridProps {
+   date: Date;
+   schedules: Schedule[];
+   onDrop: (contentId: string, channel: Channel, targetDate: Date, targetTime: string) => void;
+   isLoading: boolean;
+}
+
+const HOURS = Array.from({ length: 24 }, (_, i) => i);
+
+export function WeekGrid({ date, schedules, onDrop, isLoading }: WeekGridProps) {
+   const weekStart = startOfWeek(date, { weekStartsOn: 1 });
+   const weekDays = eachDayOfInterval({
+      start: weekStart,
+      end: endOfWeek(date, { weekStartsOn: 1 }),
+   });
+
+   const handleDrop = (day: Date, hour: number, minute: number) => {
+      return (item: any) => {
+         const targetDate = new Date(day);
+         targetDate.setHours(hour, minute, 0, 0);
+         const targetTime = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
+
+         onDrop(item.contentId, item.channel, targetDate, targetTime);
+      };
+   };
+
+   const getSchedulesForDayAndHour = (day: Date, hour: number) => {
+      return schedules.filter((schedule) => {
+         const scheduleDate = new Date(schedule.runAt);
+         return isSameDay(scheduleDate, day) && scheduleDate.getHours() === hour;
+      });
+   };
+
+   const getTimeLabel = (hour: number) => {
+      if (hour === 0) return '12 AM';
+      if (hour === 12) return '12 PM';
+      if (hour < 12) return `${hour} AM`;
+      return `${hour - 12} PM`;
+   };
+
+   if (isLoading) {
+      return (
+         <Card>
+            <CardContent className="p-6">
+               <div className="flex items-center justify-center h-96">
+                  <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
+               </div>
+            </CardContent>
+         </Card>
+      );
+   }
+
+   return (
+      <Card>
+         <CardContent className="p-0">
+            <div className="grid grid-cols-8 divide-x divide-gray-200">
+               {/* Time column */}
+               <div className="bg-gray-50">
+                  <div className="h-16 border-b border-gray-200 flex items-center justify-center">
+                     <Calendar className="h-4 w-4 text-gray-500" />
+                  </div>
+                  {HOURS.map((hour) => (
+                     <div key={hour} className="h-16 border-b border-gray-200 px-2 py-1">
+                        <div className="text-xs font-medium text-gray-600">
+                           {getTimeLabel(hour)}
+                        </div>
+                     </div>
+                  ))}
+               </div>
+
+               {/* Day columns */}
+               {weekDays.map((day) => {
+                  const isCurrentDay = isToday(day);
+
+                  return (
+                     <div key={day.toISOString()} className="min-w-0">
+                        {/* Day header */}
+                        <div
+                           className={`h-16 border-b border-gray-200 px-2 py-1 flex flex-col items-center justify-center ${
+                              isCurrentDay ? 'bg-blue-50' : 'bg-gray-50'
+                           }`}
+                        >
+                           <div className="text-sm font-medium">{format(day, 'EEE')}</div>
+                           <div
+                              className={`text-lg font-bold ${
+                                 isCurrentDay ? 'text-blue-600' : 'text-gray-900'
+                              }`}
+                           >
+                              {format(day, 'd')}
+                           </div>
+                           {isCurrentDay && (
+                              <Badge variant="default" className="text-xs mt-1">
+                                 Today
+                              </Badge>
+                           )}
+                        </div>
+
+                        {/* Hour rows */}
+                        {HOURS.map((hour) => {
+                           const hourSchedules = getSchedulesForDayAndHour(day, hour);
+                           const isCurrentHour = isCurrentDay && new Date().getHours() === hour;
+
+                           return (
+                              <div key={hour} className="h-16 border-b border-gray-200 relative">
+                                 {/* 15-minute slots */}
+                                 {[0, 15, 30, 45].map((minute) => {
+                                    const slotTime = new Date(day);
+                                    slotTime.setHours(hour, minute, 0, 0);
+                                    const isPast = slotTime < new Date();
+                                    const isCurrentSlot =
+                                       isCurrentDay &&
+                                       new Date().getHours() === hour &&
+                                       Math.floor(new Date().getMinutes() / 15) * 15 === minute;
+
+                                    return (
+                                       <div
+                                          key={minute}
+                                          className={`h-4 border-l border-dashed ${
+                                             isCurrentSlot
+                                                ? 'border-blue-400 bg-blue-50'
+                                                : isPast
+                                                  ? 'border-gray-300 bg-gray-50'
+                                                  : 'border-gray-200 hover:border-gray-300 hover:bg-gray-50'
+                                          } transition-colors relative`}
+                                       >
+                                          {/* Drop Zone */}
+                                          <DropZone
+                                             day={day}
+                                             hour={hour}
+                                             minute={minute}
+                                             onDrop={handleDrop}
+                                          />
+
+                                          {/* Schedules in this slot */}
+                                          {hourSchedules
+                                             .filter((schedule) => {
+                                                const scheduleMinute = new Date(
+                                                   schedule.runAt
+                                                ).getMinutes();
+                                                return (
+                                                   Math.floor(scheduleMinute / 15) * 15 === minute
+                                                );
+                                             })
+                                             .map((schedule) => (
+                                                <div
+                                                   key={schedule.id}
+                                                   className="absolute inset-0 bg-blue-100 border border-blue-200 rounded text-xs overflow-hidden"
+                                                >
+                                                   <div className="px-1 py-0.5">
+                                                      <div className="flex items-center space-x-1">
+                                                         <span className="text-lg">
+                                                            {schedule.channel === 'FACEBOOK'
+                                                               ? '📘'
+                                                               : schedule.channel === 'INSTAGRAM'
+                                                                 ? '📷'
+                                                                 : schedule.channel === 'TWITTER'
+                                                                   ? '🐦'
+                                                                   : schedule.channel === 'YOUTUBE'
+                                                                     ? '📺'
+                                                                     : schedule.channel ===
+                                                                         'LINKEDIN'
+                                                                       ? '💼'
+                                                                       : schedule.channel ===
+                                                                           'TIKTOK'
+                                                                         ? '🎵'
+                                                                         : '📝'}
+                                                         </span>
+                                                         <span className="font-medium truncate text-xs">
+                                                            {schedule.content?.title?.slice(
+                                                               0,
+                                                               10
+                                                            ) || 'Untitled'}
+                                                         </span>
+                                                      </div>
+                                                   </div>
+                                                </div>
+                                             ))}
+                                       </div>
+                                    );
+                                 })}
+                              </div>
+                           );
+                        })}
+                     </div>
+                  );
+               })}
+            </div>
+         </CardContent>
+      </Card>
+   );
+}
diff --git a/hooks/use-analytics.ts b/hooks/use-analytics.ts
new file mode 100644
index 00000000..f85c00d6
--- /dev/null
+++ b/hooks/use-analytics.ts
@@ -0,0 +1,91 @@
+import { useState, useEffect } from 'react';
+
+interface AnalyticsMetrics {
+   totalEvents: number;
+   eventsByType: Record<string, number>;
+   impressions: number;
+   clicks: number;
+   views: number;
+   ctr: number;
+   roi: number;
+   campaignMetrics: Array<{
+      id: string;
+      name: string;
+      totalEvents: number;
+      contentCount: number;
+      contentMetrics: Array<{
+         id: string;
+         title: string;
+         events: number;
+         impressions: number;
+         clicks: number;
+         views: number;
+      }>;
+   }>;
+}
+
+export function useAnalytics(orgId: string) {
+   const [metrics, setMetrics] = useState<AnalyticsMetrics | null>(null);
+   const [loading, setLoading] = useState(true);
+   const [error, setError] = useState<string | null>(null);
+
+   useEffect(() => {
+      const fetchAnalytics = async () => {
+         try {
+            setLoading(true);
+            const response = await fetch(`/api/${orgId}/analytics/metrics`);
+            if (!response.ok) {
+               throw new Error('Failed to fetch analytics');
+            }
+            const data = await response.json();
+            setMetrics(data);
+         } catch (err) {
+            setError(err instanceof Error ? err.message : 'Unknown error');
+         } finally {
+            setLoading(false);
+         }
+      };
+
+      if (orgId) {
+         fetchAnalytics();
+      }
+   }, [orgId]);
+
+   const trackEvent = async (
+      event: string,
+      campaignId?: string,
+      contentId?: string,
+      data?: any
+   ) => {
+      try {
+         const response = await fetch(`/api/${orgId}/analytics/track`, {
+            method: 'POST',
+            headers: {
+               'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+               event,
+               campaignId,
+               contentId,
+               data,
+            }),
+         });
+
+         if (!response.ok) {
+            throw new Error('Failed to track event');
+         }
+
+         return await response.json();
+      } catch (err) {
+         console.error('Error tracking event:', err);
+         throw err;
+      }
+   };
+
+   return {
+      metrics,
+      loading,
+      error,
+      trackEvent,
+   };
+}
diff --git a/i18n.ts b/i18n.ts
new file mode 100644
index 00000000..7f88d81f
--- /dev/null
+++ b/i18n.ts
@@ -0,0 +1,15 @@
+import { getRequestConfig } from 'next-intl/server';
+
+// Can be imported from a shared config
+export const locales = ['en', 'vi'] as const;
+export type Locale = (typeof locales)[number];
+
+export default getRequestConfig(async ({ locale }) => {
+   // Validate that the incoming `locale` parameter is valid
+   const validLocale = locales.includes(locale as any) ? locale : 'en';
+
+   return {
+      locale: validLocale as string,
+      messages: (await import(`./messages/${validLocale}.json`)).default,
+   };
+});
diff --git a/jest.config.js b/jest.config.js
new file mode 100644
index 00000000..0e3b2951
--- /dev/null
+++ b/jest.config.js
@@ -0,0 +1,23 @@
+const nextJest = require('next/jest');
+
+const createJestConfig = nextJest({
+   // Provide the path to your Next.js app to load next.config.js and .env files
+   dir: './',
+});
+
+// Add any custom config to be passed to Jest
+const customJestConfig = {
+   setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+   moduleNameMapper: {
+      // Handle module aliases (this will be automatically configured for you based on your tsconfig.json paths)
+      '^@/(.*)$': '<rootDir>/$1',
+      // Mock next-intl to avoid ES module issues
+      '^next-intl$': '<rootDir>/__mocks__/next-intl.ts',
+   },
+   testEnvironment: 'jest-environment-jsdom',
+   testPathIgnorePatterns: ['<rootDir>/tests/e2e/'],
+   transformIgnorePatterns: ['node_modules/(?!(next-intl)/)'],
+};
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig);
diff --git a/jest.setup.js b/jest.setup.js
new file mode 100644
index 00000000..7b0828bf
--- /dev/null
+++ b/jest.setup.js
@@ -0,0 +1 @@
+import '@testing-library/jest-dom';
diff --git a/lib/__tests__/schemas.test.ts b/lib/__tests__/schemas.test.ts
new file mode 100644
index 00000000..28b3d735
--- /dev/null
+++ b/lib/__tests__/schemas.test.ts
@@ -0,0 +1,159 @@
+import {
+   createCampaignSchema,
+   updateCampaignSchema,
+   createContentSchema,
+   updateContentSchema,
+   generateContentSchema,
+   createAssetSchema,
+   updateAssetSchema,
+   createScheduleSchema,
+   updateScheduleSchema,
+   createAnalyticsEventSchema,
+   orgRoleSchema,
+} from '../schemas';
+
+describe('Campaign Schemas', () => {
+   describe('createCampaignSchema', () => {
+      it('should validate valid campaign data', () => {
+         const data = { name: 'Test Campaign', description: 'Test description' };
+         expect(() => createCampaignSchema.parse(data)).not.toThrow();
+      });
+
+      it('should reject empty name', () => {
+         const data = { name: '', description: 'Test description' };
+         expect(() => createCampaignSchema.parse(data)).toThrow();
+      });
+
+      it('should accept campaign without description', () => {
+         const data = { name: 'Test Campaign' };
+         expect(() => createCampaignSchema.parse(data)).not.toThrow();
+      });
+   });
+
+   describe('updateCampaignSchema', () => {
+      it('should validate partial updates', () => {
+         const data = { name: 'Updated Campaign' };
+         expect(() => updateCampaignSchema.parse(data)).not.toThrow();
+      });
+
+      it('should accept empty object', () => {
+         const data = {};
+         expect(() => updateCampaignSchema.parse(data)).not.toThrow();
+      });
+   });
+});
+
+describe('Content Schemas', () => {
+   describe('createContentSchema', () => {
+      it('should validate valid content data', () => {
+         const data = {
+            title: 'Test Content',
+            body: 'Test body',
+            campaignId: 'campaign-123',
+         };
+         expect(() => createContentSchema.parse(data)).not.toThrow();
+      });
+
+      it('should reject missing campaignId', () => {
+         const data = { title: 'Test Content', body: 'Test body' };
+         expect(() => createContentSchema.parse(data)).toThrow();
+      });
+   });
+
+   describe('generateContentSchema', () => {
+      it('should validate valid generation data', () => {
+         const data = {
+            prompt: 'Generate content about AI',
+            campaignId: 'campaign-123',
+         };
+         expect(() => generateContentSchema.parse(data)).not.toThrow();
+      });
+
+      it('should reject empty prompt', () => {
+         const data = { prompt: '', campaignId: 'campaign-123' };
+         expect(() => generateContentSchema.parse(data)).toThrow();
+      });
+   });
+});
+
+describe('Asset Schemas', () => {
+   describe('createAssetSchema', () => {
+      it('should validate valid asset data', () => {
+         const data = {
+            url: 'https://example.com/image.jpg',
+            name: 'Test Image',
+            type: 'image/jpeg',
+            size: 1024,
+            contentId: 'content-123',
+         };
+         expect(() => createAssetSchema.parse(data)).not.toThrow();
+      });
+
+      it('should reject invalid URL', () => {
+         const data = {
+            url: 'invalid-url',
+            type: 'image/jpeg',
+            contentId: 'content-123',
+         };
+         expect(() => createAssetSchema.parse(data)).toThrow();
+      });
+   });
+});
+
+describe('Schedule Schemas', () => {
+   describe('createScheduleSchema', () => {
+      it('should validate valid schedule data', () => {
+         const data = {
+            runAt: '2024-01-01T10:00:00Z',
+            timezone: 'America/New_York',
+            channel: 'FACEBOOK',
+            campaignId: 'campaign-123',
+            contentId: 'content-123',
+         };
+         expect(() => createScheduleSchema.parse(data)).not.toThrow();
+      });
+
+      it('should reject invalid date', () => {
+         const data = {
+            runAt: 'invalid-date',
+            timezone: 'America/New_York',
+            channel: 'FACEBOOK',
+            campaignId: 'campaign-123',
+            contentId: 'content-123',
+         };
+         expect(() => createScheduleSchema.parse(data)).toThrow();
+      });
+   });
+});
+
+describe('Analytics Schemas', () => {
+   describe('createAnalyticsEventSchema', () => {
+      it('should validate valid event data', () => {
+         const data = {
+            event: 'page_view',
+            data: { page: '/home' },
+            organizationId: 'org-123',
+         };
+         expect(() => createAnalyticsEventSchema.parse(data)).not.toThrow();
+      });
+
+      it('should reject missing event', () => {
+         const data = { data: { page: '/home' } };
+         expect(() => createAnalyticsEventSchema.parse(data)).toThrow();
+      });
+   });
+});
+
+describe('Role Schema', () => {
+   describe('orgRoleSchema', () => {
+      it('should validate valid roles', () => {
+         expect(() => orgRoleSchema.parse('ADMIN')).not.toThrow();
+         expect(() => orgRoleSchema.parse('BRAND_OWNER')).not.toThrow();
+         expect(() => orgRoleSchema.parse('CREATOR')).not.toThrow();
+      });
+
+      it('should reject invalid role', () => {
+         expect(() => orgRoleSchema.parse('INVALID_ROLE')).toThrow();
+      });
+   });
+});
diff --git a/lib/__tests__/utils.test.ts b/lib/__tests__/utils.test.ts
new file mode 100644
index 00000000..87f38704
--- /dev/null
+++ b/lib/__tests__/utils.test.ts
@@ -0,0 +1,25 @@
+import { cn } from '../utils';
+
+describe('cn', () => {
+   it('should merge class names correctly', () => {
+      expect(cn('class1', 'class2')).toBe('class1 class2');
+   });
+
+   it('should handle conditional classes', () => {
+      expect(cn('class1', true && 'class2', false && 'class3')).toBe('class1 class2');
+   });
+
+   it('should merge Tailwind classes correctly', () => {
+      const result = cn('px-2 py-1', 'px-4');
+      expect(result).toContain('px-4');
+      expect(result).toContain('py-1');
+   });
+
+   it('should handle empty inputs', () => {
+      expect(cn()).toBe('');
+   });
+
+   it('should handle undefined and null', () => {
+      expect(cn('class1', undefined, null, 'class2')).toBe('class1 class2');
+   });
+});
diff --git a/lib/ai-test.ts b/lib/ai-test.ts
new file mode 100644
index 00000000..0c4373ed
--- /dev/null
+++ b/lib/ai-test.ts
@@ -0,0 +1,94 @@
+/**
+ * AI Integration Test File
+ *
+ * This file contains tests to verify AI service integration.
+ * Note: These tests require a valid OpenAI API key to run successfully.
+ */
+
+import { generateContent, summarizeContent, translateContent, generateIdeas } from './openai';
+
+// Test functions for AI services
+export async function testAIGeneration() {
+   try {
+      console.log('Testing AI Content Generation...');
+      const result = await generateContent({
+         prompt: 'Write a short social media post about healthy eating',
+         type: 'social',
+         tone: 'casual',
+         length: 'short',
+      });
+      console.log('Generation Result:', result);
+      return result;
+   } catch (error) {
+      console.error('Generation test failed:', error);
+      return null;
+   }
+}
+
+export async function testAISummarization() {
+   try {
+      console.log('Testing AI Content Summarization...');
+      const result = await summarizeContent({
+         content:
+            'This is a long article about artificial intelligence and its applications in modern business. AI has revolutionized many industries including healthcare, finance, and marketing. Machine learning algorithms can now predict customer behavior, automate customer service, and create personalized content. The future of AI looks promising with advancements in natural language processing and computer vision.',
+         length: 'brief',
+      });
+      console.log('Summarization Result:', result);
+      return result;
+   } catch (error) {
+      console.error('Summarization test failed:', error);
+      return null;
+   }
+}
+
+export async function testAITranslation() {
+   try {
+      console.log('Testing AI Content Translation...');
+      const result = await translateContent({
+         content: 'Hello, how are you today?',
+         targetLanguage: 'Spanish',
+         sourceLanguage: 'English',
+      });
+      console.log('Translation Result:', result);
+      return result;
+   } catch (error) {
+      console.error('Translation test failed:', error);
+      return null;
+   }
+}
+
+export async function testAIdeation() {
+   try {
+      console.log('Testing AI Idea Generation...');
+      const result = await generateIdeas({
+         topic: 'social media marketing',
+         count: 3,
+         type: 'general',
+      });
+      console.log('Ideation Result:', result);
+      return result;
+   } catch (error) {
+      console.error('Ideation test failed:', error);
+      return null;
+   }
+}
+
+// Main test runner
+export async function runAITests() {
+   console.log('Starting AI Integration Tests...\n');
+
+   const results = {
+      generation: await testAIGeneration(),
+      summarization: await testAISummarization(),
+      translation: await testAITranslation(),
+      ideation: await testAIdeation(),
+   };
+
+   console.log('\nAI Integration Test Results:');
+   console.log('Generation:', results.generation ? 'PASS' : 'FAIL');
+   console.log('Summarization:', results.summarization ? 'PASS' : 'FAIL');
+   console.log('Translation:', results.translation ? 'PASS' : 'FAIL');
+   console.log('Ideation:', results.ideation ? 'PASS' : 'FAIL');
+
+   return results;
+}
diff --git a/lib/auth.ts b/lib/auth.ts
new file mode 100644
index 00000000..f5b8b7ab
--- /dev/null
+++ b/lib/auth.ts
@@ -0,0 +1,59 @@
+import NextAuth from 'next-auth';
+import Credentials from 'next-auth/providers/credentials';
+import { z } from 'zod';
+import prisma from '@/lib/prisma';
+
+const credentialsSchema = z.object({
+   email: z.string().email(),
+   password: z.string().min(1),
+});
+
+type TokenWithId = Record<string, unknown> & { id?: string };
+
+export const {
+   handlers: authHandlers,
+   auth,
+   signIn,
+   signOut,
+} = NextAuth({
+   providers: [
+      Credentials({
+         credentials: {
+            email: { label: 'Email', type: 'email' },
+            password: { label: 'Password', type: 'password' },
+         },
+         authorize: async (raw) => {
+            const parsed = credentialsSchema.safeParse(raw);
+            if (!parsed.success) return null;
+            const { email, password } = parsed.data;
+
+            const devPass = process.env.DEV_LOGIN_PASSWORD || 'dev';
+            if (password !== devPass) return null;
+
+            // Find or create a user for dev-only credentials login
+            let user = await prisma.user.findUnique({ where: { email } });
+            if (!user) {
+               user = await prisma.user.create({ data: { email, name: email.split('@')[0] } });
+            }
+            return { id: user.id, email: user.email, name: user.name };
+         },
+      }),
+   ],
+   session: { strategy: 'jwt' },
+   callbacks: {
+      async jwt({ token, user }) {
+         const t = token as TokenWithId;
+         if (user && 'id' in user && typeof (user as { id?: unknown }).id === 'string') {
+            t.id = (user as { id: string }).id;
+         }
+         return t;
+      },
+      async session({ session, token }) {
+         const t = token as TokenWithId;
+         if (session?.user && t.id) {
+            (session.user as { id?: string }).id = t.id;
+         }
+         return session;
+      },
+   },
+});
diff --git a/lib/campaigns.ts b/lib/campaigns.ts
new file mode 100644
index 00000000..43881c48
--- /dev/null
+++ b/lib/campaigns.ts
@@ -0,0 +1,102 @@
+import prisma from './prisma';
+
+export async function getCampaign(orgId: string, campaignId: string) {
+   try {
+      const campaign = await prisma.campaign.findFirst({
+         where: {
+            id: campaignId,
+            organizationId: orgId,
+         },
+         include: {
+            lead: {
+               select: {
+                  id: true,
+                  name: true,
+                  email: true,
+                  image: true,
+               },
+            },
+            members: {
+               include: {
+                  user: {
+                     select: {
+                        id: true,
+                        name: true,
+                        email: true,
+                        image: true,
+                     },
+                  },
+               },
+            },
+            tasks: {
+               include: {
+                  assignee: {
+                     select: {
+                        id: true,
+                        name: true,
+                        email: true,
+                        image: true,
+                     },
+                  },
+                  subtasks: {
+                     include: {
+                        assignee: {
+                           select: {
+                              id: true,
+                              name: true,
+                              email: true,
+                              image: true,
+                           },
+                        },
+                     },
+                  },
+               },
+               orderBy: [{ priority: 'desc' }, { createdAt: 'asc' }],
+            },
+            labels: true,
+            milestones: {
+               orderBy: { dueDate: 'asc' },
+            },
+            contents: {
+               include: {
+                  assets: true,
+               },
+            },
+            schedules: true,
+            _count: {
+               select: {
+                  tasks: true,
+                  members: true,
+                  labels: true,
+                  milestones: true,
+                  contents: true,
+                  schedules: true,
+               },
+            },
+         },
+      });
+
+      return campaign;
+   } catch (error) {
+      console.error('Error fetching campaign:', error);
+      return null;
+   }
+}
+
+export async function getCampaigns(orgId: string) {
+   try {
+      const campaigns = await prisma.campaign.findMany({
+         where: { organizationId: orgId },
+         include: {
+            contents: true,
+            schedules: true,
+         },
+         orderBy: { createdAt: 'desc' },
+      });
+
+      return campaigns;
+   } catch (error) {
+      console.error('Error fetching campaigns:', error);
+      return [];
+   }
+}
diff --git a/lib/content.ts b/lib/content.ts
new file mode 100644
index 00000000..d31a076b
--- /dev/null
+++ b/lib/content.ts
@@ -0,0 +1,57 @@
+import prisma from './prisma';
+
+export async function getContent(orgId: string, contentId: string) {
+   try {
+      const content = await prisma.content.findFirst({
+         where: {
+            id: contentId,
+            campaign: { organizationId: orgId },
+         },
+         include: {
+            campaign: true,
+            assets: true,
+         },
+      });
+
+      return content;
+   } catch (error) {
+      console.error('Error fetching content:', error);
+      return null;
+   }
+}
+
+export async function getContents(
+   orgId: string,
+   filters?: {
+      campaignId?: string;
+      status?: string;
+   }
+) {
+   try {
+      const where: any = {
+         campaign: { organizationId: orgId },
+      };
+
+      if (filters?.campaignId) {
+         where.campaignId = filters.campaignId;
+      }
+
+      if (filters?.status) {
+         where.status = filters.status;
+      }
+
+      const contents = await prisma.content.findMany({
+         where,
+         include: {
+            campaign: true,
+            assets: true,
+         },
+         orderBy: { createdAt: 'desc' },
+      });
+
+      return contents;
+   } catch (error) {
+      console.error('Error fetching contents:', error);
+      return [];
+   }
+}
diff --git a/lib/cron-worker.ts b/lib/cron-worker.ts
new file mode 100644
index 00000000..375f6fae
--- /dev/null
+++ b/lib/cron-worker.ts
@@ -0,0 +1,76 @@
+import prisma from './prisma';
+
+export async function publishScheduledContent() {
+   try {
+      const now = new Date();
+
+      // Find all schedules that are due for publication
+      const dueSchedules = await prisma.schedule.findMany({
+         where: {
+            runAt: {
+               lte: now,
+            },
+            status: {
+               not: 'PUBLISHED',
+            },
+         },
+         include: {
+            content: true,
+            campaign: true,
+         },
+      });
+
+      console.log(`Found ${dueSchedules.length} schedules due for publication`);
+
+      for (const schedule of dueSchedules) {
+         try {
+            // Update schedule status to published
+            await prisma.schedule.update({
+               where: { id: schedule.id },
+               data: { status: 'PUBLISHED' },
+            });
+
+            // Here you would integrate with your content publishing platform
+            // For example, posting to social media, sending emails, etc.
+            console.log(
+               `Published content: ${schedule.content?.title} for campaign: ${schedule.campaign.name}`
+            );
+
+            // You could also update content status or add publishing metadata
+            if (schedule.content) {
+               // Add any publishing logic here
+               // For example, update content with publication timestamp
+               await prisma.content.update({
+                  where: { id: schedule.content.id },
+                  data: {
+                     // Add publication metadata if needed
+                  },
+               });
+            }
+         } catch (error) {
+            console.error(`Error publishing schedule ${schedule.id}:`, error);
+            // You might want to mark the schedule as failed
+            await prisma.schedule.update({
+               where: { id: schedule.id },
+               data: { status: 'FAILED' },
+            });
+         }
+      }
+
+      return { success: true, published: dueSchedules.length };
+   } catch (error) {
+      console.error('Error in publishScheduledContent:', error);
+      return { success: false, error: error instanceof Error ? error.message : 'Unknown error' };
+   }
+}
+
+// Function to run the cron job
+export async function runCronJob() {
+   console.log('Running scheduled content publication cron job...');
+   const result = await publishScheduledContent();
+   console.log('Cron job completed:', result);
+   return result;
+}
+
+// Export for use in API routes or scheduled tasks
+export default { publishScheduledContent, runCronJob };
diff --git a/lib/i18n.ts b/lib/i18n.ts
new file mode 100644
index 00000000..35bde4e0
--- /dev/null
+++ b/lib/i18n.ts
@@ -0,0 +1,16 @@
+import { notFound } from 'next/navigation';
+import { getRequestConfig } from 'next-intl/server';
+
+// Can be imported from a shared config
+export const locales = ['en', 'vi'] as const;
+export type Locale = (typeof locales)[number];
+
+export default getRequestConfig(async ({ locale }) => {
+   // Validate that the incoming `locale` parameter is valid
+   if (!locales.includes(locale as any)) notFound();
+
+   return {
+      locale: locale as string,
+      messages: (await import(`../messages/${locale}.json`)).default,
+   };
+});
diff --git a/lib/openai.ts b/lib/openai.ts
new file mode 100644
index 00000000..d22e1f35
--- /dev/null
+++ b/lib/openai.ts
@@ -0,0 +1,148 @@
+import OpenAI from 'openai';
+
+if (!process.env.OPENAI_API_KEY) {
+   throw new Error('OPENAI_API_KEY environment variable is required');
+}
+
+export const openai = new OpenAI({
+   apiKey: process.env.OPENAI_API_KEY,
+});
+
+export interface AIContentGenerationOptions {
+   prompt: string;
+   type?: 'blog' | 'social' | 'email' | 'general';
+   tone?: 'professional' | 'casual' | 'creative' | 'formal';
+   length?: 'short' | 'medium' | 'long';
+}
+
+export interface AISummarizationOptions {
+   content: string;
+   length?: 'brief' | 'detailed';
+}
+
+export interface AITranslationOptions {
+   content: string;
+   targetLanguage: string;
+   sourceLanguage?: string;
+}
+
+export interface AIIdeationOptions {
+   topic: string;
+   count?: number;
+   type?: 'titles' | 'hashtags' | 'campaigns' | 'general';
+}
+
+/**
+ * Generate content using OpenAI
+ */
+export async function generateContent(options: AIContentGenerationOptions): Promise<string> {
+   const { prompt, type = 'general', tone = 'professional', length = 'medium' } = options;
+
+   const systemPrompt = `You are a content generation assistant. Generate ${type} content in a ${tone} tone. The content should be ${length} in length.`;
+
+   const userPrompt = `Generate content based on this prompt: ${prompt}`;
+
+   try {
+      const response = await openai.chat.completions.create({
+         model: 'gpt-4o-mini',
+         messages: [
+            { role: 'system', content: systemPrompt },
+            { role: 'user', content: userPrompt },
+         ],
+         max_tokens: length === 'short' ? 150 : length === 'medium' ? 300 : 600,
+         temperature: 0.7,
+      });
+
+      return response.choices[0]?.message?.content?.trim() || 'Failed to generate content';
+   } catch (error) {
+      console.error('Error generating content:', error);
+      throw new Error('Failed to generate content');
+   }
+}
+
+/**
+ * Summarize content using OpenAI
+ */
+export async function summarizeContent(options: AISummarizationOptions): Promise<string> {
+   const { content, length = 'brief' } = options;
+
+   const systemPrompt = `You are a content summarization assistant. Provide a ${length} summary of the given content.`;
+
+   try {
+      const response = await openai.chat.completions.create({
+         model: 'gpt-4o-mini',
+         messages: [
+            { role: 'system', content: systemPrompt },
+            { role: 'user', content: `Please summarize this content:\n\n${content}` },
+         ],
+         max_tokens: length === 'brief' ? 100 : 200,
+         temperature: 0.3,
+      });
+
+      return response.choices[0]?.message?.content?.trim() || 'Failed to summarize content';
+   } catch (error) {
+      console.error('Error summarizing content:', error);
+      throw new Error('Failed to summarize content');
+   }
+}
+
+/**
+ * Translate content using OpenAI
+ */
+export async function translateContent(options: AITranslationOptions): Promise<string> {
+   const { content, targetLanguage, sourceLanguage } = options;
+
+   const systemPrompt = `You are a translation assistant. Translate the given content to ${targetLanguage}. Maintain the original tone and formatting.`;
+
+   const userPrompt = sourceLanguage
+      ? `Translate this content from ${sourceLanguage} to ${targetLanguage}:\n\n${content}`
+      : `Translate this content to ${targetLanguage}:\n\n${content}`;
+
+   try {
+      const response = await openai.chat.completions.create({
+         model: 'gpt-4o-mini',
+         messages: [
+            { role: 'system', content: systemPrompt },
+            { role: 'user', content: userPrompt },
+         ],
+         temperature: 0.3,
+      });
+
+      return response.choices[0]?.message?.content?.trim() || 'Failed to translate content';
+   } catch (error) {
+      console.error('Error translating content:', error);
+      throw new Error('Failed to translate content');
+   }
+}
+
+/**
+ * Generate ideas using OpenAI
+ */
+export async function generateIdeas(options: AIIdeationOptions): Promise<string[]> {
+   const { topic, count = 5, type = 'general' } = options;
+
+   const systemPrompt = `You are an ideation assistant. Generate ${count} creative ${type} ideas related to the given topic. Provide each idea as a separate item in a list.`;
+
+   const userPrompt = `Generate ${count} ${type} ideas for: ${topic}`;
+
+   try {
+      const response = await openai.chat.completions.create({
+         model: 'gpt-4o-mini',
+         messages: [
+            { role: 'system', content: systemPrompt },
+            { role: 'user', content: userPrompt },
+         ],
+         max_tokens: 400,
+         temperature: 0.8,
+      });
+
+      const content = response.choices[0]?.message?.content?.trim() || '';
+      // Split by newlines and filter out empty lines
+      const ideas = content.split('\n').filter((line) => line.trim().length > 0);
+
+      return ideas.length > 0 ? ideas : ['Failed to generate ideas'];
+   } catch (error) {
+      console.error('Error generating ideas:', error);
+      throw new Error('Failed to generate ideas');
+   }
+}
diff --git a/lib/prisma.ts b/lib/prisma.ts
new file mode 100644
index 00000000..077affa4
--- /dev/null
+++ b/lib/prisma.ts
@@ -0,0 +1,14 @@
+import { PrismaClient } from '@prisma/client';
+
+// Ensure a singleton in dev and RSC-safe usage
+const globalForPrisma = globalThis as unknown as { prisma?: PrismaClient };
+
+export const prisma =
+   globalForPrisma.prisma ??
+   new PrismaClient({
+      log: process.env.NODE_ENV === 'development' ? ['query', 'error', 'warn'] : ['error'],
+   });
+
+if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;
+
+export default prisma;
diff --git a/lib/rbac.ts b/lib/rbac.ts
new file mode 100644
index 00000000..381ce31f
--- /dev/null
+++ b/lib/rbac.ts
@@ -0,0 +1,117 @@
+import { auth } from '@/lib/auth';
+import prisma from '@/lib/prisma';
+import { OrgRole } from '@prisma/client';
+
+export type UserRole = OrgRole;
+
+// Simple in-memory cache for user roles (per request)
+const roleCache = new Map<string, UserRole | null>();
+
+export const PERMISSIONS = {
+   VIEW_CAMPAIGNS: 'view_campaigns',
+   MANAGE_CAMPAIGNS: 'manage_campaigns',
+   MANAGE_CONTENT: 'manage_content',
+   APPROVE_CONTENT: 'approve_content',
+   VIEW_ANALYTICS: 'view_analytics',
+   MANAGE_USERS: 'manage_users',
+   MANAGE_ORGANIZATION: 'manage_organization',
+   MANAGE_SCHEDULES: 'manage_schedules',
+} as const;
+
+export async function getUserRole(orgId: string): Promise<UserRole | null> {
+   const session = await auth();
+   if (!session?.user?.id) {
+      return null;
+   }
+
+   const cacheKey = `${session.user.id}:${orgId}`;
+   if (roleCache.has(cacheKey)) {
+      return roleCache.get(cacheKey)!;
+   }
+
+   const membership = await prisma.membership.findFirst({
+      where: {
+         userId: session.user.id,
+         organizationId: orgId,
+      },
+   });
+
+   const role = membership?.role || null;
+   roleCache.set(cacheKey, role);
+   return role;
+}
+
+export async function requireRole(orgId: string, requiredRole: UserRole): Promise<boolean> {
+   const userRole = await getUserRole(orgId);
+   if (!userRole) return false;
+
+   const roleHierarchy = {
+      [OrgRole.CREATOR]: 1,
+      [OrgRole.BRAND_OWNER]: 2,
+      [OrgRole.ADMIN]: 3,
+   };
+
+   return roleHierarchy[userRole] >= roleHierarchy[requiredRole];
+}
+
+export async function requirePermission(
+   userId: string,
+   orgId: string,
+   permission: string
+): Promise<void> {
+   const userRole = await getUserRole(orgId);
+   if (!userRole) {
+      throw new Error('Insufficient permissions');
+   }
+
+   const permissions = {
+      [OrgRole.CREATOR]: [PERMISSIONS.VIEW_CAMPAIGNS, PERMISSIONS.MANAGE_CONTENT],
+      [OrgRole.BRAND_OWNER]: [
+         PERMISSIONS.VIEW_CAMPAIGNS,
+         PERMISSIONS.MANAGE_CAMPAIGNS,
+         PERMISSIONS.MANAGE_CONTENT,
+         PERMISSIONS.APPROVE_CONTENT,
+         PERMISSIONS.VIEW_ANALYTICS,
+      ],
+      [OrgRole.ADMIN]: [
+         PERMISSIONS.VIEW_CAMPAIGNS,
+         PERMISSIONS.MANAGE_CAMPAIGNS,
+         PERMISSIONS.MANAGE_CONTENT,
+         PERMISSIONS.APPROVE_CONTENT,
+         PERMISSIONS.VIEW_ANALYTICS,
+         PERMISSIONS.MANAGE_USERS,
+         PERMISSIONS.MANAGE_ORGANIZATION,
+      ],
+   };
+
+   if (!permissions[userRole]?.includes(permission as any)) {
+      throw new Error('Insufficient permissions');
+   }
+}
+
+export async function hasPermission(orgId: string, permission: string): Promise<boolean> {
+   const userRole = await getUserRole(orgId);
+   if (!userRole) return false;
+
+   const permissions = {
+      [OrgRole.CREATOR]: [PERMISSIONS.VIEW_CAMPAIGNS, PERMISSIONS.MANAGE_CONTENT],
+      [OrgRole.BRAND_OWNER]: [
+         PERMISSIONS.VIEW_CAMPAIGNS,
+         PERMISSIONS.MANAGE_CAMPAIGNS,
+         PERMISSIONS.MANAGE_CONTENT,
+         PERMISSIONS.APPROVE_CONTENT,
+         PERMISSIONS.VIEW_ANALYTICS,
+      ],
+      [OrgRole.ADMIN]: [
+         PERMISSIONS.VIEW_CAMPAIGNS,
+         PERMISSIONS.MANAGE_CAMPAIGNS,
+         PERMISSIONS.MANAGE_CONTENT,
+         PERMISSIONS.APPROVE_CONTENT,
+         PERMISSIONS.VIEW_ANALYTICS,
+         PERMISSIONS.MANAGE_USERS,
+         PERMISSIONS.MANAGE_ORGANIZATION,
+      ],
+   };
+
+   return permissions[userRole]?.includes(permission as any) || false;
+}
diff --git a/lib/schemas.ts b/lib/schemas.ts
new file mode 100644
index 00000000..1a4843ba
--- /dev/null
+++ b/lib/schemas.ts
@@ -0,0 +1,125 @@
+import { z } from 'zod';
+
+// User schemas
+export const createUserSchema = z.object({
+   name: z.string().min(1, 'Name is required'),
+   email: z.string().email('Invalid email address'),
+   password: z.string().min(6, 'Password must be at least 6 characters').optional(),
+});
+
+export const updateUserSchema = z.object({
+   name: z.string().min(1, 'Name is required').optional(),
+   email: z.string().email('Invalid email address').optional(),
+   image: z.string().url('Invalid URL').optional(),
+});
+
+export const userLoginSchema = z.object({
+   email: z.string().email('Invalid email address'),
+   password: z.string().min(1, 'Password is required'),
+});
+
+// Organization schemas
+export const createOrganizationSchema = z.object({
+   name: z.string().min(1, 'Organization name is required'),
+});
+
+export const updateOrganizationSchema = z.object({
+   name: z.string().min(1, 'Organization name is required').optional(),
+});
+
+// Membership schemas
+export const createMembershipSchema = z.object({
+   userId: z.string().min(1, 'User ID is required'),
+   organizationId: z.string().min(1, 'Organization ID is required'),
+   role: z.enum(['ADMIN', 'BRAND_OWNER', 'CREATOR']),
+});
+
+export const updateMembershipSchema = z.object({
+   role: z.enum(['ADMIN', 'BRAND_OWNER', 'CREATOR']).optional(),
+});
+
+// Campaign schemas
+export const createCampaignSchema = z.object({
+   name: z.string().min(1, 'Name is required'),
+   description: z.string().optional(),
+});
+
+export const updateCampaignSchema = z.object({
+   name: z.string().min(1, 'Name is required').optional(),
+   description: z.string().optional(),
+});
+
+// Content schemas
+export const createContentSchema = z.object({
+   title: z.string().min(1, 'Title is required'),
+   body: z.string().optional(),
+   status: z
+      .enum(['DRAFT', 'SUBMITTED', 'APPROVED', 'SCHEDULED', 'PUBLISHED', 'REJECTED'])
+      .optional(),
+   campaignId: z.string().min(1, 'Campaign ID is required'),
+});
+
+export const updateContentSchema = z.object({
+   title: z.string().min(1, 'Title is required').optional(),
+   body: z.string().optional(),
+   status: z
+      .enum(['DRAFT', 'SUBMITTED', 'APPROVED', 'SCHEDULED', 'PUBLISHED', 'REJECTED'])
+      .optional(),
+});
+
+export const generateContentSchema = z.object({
+   prompt: z.string().min(1, 'Prompt is required'),
+   campaignId: z.string().min(1, 'Campaign ID is required'),
+});
+
+// Asset schemas
+export const createAssetSchema = z.object({
+   url: z.string().url('Invalid URL'),
+   name: z.string().optional(),
+   type: z.string().min(1, 'Type is required'),
+   size: z.number().optional(),
+   description: z.string().optional(),
+   tags: z.array(z.string()).optional(),
+   contentId: z.string().min(1, 'Content ID is required'),
+});
+
+export const updateAssetSchema = z.object({
+   url: z.string().url('Invalid URL').optional(),
+   name: z.string().optional(),
+   type: z.string().min(1, 'Type is required').optional(),
+   size: z.number().optional(),
+   description: z.string().optional(),
+   tags: z.array(z.string()).optional(),
+});
+
+// Schedule schemas
+export const createScheduleSchema = z.object({
+   runAt: z.string().datetime('Invalid date'),
+   timezone: z.string().min(1, 'Timezone is required'),
+   channel: z.enum(['FACEBOOK', 'INSTAGRAM', 'TWITTER', 'YOUTUBE', 'LINKEDIN', 'TIKTOK', 'BLOG']),
+   status: z.enum(['PENDING', 'PUBLISHED', 'FAILED', 'CANCELLED']).optional(),
+   campaignId: z.string().min(1, 'Campaign ID is required'),
+   contentId: z.string().min(1, 'Content ID is required'),
+});
+
+export const updateScheduleSchema = z.object({
+   runAt: z.string().datetime('Invalid date').optional(),
+   timezone: z.string().min(1, 'Timezone is required').optional(),
+   channel: z
+      .enum(['FACEBOOK', 'INSTAGRAM', 'TWITTER', 'YOUTUBE', 'LINKEDIN', 'TIKTOK', 'BLOG'])
+      .optional(),
+   status: z.enum(['PENDING', 'PUBLISHED', 'FAILED', 'CANCELLED']).optional(),
+   contentId: z.string().optional(),
+});
+
+// Analytics schemas
+export const createAnalyticsEventSchema = z.object({
+   event: z.string().min(1, 'Event is required'),
+   data: z.record(z.any()).optional(),
+   organizationId: z.string().optional(),
+   campaignId: z.string().optional(),
+   contentId: z.string().optional(),
+});
+
+// OrgRole enum
+export const orgRoleSchema = z.enum(['ADMIN', 'BRAND_OWNER', 'CREATOR']);
diff --git a/lib/uploadthing.ts b/lib/uploadthing.ts
new file mode 100644
index 00000000..6ff453a6
--- /dev/null
+++ b/lib/uploadthing.ts
@@ -0,0 +1,29 @@
+import { createUploadthing, type FileRouter } from 'uploadthing/next';
+import { UploadThingError } from 'uploadthing/server';
+import { auth } from '@/lib/auth';
+
+const f = createUploadthing();
+
+export const ourFileRouter = {
+   assetUploader: f({
+      image: { maxFileSize: '4MB' },
+      video: { maxFileSize: '16MB' },
+      audio: { maxFileSize: '8MB' },
+      pdf: { maxFileSize: '4MB' },
+   })
+      .middleware(async ({ req }) => {
+         const session = await auth();
+
+         if (!session?.user?.id) throw new UploadThingError('Unauthorized');
+
+         return { userId: session.user.id };
+      })
+      .onUploadComplete(async ({ metadata, file }) => {
+         console.log('Upload complete for userId:', metadata.userId);
+         console.log('file url', file.url);
+
+         return { uploadedBy: metadata.userId, url: file.url };
+      }),
+} satisfies FileRouter;
+
+export type OurFileRouter = typeof ourFileRouter;
diff --git a/messages/en.json b/messages/en.json
new file mode 100644
index 00000000..b09bbf94
--- /dev/null
+++ b/messages/en.json
@@ -0,0 +1,80 @@
+{
+   "common": {
+      "loading": "Loading...",
+      "save": "Save",
+      "cancel": "Cancel",
+      "delete": "Delete",
+      "edit": "Edit",
+      "create": "Create",
+      "search": "Search",
+      "filter": "Filter",
+      "settings": "Settings",
+      "language": "Language",
+      "english": "English",
+      "vietnamese": "Vietnamese"
+   },
+   "navigation": {
+      "workspace": "Workspace",
+      "dashboard": "Dashboard",
+      "campaigns": "Campaigns",
+      "content_studio": "Content Studio",
+      "schedules": "Schedules",
+      "assets": "Assets",
+      "analytics": "Analytics",
+      "members": "Members",
+      "settings": "Settings",
+      "more": "More",
+      "views": "Views",
+      "customize_sidebar": "Customize sidebar",
+      "projects": "Projects",
+      "teams": "Teams",
+      "content": "Content",
+      "inbox": "Inbox"
+   },
+   "auth": {
+      "signin": "Sign In",
+      "signout": "Sign Out",
+      "welcome": "Welcome",
+      "username": "Username",
+      "password": "Password",
+      "email": "Email"
+   },
+   "dashboard": {
+      "title": "Dashboard",
+      "overview": "Overview",
+      "analytics": "Analytics",
+      "recent_activity": "Recent Activity",
+      "admin_title": "Admin Dashboard",
+      "admin_description": "Manage organization, users, and system settings",
+      "system_settings": "System Settings",
+      "total_users": "Total Users",
+      "active_users": "active",
+      "active_campaigns": "Active Campaigns",
+      "content_pieces": "Content Pieces",
+      "pending_approvals": "Pending Approvals",
+      "requires_attention": "Requires attention",
+      "user_management": "User Management",
+      "organization": "Organization",
+      "system": "System",
+      "team_members": "Team Members",
+      "manage_user_roles": "Manage user roles and permissions",
+      "user": "User",
+      "role": "Role",
+      "status": "Status",
+      "actions": "Actions",
+      "edit": "Edit",
+      "brand_owner": "Brand Owner",
+      "creator": "Creator",
+      "admin": "Admin",
+      "pending_invites": "Pending Invites",
+      "users_waiting_join": "Users waiting to join the organization",
+      "invited_by": "Invited by",
+      "resend": "Resend",
+      "invite_new_user": "Invite New User"
+   },
+   "sidebar": {
+      "open_source_layouts": "Open-source layouts by lndev-ui",
+      "layouts_description": "Collection of beautifully crafted open-source layouts UI built with shadcn/ui.",
+      "visit_square": "square.lndev.me"
+   }
+}
diff --git a/messages/vi.json b/messages/vi.json
new file mode 100644
index 00000000..d569062f
--- /dev/null
+++ b/messages/vi.json
@@ -0,0 +1,80 @@
+{
+   "common": {
+      "loading": "Đang tải...",
+      "save": "Lưu",
+      "cancel": "Hủy",
+      "delete": "Xóa",
+      "edit": "Chỉnh sửa",
+      "create": "Tạo",
+      "search": "Tìm kiếm",
+      "filter": "Lọc",
+      "settings": "Cài đặt",
+      "language": "Ngôn ngữ",
+      "english": "Tiếng Anh",
+      "vietnamese": "Tiếng Việt"
+   },
+   "navigation": {
+      "workspace": "Không gian làm việc",
+      "dashboard": "Bảng điều khiển",
+      "campaigns": "Chiến dịch",
+      "content_studio": "Studio nội dung",
+      "schedules": "Lịch trình",
+      "assets": "Tài sản",
+      "analytics": "Phân tích",
+      "members": "Thành viên",
+      "settings": "Cài đặt",
+      "more": "Thêm",
+      "views": "Chế độ xem",
+      "customize_sidebar": "Tùy chỉnh thanh bên",
+      "projects": "Dự án",
+      "teams": "Nhóm",
+      "content": "Nội dung",
+      "inbox": "Hộp thư"
+   },
+   "auth": {
+      "signin": "Đăng nhập",
+      "signout": "Đăng xuất",
+      "welcome": "Chào mừng",
+      "username": "Tên người dùng",
+      "password": "Mật khẩu",
+      "email": "Email"
+   },
+   "dashboard": {
+      "title": "Bảng điều khiển",
+      "overview": "Tổng quan",
+      "analytics": "Phân tích",
+      "recent_activity": "Hoạt động gần đây",
+      "admin_title": "Bảng điều khiển quản trị",
+      "admin_description": "Quản lý tổ chức, người dùng và cài đặt hệ thống",
+      "system_settings": "Cài đặt hệ thống",
+      "total_users": "Tổng số người dùng",
+      "active_users": "đang hoạt động",
+      "active_campaigns": "Chiến dịch đang hoạt động",
+      "content_pieces": "Mảnh nội dung",
+      "pending_approvals": "Đang chờ phê duyệt",
+      "requires_attention": "Cần chú ý",
+      "user_management": "Quản lý người dùng",
+      "organization": "Tổ chức",
+      "system": "Hệ thống",
+      "team_members": "Thành viên nhóm",
+      "manage_user_roles": "Quản lý vai trò và quyền của người dùng",
+      "user": "Người dùng",
+      "role": "Vai trò",
+      "status": "Trạng thái",
+      "actions": "Hành động",
+      "edit": "Chỉnh sửa",
+      "brand_owner": "Chủ sở hữu thương hiệu",
+      "creator": "Người tạo",
+      "admin": "Quản trị viên",
+      "pending_invites": "Lời mời đang chờ",
+      "users_waiting_join": "Người dùng đang chờ tham gia tổ chức",
+      "invited_by": "Được mời bởi",
+      "resend": "Gửi lại",
+      "invite_new_user": "Mời người dùng mới"
+   },
+   "sidebar": {
+      "open_source_layouts": "Bố cục mã nguồn mở bởi lndev-ui",
+      "layouts_description": "Bộ sưu tập các bố cục UI mã nguồn mở được thiết kế đẹp mắt được xây dựng với shadcn/ui.",
+      "visit_square": "square.lndev.me"
+   }
+}
diff --git a/middleware.ts b/middleware.ts
new file mode 100644
index 00000000..ef512d12
--- /dev/null
+++ b/middleware.ts
@@ -0,0 +1,100 @@
+import { auth } from '@/lib/auth';
+import createMiddleware from 'next-intl/middleware';
+import { locales } from './i18n';
+
+const intlMiddleware = createMiddleware({
+   locales: locales,
+   defaultLocale: 'en',
+   localePrefix: 'as-needed',
+});
+
+export default auth(async (req) => {
+   const { nextUrl } = req;
+   const pathname = nextUrl.pathname;
+
+   console.log('Middleware processing:', pathname);
+
+   // Skip middleware for static files and API routes
+   if (pathname.startsWith('/_next') || pathname.startsWith('/api') || pathname.includes('.')) {
+      console.log('Skipping middleware for static/API route');
+      return null;
+   }
+
+   // Check if user is logged in first
+   const isLoggedIn = !!req.auth;
+   console.log('Is logged in:', isLoggedIn);
+
+   // If user is logged in, skip i18n middleware to prevent locale redirects
+   if (isLoggedIn) {
+      console.log('User logged in, skipping i18n middleware');
+
+      // Only guard organization routes: /[orgId]/**
+      const isOrgRoute = (() => {
+         if (pathname === '/') return false;
+         if (pathname.startsWith('/auth')) return false;
+         if (pathname.startsWith('/api')) return false;
+         if (pathname.startsWith('/_next')) return false;
+         if (pathname.startsWith('/test')) return false;
+         if (/\.[\w]+$/.test(pathname)) return false; // assets
+         // Consider any first-segment path as org route for now
+         return /^\/[^/]+(\/.*)?$/.test(pathname);
+      })();
+
+      console.log('Is org route:', isOrgRoute);
+
+      if (isOrgRoute) {
+         console.log('User accessing org route, allowing');
+         return null;
+      }
+
+      console.log('Middleware allowing request for logged in user');
+      return null;
+   }
+
+   // Handle i18n routing ONLY for unauthenticated users and specific paths
+   if (pathname === '/' || pathname.startsWith('/auth') || pathname.startsWith('/test')) {
+      console.log('Applying i18n middleware for unauthenticated user:', pathname);
+      const intlResponse = intlMiddleware(req);
+      if (intlResponse) {
+         console.log('i18n response returned');
+         return intlResponse;
+      }
+   }
+
+   // Allow test page
+   if (pathname === '/test') {
+      console.log('Allowing test page');
+      return null;
+   }
+
+   // Only guard organization routes: /[orgId]/**
+   const isOrgRoute = (() => {
+      if (pathname === '/') return false;
+      if (pathname.startsWith('/auth')) return false;
+      if (pathname.startsWith('/api')) return false;
+      if (pathname.startsWith('/_next')) return false;
+      if (pathname.startsWith('/test')) return false;
+      if (/\.[\w]+$/.test(pathname)) return false; // assets
+      // Consider any first-segment path as org route for now
+      return /^\/[^/]+(\/.*)?$/.test(pathname);
+   })();
+
+   console.log('Is org route:', isOrgRoute);
+
+   if (!isLoggedIn && isOrgRoute) {
+      console.log('Redirecting to signin');
+      const url = new URL('/auth/signin', nextUrl);
+      url.searchParams.set('callbackUrl', nextUrl.href);
+      return Response.redirect(url);
+   }
+
+   console.log('Middleware allowing request');
+   return null;
+});
+
+export const config = {
+   matcher: [
+      // Match all paths except Next internals and static files
+      '/((?!api/health|_next|.*\\..*).*)',
+   ],
+};
diff --git a/mock-data/side-bar-nav.ts b/mock-data/side-bar-nav.ts
index fe15a3b3..9b39e321 100644
--- a/mock-data/side-bar-nav.ts
+++ b/mock-data/side-bar-nav.ts
@@ -81,6 +81,16 @@ export const accountItems = [
 ];
 
 export const featuresItems = [
+   {
+      name: 'Campaigns',
+      url: '/campaigns',
+      icon: Layers,
+   },
+   {
+      name: 'Content',
+      url: '/content',
+      icon: FileText,
+   },
    {
       name: 'Labels',
       url: '/settings/labels',
diff --git a/next.config.ts b/next.config.ts
index 5d2d55ac..12063e66 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,8 +1,17 @@
 import type { NextConfig } from 'next';
+import createNextIntlPlugin from 'next-intl/plugin';
+
+const withNextIntl = createNextIntlPlugin('./i18n.ts');
 
 const nextConfig: NextConfig = {
    /* config options here */
    devIndicators: false,
+   experimental: {
+      optimizeCss: true,
+   },
+   images: {
+      domains: ['your-production-domain.com'], // Add your domains
+   },
 };
 
-export default nextConfig;
+export default withNextIntl(nextConfig);
diff --git a/package.json b/package.json
index dd86351e..4d7a2ec6 100644
--- a/package.json
+++ b/package.json
@@ -8,11 +8,21 @@
       "start": "next start",
       "lint": "next lint",
       "format": "prettier --write .",
-      "prepare": "husky install"
+      "prepare": "husky install",
+      "typecheck": "tsc --noEmit",
+      "db:generate": "prisma generate",
+      "db:push": "prisma db push",
+      "db:seed": "tsx db/seed.ts",
+      "test": "jest",
+      "test:watch": "jest --watch",
+      "test:coverage": "jest --coverage",
+      "test:e2e": "playwright test",
+      "test:e2e:ui": "playwright test --ui"
    },
    "dependencies": {
       "@hookform/resolvers": "^4.1.2",
       "@kayron013/lexorank": "^2.0.0",
+      "@prisma/client": "^6.0.0",
       "@radix-ui/react-alert-dialog": "^1.1.6",
       "@radix-ui/react-avatar": "^1.1.3",
       "@radix-ui/react-checkbox": "^1.1.4",
@@ -31,14 +41,22 @@
       "@radix-ui/react-toggle": "^1.1.2",
       "@radix-ui/react-tooltip": "^1.1.8",
       "@remixicon/react": "^4.6.0",
+      "@tiptap/pm": "^3.3.0",
+      "@tiptap/react": "^3.3.0",
+      "@tiptap/starter-kit": "^3.3.0",
+      "bcryptjs": "^3.0.2",
       "class-variance-authority": "^0.7.1",
       "clsx": "^2.1.1",
       "cmdk": "1.0.0",
       "date-fns": "^4.1.0",
+      "formidable": "^3.5.4",
       "lucide-react": "^0.476.0",
       "motion": "^12.4.10",
       "next": "15.2.4",
+      "next-auth": "5.0.0-beta.29",
+      "next-intl": "^4.3.5",
       "next-themes": "^0.4.4",
+      "openai": "^5.16.0",
       "react": "^19.0.0",
       "react-day-picker": "8.10.1",
       "react-dnd": "^16.0.1",
@@ -51,6 +69,7 @@
       "sonner": "^2.0.1",
       "tailwind-merge": "^3.0.2",
       "tailwindcss-animate": "^1.0.7",
+      "uploadthing": "^7.7.4",
       "usehooks-ts": "^3.1.1",
       "uuid": "^11.1.0",
       "zod": "^3.24.2",
@@ -58,7 +77,14 @@
    },
    "devDependencies": {
       "@eslint/eslintrc": "^3",
+      "@playwright/test": "^1.55.0",
       "@tailwindcss/postcss": "^4",
+      "@testing-library/jest-dom": "^6.8.0",
+      "@testing-library/react": "^16.3.0",
+      "@testing-library/user-event": "^14.6.1",
+      "@types/bcryptjs": "^3.0.0",
+      "@types/formidable": "^3.4.5",
+      "@types/jest": "^30.0.0",
       "@types/node": "^20",
       "@types/react": "^19",
       "@types/react-dom": "^19",
@@ -67,9 +93,13 @@
       "eslint-config-prettier": "^10.0.2",
       "eslint-plugin-prettier": "^5.2.3",
       "husky": "^9.1.7",
+      "jest": "^30.1.2",
+      "jest-environment-jsdom": "^30.1.2",
       "lint-staged": "^15.4.3",
       "prettier": "^3.5.2",
+      "prisma": "^6.0.0",
       "tailwindcss": "^4",
+      "tsx": "^4.19.2",
       "typescript": "^5"
    }
 }
diff --git a/playwright-report/index.html b/playwright-report/index.html
new file mode 100644
index 00000000..542fd043
--- /dev/null
+++ b/playwright-report/index.html
@@ -0,0 +1,76 @@
+
+
+<!DOCTYPE html>
+<html style='scrollbar-gutter: stable both-edges;'>
+  <head>
+    <meta charset='UTF-8'>
+    <meta name='color-scheme' content='dark light'>
+    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+    <title>Playwright Test Report</title>
+    <script type="module">var t1=Object.defineProperty;var n1=(l,s,r)=>s in l?t1(l,s,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[s]=r;var Gt=(l,s,r)=>n1(l,typeof s!="symbol"?s+"":s,r);(function(){const s=document.createElement("link").relList;if(s&&s.supports&&s.supports("modulepreload"))return;for(const c of document.querySelectorAll('link[rel="modulepreload"]'))a(c);new MutationObserver(c=>{for(const f of c)if(f.type==="childList")for(const d of f.addedNodes)d.tagName==="LINK"&&d.rel==="modulepreload"&&a(d)}).observe(document,{childList:!0,subtree:!0});function r(c){const f={};return c.integrity&&(f.integrity=c.integrity),c.referrerPolicy&&(f.referrerPolicy=c.referrerPolicy),c.crossOrigin==="use-credentials"?f.credentials="include":c.crossOrigin==="anonymous"?f.credentials="omit":f.credentials="same-origin",f}function a(c){if(c.ep)return;c.ep=!0;const f=r(c);fetch(c.href,f)}})();function r1(l){return l&&l.__esModule&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l}var Go={exports:{}},mi={},Ko={exports:{}},he={};/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Df;function i1(){if(Df)return he;Df=1;var l=Symbol.for("react.element"),s=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),f=Symbol.for("react.provider"),d=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),g=Symbol.for("react.suspense"),A=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),k=Symbol.iterator;function I(R){return R===null||typeof R!="object"?null:(R=k&&R[k]||R["@@iterator"],typeof R=="function"?R:null)}var T={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},F=Object.assign,x={};function v(R,L,$){this.props=R,this.context=L,this.refs=x,this.updater=$||T}v.prototype.isReactComponent={},v.prototype.setState=function(R,L){if(typeof R!="object"&&typeof R!="function"&&R!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,R,L,"setState")},v.prototype.forceUpdate=function(R){this.updater.enqueueForceUpdate(this,R,"forceUpdate")};function w(){}w.prototype=v.prototype;function j(R,L,$){this.props=R,this.context=L,this.refs=x,this.updater=$||T}var M=j.prototype=new w;M.constructor=j,F(M,v.prototype),M.isPureReactComponent=!0;var B=Array.isArray,Q=Object.prototype.hasOwnProperty,O={current:null},H={key:!0,ref:!0,__self:!0,__source:!0};function U(R,L,$){var pe,me={},ge=null,Ee=null;if(L!=null)for(pe in L.ref!==void 0&&(Ee=L.ref),L.key!==void 0&&(ge=""+L.key),L)Q.call(L,pe)&&!H.hasOwnProperty(pe)&&(me[pe]=L[pe]);var xe=arguments.length-2;if(xe===1)me.children=$;else if(1<xe){for(var Se=Array(xe),Xe=0;Xe<xe;Xe++)Se[Xe]=arguments[Xe+2];me.children=Se}if(R&&R.defaultProps)for(pe in xe=R.defaultProps,xe)me[pe]===void 0&&(me[pe]=xe[pe]);return{$$typeof:l,type:R,key:ge,ref:Ee,props:me,_owner:O.current}}function G(R,L){return{$$typeof:l,type:R.type,key:L,ref:R.ref,props:R.props,_owner:R._owner}}function V(R){return typeof R=="object"&&R!==null&&R.$$typeof===l}function b(R){var L={"=":"=0",":":"=2"};return"$"+R.replace(/[=:]/g,function($){return L[$]})}var re=/\/+/g;function J(R,L){return typeof R=="object"&&R!==null&&R.key!=null?b(""+R.key):L.toString(36)}function ce(R,L,$,pe,me){var ge=typeof R;(ge==="undefined"||ge==="boolean")&&(R=null);var Ee=!1;if(R===null)Ee=!0;else switch(ge){case"string":case"number":Ee=!0;break;case"object":switch(R.$$typeof){case l:case s:Ee=!0}}if(Ee)return Ee=R,me=me(Ee),R=pe===""?"."+J(Ee,0):pe,B(me)?($="",R!=null&&($=R.replace(re,"$&/")+"/"),ce(me,L,$,"",function(Xe){return Xe})):me!=null&&(V(me)&&(me=G(me,$+(!me.key||Ee&&Ee.key===me.key?"":(""+me.key).replace(re,"$&/")+"/")+R)),L.push(me)),1;if(Ee=0,pe=pe===""?".":pe+":",B(R))for(var xe=0;xe<R.length;xe++){ge=R[xe];var Se=pe+J(ge,xe);Ee+=ce(ge,L,$,Se,me)}else if(Se=I(R),typeof Se=="function")for(R=Se.call(R),xe=0;!(ge=R.next()).done;)ge=ge.value,Se=pe+J(ge,xe++),Ee+=ce(ge,L,$,Se,me);else if(ge==="object")throw L=String(R),Error("Objects are not valid as a React child (found: "+(L==="[object Object]"?"object with keys {"+Object.keys(R).join(", ")+"}":L)+"). If you meant to render a collection of children, use an array instead.");return Ee}function oe(R,L,$){if(R==null)return R;var pe=[],me=0;return ce(R,pe,"","",function(ge){return L.call($,ge,me++)}),pe}function ie(R){if(R._status===-1){var L=R._result;L=L(),L.then(function($){(R._status===0||R._status===-1)&&(R._status=1,R._result=$)},function($){(R._status===0||R._status===-1)&&(R._status=2,R._result=$)}),R._status===-1&&(R._status=0,R._result=L)}if(R._status===1)return R._result.default;throw R._result}var de={current:null},Y={transition:null},ee={ReactCurrentDispatcher:de,ReactCurrentBatchConfig:Y,ReactCurrentOwner:O};function W(){throw Error("act(...) is not supported in production builds of React.")}return he.Children={map:oe,forEach:function(R,L,$){oe(R,function(){L.apply(this,arguments)},$)},count:function(R){var L=0;return oe(R,function(){L++}),L},toArray:function(R){return oe(R,function(L){return L})||[]},only:function(R){if(!V(R))throw Error("React.Children.only expected to receive a single React element child.");return R}},he.Component=v,he.Fragment=r,he.Profiler=c,he.PureComponent=j,he.StrictMode=a,he.Suspense=g,he.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ee,he.act=W,he.cloneElement=function(R,L,$){if(R==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+R+".");var pe=F({},R.props),me=R.key,ge=R.ref,Ee=R._owner;if(L!=null){if(L.ref!==void 0&&(ge=L.ref,Ee=O.current),L.key!==void 0&&(me=""+L.key),R.type&&R.type.defaultProps)var xe=R.type.defaultProps;for(Se in L)Q.call(L,Se)&&!H.hasOwnProperty(Se)&&(pe[Se]=L[Se]===void 0&&xe!==void 0?xe[Se]:L[Se])}var Se=arguments.length-2;if(Se===1)pe.children=$;else if(1<Se){xe=Array(Se);for(var Xe=0;Xe<Se;Xe++)xe[Xe]=arguments[Xe+2];pe.children=xe}return{$$typeof:l,type:R.type,key:me,ref:ge,props:pe,_owner:Ee}},he.createContext=function(R){return R={$$typeof:d,_currentValue:R,_currentValue2:R,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},R.Provider={$$typeof:f,_context:R},R.Consumer=R},he.createElement=U,he.createFactory=function(R){var L=U.bind(null,R);return L.type=R,L},he.createRef=function(){return{current:null}},he.forwardRef=function(R){return{$$typeof:m,render:R}},he.isValidElement=V,he.lazy=function(R){return{$$typeof:E,_payload:{_status:-1,_result:R},_init:ie}},he.memo=function(R,L){return{$$typeof:A,type:R,compare:L===void 0?null:L}},he.startTransition=function(R){var L=Y.transition;Y.transition={};try{R()}finally{Y.transition=L}},he.unstable_act=W,he.useCallback=function(R,L){return de.current.useCallback(R,L)},he.useContext=function(R){return de.current.useContext(R)},he.useDebugValue=function(){},he.useDeferredValue=function(R){return de.current.useDeferredValue(R)},he.useEffect=function(R,L){return de.current.useEffect(R,L)},he.useId=function(){return de.current.useId()},he.useImperativeHandle=function(R,L,$){return de.current.useImperativeHandle(R,L,$)},he.useInsertionEffect=function(R,L){return de.current.useInsertionEffect(R,L)},he.useLayoutEffect=function(R,L){return de.current.useLayoutEffect(R,L)},he.useMemo=function(R,L){return de.current.useMemo(R,L)},he.useReducer=function(R,L,$){return de.current.useReducer(R,L,$)},he.useRef=function(R){return de.current.useRef(R)},he.useState=function(R){return de.current.useState(R)},he.useSyncExternalStore=function(R,L,$){return de.current.useSyncExternalStore(R,L,$)},he.useTransition=function(){return de.current.useTransition()},he.version="18.3.1",he}var Nf;function Aa(){return Nf||(Nf=1,Ko.exports=i1()),Ko.exports}/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Mf;function l1(){if(Mf)return mi;Mf=1;var l=Aa(),s=Symbol.for("react.element"),r=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,c=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function d(m,g,A){var E,k={},I=null,T=null;A!==void 0&&(I=""+A),g.key!==void 0&&(I=""+g.key),g.ref!==void 0&&(T=g.ref);for(E in g)a.call(g,E)&&!f.hasOwnProperty(E)&&(k[E]=g[E]);if(m&&m.defaultProps)for(E in g=m.defaultProps,g)k[E]===void 0&&(k[E]=g[E]);return{$$typeof:s,type:m,key:I,ref:T,props:k,_owner:c.current}}return mi.Fragment=r,mi.jsx=d,mi.jsxs=d,mi}var Bf;function s1(){return Bf||(Bf=1,Go.exports=l1()),Go.exports}var h=s1();const o1=15,ye=0,Zt=1,a1=2,at=-2,Re=-3,Hf=-4,Jt=-5,pt=[0,1,3,7,15,31,63,127,255,511,1023,2047,4095,8191,16383,32767,65535],bd=1440,u1=0,c1=4,f1=9,d1=5,p1=[96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,192,80,7,10,0,8,96,0,8,32,0,9,160,0,8,0,0,8,128,0,8,64,0,9,224,80,7,6,0,8,88,0,8,24,0,9,144,83,7,59,0,8,120,0,8,56,0,9,208,81,7,17,0,8,104,0,8,40,0,9,176,0,8,8,0,8,136,0,8,72,0,9,240,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,200,81,7,13,0,8,100,0,8,36,0,9,168,0,8,4,0,8,132,0,8,68,0,9,232,80,7,8,0,8,92,0,8,28,0,9,152,84,7,83,0,8,124,0,8,60,0,9,216,82,7,23,0,8,108,0,8,44,0,9,184,0,8,12,0,8,140,0,8,76,0,9,248,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,196,81,7,11,0,8,98,0,8,34,0,9,164,0,8,2,0,8,130,0,8,66,0,9,228,80,7,7,0,8,90,0,8,26,0,9,148,84,7,67,0,8,122,0,8,58,0,9,212,82,7,19,0,8,106,0,8,42,0,9,180,0,8,10,0,8,138,0,8,74,0,9,244,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,204,81,7,15,0,8,102,0,8,38,0,9,172,0,8,6,0,8,134,0,8,70,0,9,236,80,7,9,0,8,94,0,8,30,0,9,156,84,7,99,0,8,126,0,8,62,0,9,220,82,7,27,0,8,110,0,8,46,0,9,188,0,8,14,0,8,142,0,8,78,0,9,252,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,194,80,7,10,0,8,97,0,8,33,0,9,162,0,8,1,0,8,129,0,8,65,0,9,226,80,7,6,0,8,89,0,8,25,0,9,146,83,7,59,0,8,121,0,8,57,0,9,210,81,7,17,0,8,105,0,8,41,0,9,178,0,8,9,0,8,137,0,8,73,0,9,242,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,202,81,7,13,0,8,101,0,8,37,0,9,170,0,8,5,0,8,133,0,8,69,0,9,234,80,7,8,0,8,93,0,8,29,0,9,154,84,7,83,0,8,125,0,8,61,0,9,218,82,7,23,0,8,109,0,8,45,0,9,186,0,8,13,0,8,141,0,8,77,0,9,250,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,198,81,7,11,0,8,99,0,8,35,0,9,166,0,8,3,0,8,131,0,8,67,0,9,230,80,7,7,0,8,91,0,8,27,0,9,150,84,7,67,0,8,123,0,8,59,0,9,214,82,7,19,0,8,107,0,8,43,0,9,182,0,8,11,0,8,139,0,8,75,0,9,246,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,206,81,7,15,0,8,103,0,8,39,0,9,174,0,8,7,0,8,135,0,8,71,0,9,238,80,7,9,0,8,95,0,8,31,0,9,158,84,7,99,0,8,127,0,8,63,0,9,222,82,7,27,0,8,111,0,8,47,0,9,190,0,8,15,0,8,143,0,8,79,0,9,254,96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,193,80,7,10,0,8,96,0,8,32,0,9,161,0,8,0,0,8,128,0,8,64,0,9,225,80,7,6,0,8,88,0,8,24,0,9,145,83,7,59,0,8,120,0,8,56,0,9,209,81,7,17,0,8,104,0,8,40,0,9,177,0,8,8,0,8,136,0,8,72,0,9,241,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,201,81,7,13,0,8,100,0,8,36,0,9,169,0,8,4,0,8,132,0,8,68,0,9,233,80,7,8,0,8,92,0,8,28,0,9,153,84,7,83,0,8,124,0,8,60,0,9,217,82,7,23,0,8,108,0,8,44,0,9,185,0,8,12,0,8,140,0,8,76,0,9,249,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,197,81,7,11,0,8,98,0,8,34,0,9,165,0,8,2,0,8,130,0,8,66,0,9,229,80,7,7,0,8,90,0,8,26,0,9,149,84,7,67,0,8,122,0,8,58,0,9,213,82,7,19,0,8,106,0,8,42,0,9,181,0,8,10,0,8,138,0,8,74,0,9,245,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,205,81,7,15,0,8,102,0,8,38,0,9,173,0,8,6,0,8,134,0,8,70,0,9,237,80,7,9,0,8,94,0,8,30,0,9,157,84,7,99,0,8,126,0,8,62,0,9,221,82,7,27,0,8,110,0,8,46,0,9,189,0,8,14,0,8,142,0,8,78,0,9,253,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,195,80,7,10,0,8,97,0,8,33,0,9,163,0,8,1,0,8,129,0,8,65,0,9,227,80,7,6,0,8,89,0,8,25,0,9,147,83,7,59,0,8,121,0,8,57,0,9,211,81,7,17,0,8,105,0,8,41,0,9,179,0,8,9,0,8,137,0,8,73,0,9,243,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,203,81,7,13,0,8,101,0,8,37,0,9,171,0,8,5,0,8,133,0,8,69,0,9,235,80,7,8,0,8,93,0,8,29,0,9,155,84,7,83,0,8,125,0,8,61,0,9,219,82,7,23,0,8,109,0,8,45,0,9,187,0,8,13,0,8,141,0,8,77,0,9,251,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,199,81,7,11,0,8,99,0,8,35,0,9,167,0,8,3,0,8,131,0,8,67,0,9,231,80,7,7,0,8,91,0,8,27,0,9,151,84,7,67,0,8,123,0,8,59,0,9,215,82,7,19,0,8,107,0,8,43,0,9,183,0,8,11,0,8,139,0,8,75,0,9,247,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,207,81,7,15,0,8,103,0,8,39,0,9,175,0,8,7,0,8,135,0,8,71,0,9,239,80,7,9,0,8,95,0,8,31,0,9,159,84,7,99,0,8,127,0,8,63,0,9,223,82,7,27,0,8,111,0,8,47,0,9,191,0,8,15,0,8,143,0,8,79,0,9,255],h1=[80,5,1,87,5,257,83,5,17,91,5,4097,81,5,5,89,5,1025,85,5,65,93,5,16385,80,5,3,88,5,513,84,5,33,92,5,8193,82,5,9,90,5,2049,86,5,129,192,5,24577,80,5,2,87,5,385,83,5,25,91,5,6145,81,5,7,89,5,1537,85,5,97,93,5,24577,80,5,4,88,5,769,84,5,49,92,5,12289,82,5,13,90,5,3073,86,5,193,192,5,24577],m1=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,0,0],g1=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,112,112],v1=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],y1=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],xn=15;function ca(){const l=this;let s,r,a,c,f,d;function m(A,E,k,I,T,F,x,v,w,j,M){let B,Q,O,H,U,G,V,b,re,J,ce,oe,ie,de,Y;J=0,U=k;do a[A[E+J]]++,J++,U--;while(U!==0);if(a[0]==k)return x[0]=-1,v[0]=0,ye;for(b=v[0],G=1;G<=xn&&a[G]===0;G++);for(V=G,b<G&&(b=G),U=xn;U!==0&&a[U]===0;U--);for(O=U,b>U&&(b=U),v[0]=b,de=1<<G;G<U;G++,de<<=1)if((de-=a[G])<0)return Re;if((de-=a[U])<0)return Re;for(a[U]+=de,d[1]=G=0,J=1,ie=2;--U!==0;)d[ie]=G+=a[J],ie++,J++;U=0,J=0;do(G=A[E+J])!==0&&(M[d[G]++]=U),J++;while(++U<k);for(k=d[O],d[0]=U=0,J=0,H=-1,oe=-b,f[0]=0,ce=0,Y=0;V<=O;V++)for(B=a[V];B--!==0;){for(;V>oe+b;){if(H++,oe+=b,Y=O-oe,Y=Y>b?b:Y,(Q=1<<(G=V-oe))>B+1&&(Q-=B+1,ie=V,G<Y))for(;++G<Y&&!((Q<<=1)<=a[++ie]);)Q-=a[ie];if(Y=1<<G,j[0]+Y>bd)return Re;f[H]=ce=j[0],j[0]+=Y,H!==0?(d[H]=U,c[0]=G,c[1]=b,G=U>>>oe-b,c[2]=ce-f[H-1]-G,w.set(c,(f[H-1]+G)*3)):x[0]=ce}for(c[1]=V-oe,J>=k?c[0]=192:M[J]<I?(c[0]=M[J]<256?0:96,c[2]=M[J++]):(c[0]=F[M[J]-I]+16+64,c[2]=T[M[J++]-I]),Q=1<<V-oe,G=U>>>oe;G<Y;G+=Q)w.set(c,(ce+G)*3);for(G=1<<V-1;(U&G)!==0;G>>>=1)U^=G;for(U^=G,re=(1<<oe)-1;(U&re)!=d[H];)H--,oe-=b,re=(1<<oe)-1}return de!==0&&O!=1?Jt:ye}function g(A){let E;for(s||(s=[],r=[],a=new Int32Array(xn+1),c=[],f=new Int32Array(xn),d=new Int32Array(xn+1)),r.length<A&&(r=[]),E=0;E<A;E++)r[E]=0;for(E=0;E<xn+1;E++)a[E]=0;for(E=0;E<3;E++)c[E]=0;f.set(a.subarray(0,xn),0),d.set(a.subarray(0,xn+1),0)}l.inflate_trees_bits=function(A,E,k,I,T){let F;return g(19),s[0]=0,F=m(A,0,19,19,null,null,k,E,I,s,r),F==Re?T.msg="oversubscribed dynamic bit lengths tree":(F==Jt||E[0]===0)&&(T.msg="incomplete dynamic bit lengths tree",F=Re),F},l.inflate_trees_dynamic=function(A,E,k,I,T,F,x,v,w){let j;return g(288),s[0]=0,j=m(k,0,A,257,m1,g1,F,I,v,s,r),j!=ye||I[0]===0?(j==Re?w.msg="oversubscribed literal/length tree":j!=Hf&&(w.msg="incomplete literal/length tree",j=Re),j):(g(288),j=m(k,A,E,0,v1,y1,x,T,v,s,r),j!=ye||T[0]===0&&A>257?(j==Re?w.msg="oversubscribed distance tree":j==Jt?(w.msg="incomplete distance tree",j=Re):j!=Hf&&(w.msg="empty distance tree with lengths",j=Re),j):ye)}}ca.inflate_trees_fixed=function(l,s,r,a){return l[0]=f1,s[0]=d1,r[0]=p1,a[0]=h1,ye};const Hl=0,Lf=1,Ff=2,Qf=3,Uf=4,Wf=5,Vf=6,Zo=7,bf=8,Ll=9;function x1(){const l=this;let s,r=0,a,c=0,f=0,d=0,m=0,g=0,A=0,E=0,k,I=0,T,F=0;function x(v,w,j,M,B,Q,O,H){let U,G,V,b,re,J,ce,oe,ie,de,Y,ee,W,R,L,$;ce=H.next_in_index,oe=H.avail_in,re=O.bitb,J=O.bitk,ie=O.write,de=ie<O.read?O.read-ie-1:O.end-ie,Y=pt[v],ee=pt[w];do{for(;J<20;)oe--,re|=(H.read_byte(ce++)&255)<<J,J+=8;if(U=re&Y,G=j,V=M,$=(V+U)*3,(b=G[$])===0){re>>=G[$+1],J-=G[$+1],O.win[ie++]=G[$+2],de--;continue}do{if(re>>=G[$+1],J-=G[$+1],(b&16)!==0){for(b&=15,W=G[$+2]+(re&pt[b]),re>>=b,J-=b;J<15;)oe--,re|=(H.read_byte(ce++)&255)<<J,J+=8;U=re&ee,G=B,V=Q,$=(V+U)*3,b=G[$];do if(re>>=G[$+1],J-=G[$+1],(b&16)!==0){for(b&=15;J<b;)oe--,re|=(H.read_byte(ce++)&255)<<J,J+=8;if(R=G[$+2]+(re&pt[b]),re>>=b,J-=b,de-=W,ie>=R)L=ie-R,ie-L>0&&2>ie-L?(O.win[ie++]=O.win[L++],O.win[ie++]=O.win[L++],W-=2):(O.win.set(O.win.subarray(L,L+2),ie),ie+=2,L+=2,W-=2);else{L=ie-R;do L+=O.end;while(L<0);if(b=O.end-L,W>b){if(W-=b,ie-L>0&&b>ie-L)do O.win[ie++]=O.win[L++];while(--b!==0);else O.win.set(O.win.subarray(L,L+b),ie),ie+=b,L+=b,b=0;L=0}}if(ie-L>0&&W>ie-L)do O.win[ie++]=O.win[L++];while(--W!==0);else O.win.set(O.win.subarray(L,L+W),ie),ie+=W,L+=W,W=0;break}else if((b&64)===0)U+=G[$+2],U+=re&pt[b],$=(V+U)*3,b=G[$];else return H.msg="invalid distance code",W=H.avail_in-oe,W=J>>3<W?J>>3:W,oe+=W,ce-=W,J-=W<<3,O.bitb=re,O.bitk=J,H.avail_in=oe,H.total_in+=ce-H.next_in_index,H.next_in_index=ce,O.write=ie,Re;while(!0);break}if((b&64)===0){if(U+=G[$+2],U+=re&pt[b],$=(V+U)*3,(b=G[$])===0){re>>=G[$+1],J-=G[$+1],O.win[ie++]=G[$+2],de--;break}}else return(b&32)!==0?(W=H.avail_in-oe,W=J>>3<W?J>>3:W,oe+=W,ce-=W,J-=W<<3,O.bitb=re,O.bitk=J,H.avail_in=oe,H.total_in+=ce-H.next_in_index,H.next_in_index=ce,O.write=ie,Zt):(H.msg="invalid literal/length code",W=H.avail_in-oe,W=J>>3<W?J>>3:W,oe+=W,ce-=W,J-=W<<3,O.bitb=re,O.bitk=J,H.avail_in=oe,H.total_in+=ce-H.next_in_index,H.next_in_index=ce,O.write=ie,Re)}while(!0)}while(de>=258&&oe>=10);return W=H.avail_in-oe,W=J>>3<W?J>>3:W,oe+=W,ce-=W,J-=W<<3,O.bitb=re,O.bitk=J,H.avail_in=oe,H.total_in+=ce-H.next_in_index,H.next_in_index=ce,O.write=ie,ye}l.init=function(v,w,j,M,B,Q){s=Hl,A=v,E=w,k=j,I=M,T=B,F=Q,a=null},l.proc=function(v,w,j){let M,B,Q,O=0,H=0,U=0,G,V,b,re;for(U=w.next_in_index,G=w.avail_in,O=v.bitb,H=v.bitk,V=v.write,b=V<v.read?v.read-V-1:v.end-V;;)switch(s){case Hl:if(b>=258&&G>=10&&(v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,j=x(A,E,k,I,T,F,v,w),U=w.next_in_index,G=w.avail_in,O=v.bitb,H=v.bitk,V=v.write,b=V<v.read?v.read-V-1:v.end-V,j!=ye)){s=j==Zt?Zo:Ll;break}f=A,a=k,c=I,s=Lf;case Lf:for(M=f;H<M;){if(G!==0)j=ye;else return v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);G--,O|=(w.read_byte(U++)&255)<<H,H+=8}if(B=(c+(O&pt[M]))*3,O>>>=a[B+1],H-=a[B+1],Q=a[B],Q===0){d=a[B+2],s=Vf;break}if((Q&16)!==0){m=Q&15,r=a[B+2],s=Ff;break}if((Q&64)===0){f=Q,c=B/3+a[B+2];break}if((Q&32)!==0){s=Zo;break}return s=Ll,w.msg="invalid literal/length code",j=Re,v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);case Ff:for(M=m;H<M;){if(G!==0)j=ye;else return v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);G--,O|=(w.read_byte(U++)&255)<<H,H+=8}r+=O&pt[M],O>>=M,H-=M,f=E,a=T,c=F,s=Qf;case Qf:for(M=f;H<M;){if(G!==0)j=ye;else return v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);G--,O|=(w.read_byte(U++)&255)<<H,H+=8}if(B=(c+(O&pt[M]))*3,O>>=a[B+1],H-=a[B+1],Q=a[B],(Q&16)!==0){m=Q&15,g=a[B+2],s=Uf;break}if((Q&64)===0){f=Q,c=B/3+a[B+2];break}return s=Ll,w.msg="invalid distance code",j=Re,v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);case Uf:for(M=m;H<M;){if(G!==0)j=ye;else return v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);G--,O|=(w.read_byte(U++)&255)<<H,H+=8}g+=O&pt[M],O>>=M,H-=M,s=Wf;case Wf:for(re=V-g;re<0;)re+=v.end;for(;r!==0;){if(b===0&&(V==v.end&&v.read!==0&&(V=0,b=V<v.read?v.read-V-1:v.end-V),b===0&&(v.write=V,j=v.inflate_flush(w,j),V=v.write,b=V<v.read?v.read-V-1:v.end-V,V==v.end&&v.read!==0&&(V=0,b=V<v.read?v.read-V-1:v.end-V),b===0)))return v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);v.win[V++]=v.win[re++],b--,re==v.end&&(re=0),r--}s=Hl;break;case Vf:if(b===0&&(V==v.end&&v.read!==0&&(V=0,b=V<v.read?v.read-V-1:v.end-V),b===0&&(v.write=V,j=v.inflate_flush(w,j),V=v.write,b=V<v.read?v.read-V-1:v.end-V,V==v.end&&v.read!==0&&(V=0,b=V<v.read?v.read-V-1:v.end-V),b===0)))return v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);j=ye,v.win[V++]=d,b--,s=Hl;break;case Zo:if(H>7&&(H-=8,G++,U--),v.write=V,j=v.inflate_flush(w,j),V=v.write,b=V<v.read?v.read-V-1:v.end-V,v.read!=v.write)return v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);s=bf;case bf:return j=Zt,v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);case Ll:return j=Re,v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j);default:return j=at,v.bitb=O,v.bitk=H,w.avail_in=G,w.total_in+=U-w.next_in_index,w.next_in_index=U,v.write=V,v.inflate_flush(w,j)}},l.free=function(){}}const Yf=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],Ar=0,Jo=1,zf=2,Xf=3,Gf=4,Kf=5,Fl=6,Ql=7,Zf=8,Gn=9;function w1(l,s){const r=this;let a=Ar,c=0,f=0,d=0,m;const g=[0],A=[0],E=new x1;let k=0,I=new Int32Array(bd*3);const T=0,F=new ca;r.bitk=0,r.bitb=0,r.win=new Uint8Array(s),r.end=s,r.read=0,r.write=0,r.reset=function(x,v){v&&(v[0]=T),a==Fl&&E.free(x),a=Ar,r.bitk=0,r.bitb=0,r.read=r.write=0},r.reset(l,null),r.inflate_flush=function(x,v){let w,j,M;return j=x.next_out_index,M=r.read,w=(M<=r.write?r.write:r.end)-M,w>x.avail_out&&(w=x.avail_out),w!==0&&v==Jt&&(v=ye),x.avail_out-=w,x.total_out+=w,x.next_out.set(r.win.subarray(M,M+w),j),j+=w,M+=w,M==r.end&&(M=0,r.write==r.end&&(r.write=0),w=r.write-M,w>x.avail_out&&(w=x.avail_out),w!==0&&v==Jt&&(v=ye),x.avail_out-=w,x.total_out+=w,x.next_out.set(r.win.subarray(M,M+w),j),j+=w,M+=w),x.next_out_index=j,r.read=M,v},r.proc=function(x,v){let w,j,M,B,Q,O,H,U;for(B=x.next_in_index,Q=x.avail_in,j=r.bitb,M=r.bitk,O=r.write,H=O<r.read?r.read-O-1:r.end-O;;){let G,V,b,re,J,ce,oe,ie;switch(a){case Ar:for(;M<3;){if(Q!==0)v=ye;else return r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);Q--,j|=(x.read_byte(B++)&255)<<M,M+=8}switch(w=j&7,k=w&1,w>>>1){case 0:j>>>=3,M-=3,w=M&7,j>>>=w,M-=w,a=Jo;break;case 1:G=[],V=[],b=[[]],re=[[]],ca.inflate_trees_fixed(G,V,b,re),E.init(G[0],V[0],b[0],0,re[0],0),j>>>=3,M-=3,a=Fl;break;case 2:j>>>=3,M-=3,a=Xf;break;case 3:return j>>>=3,M-=3,a=Gn,x.msg="invalid block type",v=Re,r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v)}break;case Jo:for(;M<32;){if(Q!==0)v=ye;else return r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);Q--,j|=(x.read_byte(B++)&255)<<M,M+=8}if((~j>>>16&65535)!=(j&65535))return a=Gn,x.msg="invalid stored block lengths",v=Re,r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);c=j&65535,j=M=0,a=c!==0?zf:k!==0?Ql:Ar;break;case zf:if(Q===0||H===0&&(O==r.end&&r.read!==0&&(O=0,H=O<r.read?r.read-O-1:r.end-O),H===0&&(r.write=O,v=r.inflate_flush(x,v),O=r.write,H=O<r.read?r.read-O-1:r.end-O,O==r.end&&r.read!==0&&(O=0,H=O<r.read?r.read-O-1:r.end-O),H===0)))return r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);if(v=ye,w=c,w>Q&&(w=Q),w>H&&(w=H),r.win.set(x.read_buf(B,w),O),B+=w,Q-=w,O+=w,H-=w,(c-=w)!==0)break;a=k!==0?Ql:Ar;break;case Xf:for(;M<14;){if(Q!==0)v=ye;else return r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);Q--,j|=(x.read_byte(B++)&255)<<M,M+=8}if(f=w=j&16383,(w&31)>29||(w>>5&31)>29)return a=Gn,x.msg="too many length or distance symbols",v=Re,r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);if(w=258+(w&31)+(w>>5&31),!m||m.length<w)m=[];else for(U=0;U<w;U++)m[U]=0;j>>>=14,M-=14,d=0,a=Gf;case Gf:for(;d<4+(f>>>10);){for(;M<3;){if(Q!==0)v=ye;else return r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);Q--,j|=(x.read_byte(B++)&255)<<M,M+=8}m[Yf[d++]]=j&7,j>>>=3,M-=3}for(;d<19;)m[Yf[d++]]=0;if(g[0]=7,w=F.inflate_trees_bits(m,g,A,I,x),w!=ye)return v=w,v==Re&&(m=null,a=Gn),r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);d=0,a=Kf;case Kf:for(;w=f,!(d>=258+(w&31)+(w>>5&31));){let de,Y;for(w=g[0];M<w;){if(Q!==0)v=ye;else return r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);Q--,j|=(x.read_byte(B++)&255)<<M,M+=8}if(w=I[(A[0]+(j&pt[w]))*3+1],Y=I[(A[0]+(j&pt[w]))*3+2],Y<16)j>>>=w,M-=w,m[d++]=Y;else{for(U=Y==18?7:Y-14,de=Y==18?11:3;M<w+U;){if(Q!==0)v=ye;else return r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);Q--,j|=(x.read_byte(B++)&255)<<M,M+=8}if(j>>>=w,M-=w,de+=j&pt[U],j>>>=U,M-=U,U=d,w=f,U+de>258+(w&31)+(w>>5&31)||Y==16&&U<1)return m=null,a=Gn,x.msg="invalid bit length repeat",v=Re,r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);Y=Y==16?m[U-1]:0;do m[U++]=Y;while(--de!==0);d=U}}if(A[0]=-1,J=[],ce=[],oe=[],ie=[],J[0]=9,ce[0]=6,w=f,w=F.inflate_trees_dynamic(257+(w&31),1+(w>>5&31),m,J,ce,oe,ie,I,x),w!=ye)return w==Re&&(m=null,a=Gn),v=w,r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);E.init(J[0],ce[0],I,oe[0],I,ie[0]),a=Fl;case Fl:if(r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,(v=E.proc(r,x,v))!=Zt)return r.inflate_flush(x,v);if(v=ye,E.free(x),B=x.next_in_index,Q=x.avail_in,j=r.bitb,M=r.bitk,O=r.write,H=O<r.read?r.read-O-1:r.end-O,k===0){a=Ar;break}a=Ql;case Ql:if(r.write=O,v=r.inflate_flush(x,v),O=r.write,H=O<r.read?r.read-O-1:r.end-O,r.read!=r.write)return r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);a=Zf;case Zf:return v=Zt,r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);case Gn:return v=Re,r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v);default:return v=at,r.bitb=j,r.bitk=M,x.avail_in=Q,x.total_in+=B-x.next_in_index,x.next_in_index=B,r.write=O,r.inflate_flush(x,v)}}},r.free=function(x){r.reset(x,null),r.win=null,I=null},r.set_dictionary=function(x,v,w){r.win.set(x.subarray(v,v+w),0),r.read=r.write=w},r.sync_point=function(){return a==Jo?1:0}}const A1=32,E1=8,S1=0,Jf=1,qf=2,_f=3,$f=4,ed=5,qo=6,gi=7,td=12,wn=13,C1=[0,0,255,255];function k1(){const l=this;l.mode=0,l.method=0,l.was=[0],l.need=0,l.marker=0,l.wbits=0;function s(r){return!r||!r.istate?at:(r.total_in=r.total_out=0,r.msg=null,r.istate.mode=gi,r.istate.blocks.reset(r,null),ye)}l.inflateEnd=function(r){return l.blocks&&l.blocks.free(r),l.blocks=null,ye},l.inflateInit=function(r,a){return r.msg=null,l.blocks=null,a<8||a>15?(l.inflateEnd(r),at):(l.wbits=a,r.istate.blocks=new w1(r,1<<a),s(r),ye)},l.inflate=function(r,a){let c,f;if(!r||!r.istate||!r.next_in)return at;const d=r.istate;for(a=a==c1?Jt:ye,c=Jt;;)switch(d.mode){case S1:if(r.avail_in===0)return c;if(c=a,r.avail_in--,r.total_in++,((d.method=r.read_byte(r.next_in_index++))&15)!=E1){d.mode=wn,r.msg="unknown compression method",d.marker=5;break}if((d.method>>4)+8>d.wbits){d.mode=wn,r.msg="invalid win size",d.marker=5;break}d.mode=Jf;case Jf:if(r.avail_in===0)return c;if(c=a,r.avail_in--,r.total_in++,f=r.read_byte(r.next_in_index++)&255,((d.method<<8)+f)%31!==0){d.mode=wn,r.msg="incorrect header check",d.marker=5;break}if((f&A1)===0){d.mode=gi;break}d.mode=qf;case qf:if(r.avail_in===0)return c;c=a,r.avail_in--,r.total_in++,d.need=(r.read_byte(r.next_in_index++)&255)<<24&4278190080,d.mode=_f;case _f:if(r.avail_in===0)return c;c=a,r.avail_in--,r.total_in++,d.need+=(r.read_byte(r.next_in_index++)&255)<<16&16711680,d.mode=$f;case $f:if(r.avail_in===0)return c;c=a,r.avail_in--,r.total_in++,d.need+=(r.read_byte(r.next_in_index++)&255)<<8&65280,d.mode=ed;case ed:return r.avail_in===0?c:(c=a,r.avail_in--,r.total_in++,d.need+=r.read_byte(r.next_in_index++)&255,d.mode=qo,a1);case qo:return d.mode=wn,r.msg="need dictionary",d.marker=0,at;case gi:if(c=d.blocks.proc(r,c),c==Re){d.mode=wn,d.marker=0;break}if(c==ye&&(c=a),c!=Zt)return c;c=a,d.blocks.reset(r,d.was),d.mode=td;case td:return r.avail_in=0,Zt;case wn:return Re;default:return at}},l.inflateSetDictionary=function(r,a,c){let f=0,d=c;if(!r||!r.istate||r.istate.mode!=qo)return at;const m=r.istate;return d>=1<<m.wbits&&(d=(1<<m.wbits)-1,f=c-d),m.blocks.set_dictionary(a,f,d),m.mode=gi,ye},l.inflateSync=function(r){let a,c,f,d,m;if(!r||!r.istate)return at;const g=r.istate;if(g.mode!=wn&&(g.mode=wn,g.marker=0),(a=r.avail_in)===0)return Jt;for(c=r.next_in_index,f=g.marker;a!==0&&f<4;)r.read_byte(c)==C1[f]?f++:r.read_byte(c)!==0?f=0:f=4-f,c++,a--;return r.total_in+=c-r.next_in_index,r.next_in_index=c,r.avail_in=a,g.marker=f,f!=4?Re:(d=r.total_in,m=r.total_out,s(r),r.total_in=d,r.total_out=m,g.mode=gi,ye)},l.inflateSyncPoint=function(r){return!r||!r.istate||!r.istate.blocks?at:r.istate.blocks.sync_point()}}function Yd(){}Yd.prototype={inflateInit(l){const s=this;return s.istate=new k1,l||(l=o1),s.istate.inflateInit(s,l)},inflate(l){const s=this;return s.istate?s.istate.inflate(s,l):at},inflateEnd(){const l=this;if(!l.istate)return at;const s=l.istate.inflateEnd(l);return l.istate=null,s},inflateSync(){const l=this;return l.istate?l.istate.inflateSync(l):at},inflateSetDictionary(l,s){const r=this;return r.istate?r.istate.inflateSetDictionary(r,l,s):at},read_byte(l){return this.next_in[l]},read_buf(l,s){return this.next_in.subarray(l,l+s)}};function I1(l){const s=this,r=new Yd,a=l&&l.chunkSize?Math.floor(l.chunkSize*2):128*1024,c=u1,f=new Uint8Array(a);let d=!1;r.inflateInit(),r.next_out=f,s.append=function(m,g){const A=[];let E,k,I=0,T=0,F=0;if(m.length!==0){r.next_in_index=0,r.next_in=m,r.avail_in=m.length;do{if(r.next_out_index=0,r.avail_out=a,r.avail_in===0&&!d&&(r.next_in_index=0,d=!0),E=r.inflate(c),d&&E===Jt){if(r.avail_in!==0)throw new Error("inflating: bad input")}else if(E!==ye&&E!==Zt)throw new Error("inflating: "+r.msg);if((d||E===Zt)&&r.avail_in===m.length)throw new Error("inflating: bad input");r.next_out_index&&(r.next_out_index===a?A.push(new Uint8Array(f)):A.push(f.subarray(0,r.next_out_index))),F+=r.next_out_index,g&&r.next_in_index>0&&r.next_in_index!=I&&(g(r.next_in_index),I=r.next_in_index)}while(r.avail_in>0||r.avail_out===0);return A.length>1?(k=new Uint8Array(F),A.forEach(function(x){k.set(x,T),T+=x.length})):k=A[0]?new Uint8Array(A[0]):new Uint8Array,k}},s.flush=function(){r.inflateEnd()}}const Kn=4294967295,Sn=65535,R1=8,T1=0,j1=99,P1=67324752,O1=134695760,nd=33639248,D1=101010256,rd=101075792,N1=117853008,Cn=22,_o=20,$o=56,M1=1,B1=39169,H1=10,L1=1,F1=21589,Q1=28789,U1=25461,W1=6534,id=1,V1=6,ld=8,sd=2048,od=16,ad=16384,ud=73,cd="/",qe=void 0,Tn="undefined",ki="function";class fd{constructor(s){return class extends TransformStream{constructor(r,a){const c=new s(a);super({transform(f,d){d.enqueue(c.append(f))},flush(f){const d=c.flush();d&&f.enqueue(d)}})}}}}const b1=64;let zd=2;try{typeof navigator!=Tn&&navigator.hardwareConcurrency&&(zd=navigator.hardwareConcurrency)}catch{}const Y1={chunkSize:512*1024,maxWorkers:zd,terminateWorkerTimeout:5e3,useWebWorkers:!0,useCompressionStream:!0,workerScripts:qe,CompressionStreamNative:typeof CompressionStream!=Tn&&CompressionStream,DecompressionStreamNative:typeof DecompressionStream!=Tn&&DecompressionStream},kn=Object.assign({},Y1);function Xd(){return kn}function z1(l){return Math.max(l.chunkSize,b1)}function Gd(l){const{baseURL:s,chunkSize:r,maxWorkers:a,terminateWorkerTimeout:c,useCompressionStream:f,useWebWorkers:d,Deflate:m,Inflate:g,CompressionStream:A,DecompressionStream:E,workerScripts:k}=l;if(An("baseURL",s),An("chunkSize",r),An("maxWorkers",a),An("terminateWorkerTimeout",c),An("useCompressionStream",f),An("useWebWorkers",d),m&&(kn.CompressionStream=new fd(m)),g&&(kn.DecompressionStream=new fd(g)),An("CompressionStream",A),An("DecompressionStream",E),k!==qe){const{deflate:I,inflate:T}=k;if((I||T)&&(kn.workerScripts||(kn.workerScripts={})),I){if(!Array.isArray(I))throw new Error("workerScripts.deflate must be an array");kn.workerScripts.deflate=I}if(T){if(!Array.isArray(T))throw new Error("workerScripts.inflate must be an array");kn.workerScripts.inflate=T}}}function An(l,s){s!==qe&&(kn[l]=s)}function X1(){return"application/octet-stream"}const Kd=[];for(let l=0;l<256;l++){let s=l;for(let r=0;r<8;r++)s&1?s=s>>>1^3988292384:s=s>>>1;Kd[l]=s}class Gl{constructor(s){this.crc=s||-1}append(s){let r=this.crc|0;for(let a=0,c=s.length|0;a<c;a++)r=r>>>8^Kd[(r^s[a])&255];this.crc=r}get(){return~this.crc}}class Zd extends TransformStream{constructor(){let s;const r=new Gl;super({transform(a,c){r.append(a),c.enqueue(a)},flush(){const a=new Uint8Array(4);new DataView(a.buffer).setUint32(0,r.get()),s.value=a}}),s=this}}function G1(l){if(typeof TextEncoder==Tn){l=unescape(encodeURIComponent(l));const s=new Uint8Array(l.length);for(let r=0;r<s.length;r++)s[r]=l.charCodeAt(r);return s}else return new TextEncoder().encode(l)}const tt={concat(l,s){if(l.length===0||s.length===0)return l.concat(s);const r=l[l.length-1],a=tt.getPartial(r);return a===32?l.concat(s):tt._shiftRight(s,a,r|0,l.slice(0,l.length-1))},bitLength(l){const s=l.length;if(s===0)return 0;const r=l[s-1];return(s-1)*32+tt.getPartial(r)},clamp(l,s){if(l.length*32<s)return l;l=l.slice(0,Math.ceil(s/32));const r=l.length;return s=s&31,r>0&&s&&(l[r-1]=tt.partial(s,l[r-1]&2147483648>>s-1,1)),l},partial(l,s,r){return l===32?s:(r?s|0:s<<32-l)+l*1099511627776},getPartial(l){return Math.round(l/1099511627776)||32},_shiftRight(l,s,r,a){for(a===void 0&&(a=[]);s>=32;s-=32)a.push(r),r=0;if(s===0)return a.concat(l);for(let d=0;d<l.length;d++)a.push(r|l[d]>>>s),r=l[d]<<32-s;const c=l.length?l[l.length-1]:0,f=tt.getPartial(c);return a.push(tt.partial(s+f&31,s+f>32?r:a.pop(),1)),a}},Kl={bytes:{fromBits(l){const r=tt.bitLength(l)/8,a=new Uint8Array(r);let c;for(let f=0;f<r;f++)(f&3)===0&&(c=l[f/4]),a[f]=c>>>24,c<<=8;return a},toBits(l){const s=[];let r,a=0;for(r=0;r<l.length;r++)a=a<<8|l[r],(r&3)===3&&(s.push(a),a=0);return r&3&&s.push(tt.partial(8*(r&3),a)),s}}},Jd={};Jd.sha1=class{constructor(l){const s=this;s.blockSize=512,s._init=[1732584193,4023233417,2562383102,271733878,3285377520],s._key=[1518500249,1859775393,2400959708,3395469782],l?(s._h=l._h.slice(0),s._buffer=l._buffer.slice(0),s._length=l._length):s.reset()}reset(){const l=this;return l._h=l._init.slice(0),l._buffer=[],l._length=0,l}update(l){const s=this;typeof l=="string"&&(l=Kl.utf8String.toBits(l));const r=s._buffer=tt.concat(s._buffer,l),a=s._length,c=s._length=a+tt.bitLength(l);if(c>9007199254740991)throw new Error("Cannot hash more than 2^53 - 1 bits");const f=new Uint32Array(r);let d=0;for(let m=s.blockSize+a-(s.blockSize+a&s.blockSize-1);m<=c;m+=s.blockSize)s._block(f.subarray(16*d,16*(d+1))),d+=1;return r.splice(0,16*d),s}finalize(){const l=this;let s=l._buffer;const r=l._h;s=tt.concat(s,[tt.partial(1,1)]);for(let a=s.length+2;a&15;a++)s.push(0);for(s.push(Math.floor(l._length/4294967296)),s.push(l._length|0);s.length;)l._block(s.splice(0,16));return l.reset(),r}_f(l,s,r,a){if(l<=19)return s&r|~s&a;if(l<=39)return s^r^a;if(l<=59)return s&r|s&a|r&a;if(l<=79)return s^r^a}_S(l,s){return s<<l|s>>>32-l}_block(l){const s=this,r=s._h,a=Array(80);for(let A=0;A<16;A++)a[A]=l[A];let c=r[0],f=r[1],d=r[2],m=r[3],g=r[4];for(let A=0;A<=79;A++){A>=16&&(a[A]=s._S(1,a[A-3]^a[A-8]^a[A-14]^a[A-16]));const E=s._S(5,c)+s._f(A,f,d,m)+g+a[A]+s._key[Math.floor(A/20)]|0;g=m,m=d,d=s._S(30,f),f=c,c=E}r[0]=r[0]+c|0,r[1]=r[1]+f|0,r[2]=r[2]+d|0,r[3]=r[3]+m|0,r[4]=r[4]+g|0}};const qd={};qd.aes=class{constructor(l){const s=this;s._tables=[[[],[],[],[],[]],[[],[],[],[],[]]],s._tables[0][0][0]||s._precompute();const r=s._tables[0][4],a=s._tables[1],c=l.length;let f,d,m,g=1;if(c!==4&&c!==6&&c!==8)throw new Error("invalid aes key size");for(s._key=[d=l.slice(0),m=[]],f=c;f<4*c+28;f++){let A=d[f-1];(f%c===0||c===8&&f%c===4)&&(A=r[A>>>24]<<24^r[A>>16&255]<<16^r[A>>8&255]<<8^r[A&255],f%c===0&&(A=A<<8^A>>>24^g<<24,g=g<<1^(g>>7)*283)),d[f]=d[f-c]^A}for(let A=0;f;A++,f--){const E=d[A&3?f:f-4];f<=4||A<4?m[A]=E:m[A]=a[0][r[E>>>24]]^a[1][r[E>>16&255]]^a[2][r[E>>8&255]]^a[3][r[E&255]]}}encrypt(l){return this._crypt(l,0)}decrypt(l){return this._crypt(l,1)}_precompute(){const l=this._tables[0],s=this._tables[1],r=l[4],a=s[4],c=[],f=[];let d,m,g,A;for(let E=0;E<256;E++)f[(c[E]=E<<1^(E>>7)*283)^E]=E;for(let E=d=0;!r[E];E^=m||1,d=f[d]||1){let k=d^d<<1^d<<2^d<<3^d<<4;k=k>>8^k&255^99,r[E]=k,a[k]=E,A=c[g=c[m=c[E]]];let I=A*16843009^g*65537^m*257^E*16843008,T=c[k]*257^k*16843008;for(let F=0;F<4;F++)l[F][E]=T=T<<24^T>>>8,s[F][k]=I=I<<24^I>>>8}for(let E=0;E<5;E++)l[E]=l[E].slice(0),s[E]=s[E].slice(0)}_crypt(l,s){if(l.length!==4)throw new Error("invalid aes block size");const r=this._key[s],a=r.length/4-2,c=[0,0,0,0],f=this._tables[s],d=f[0],m=f[1],g=f[2],A=f[3],E=f[4];let k=l[0]^r[0],I=l[s?3:1]^r[1],T=l[2]^r[2],F=l[s?1:3]^r[3],x=4,v,w,j;for(let M=0;M<a;M++)v=d[k>>>24]^m[I>>16&255]^g[T>>8&255]^A[F&255]^r[x],w=d[I>>>24]^m[T>>16&255]^g[F>>8&255]^A[k&255]^r[x+1],j=d[T>>>24]^m[F>>16&255]^g[k>>8&255]^A[I&255]^r[x+2],F=d[F>>>24]^m[k>>16&255]^g[I>>8&255]^A[T&255]^r[x+3],x+=4,k=v,I=w,T=j;for(let M=0;M<4;M++)c[s?3&-M:M]=E[k>>>24]<<24^E[I>>16&255]<<16^E[T>>8&255]<<8^E[F&255]^r[x++],v=k,k=I,I=T,T=F,F=v;return c}};const K1={getRandomValues(l){const s=new Uint32Array(l.buffer),r=a=>{let c=987654321;const f=4294967295;return function(){return c=36969*(c&65535)+(c>>16)&f,a=18e3*(a&65535)+(a>>16)&f,(((c<<16)+a&f)/4294967296+.5)*(Math.random()>.5?1:-1)}};for(let a=0,c;a<l.length;a+=4){const f=r((c||Math.random())*4294967296);c=f()*987654071,s[a/4]=f()*4294967296|0}return l}},_d={};_d.ctrGladman=class{constructor(l,s){this._prf=l,this._initIv=s,this._iv=s}reset(){this._iv=this._initIv}update(l){return this.calculate(this._prf,l,this._iv)}incWord(l){if((l>>24&255)===255){let s=l>>16&255,r=l>>8&255,a=l&255;s===255?(s=0,r===255?(r=0,a===255?a=0:++a):++r):++s,l=0,l+=s<<16,l+=r<<8,l+=a}else l+=1<<24;return l}incCounter(l){(l[0]=this.incWord(l[0]))===0&&(l[1]=this.incWord(l[1]))}calculate(l,s,r){let a;if(!(a=s.length))return[];const c=tt.bitLength(s);for(let f=0;f<a;f+=4){this.incCounter(r);const d=l.encrypt(r);s[f]^=d[0],s[f+1]^=d[1],s[f+2]^=d[2],s[f+3]^=d[3]}return tt.clamp(s,c)}};const Zn={importKey(l){return new Zn.hmacSha1(Kl.bytes.toBits(l))},pbkdf2(l,s,r,a){if(r=r||1e4,a<0||r<0)throw new Error("invalid params to pbkdf2");const c=(a>>5)+1<<2;let f,d,m,g,A;const E=new ArrayBuffer(c),k=new DataView(E);let I=0;const T=tt;for(s=Kl.bytes.toBits(s),A=1;I<(c||1);A++){for(f=d=l.encrypt(T.concat(s,[A])),m=1;m<r;m++)for(d=l.encrypt(d),g=0;g<d.length;g++)f[g]^=d[g];for(m=0;I<(c||1)&&m<f.length;m++)k.setInt32(I,f[m]),I+=4}return E.slice(0,a/8)}};Zn.hmacSha1=class{constructor(l){const s=this,r=s._hash=Jd.sha1,a=[[],[]];s._baseHash=[new r,new r];const c=s._baseHash[0].blockSize/32;l.length>c&&(l=new r().update(l).finalize());for(let f=0;f<c;f++)a[0][f]=l[f]^909522486,a[1][f]=l[f]^1549556828;s._baseHash[0].update(a[0]),s._baseHash[1].update(a[1]),s._resultHash=new r(s._baseHash[0])}reset(){const l=this;l._resultHash=new l._hash(l._baseHash[0]),l._updated=!1}update(l){const s=this;s._updated=!0,s._resultHash.update(l)}digest(){const l=this,s=l._resultHash.finalize(),r=new l._hash(l._baseHash[1]).update(s).finalize();return l.reset(),r}encrypt(l){if(this._updated)throw new Error("encrypt on already updated hmac called!");return this.update(l),this.digest(l)}};const Z1=typeof crypto!=Tn&&typeof crypto.getRandomValues==ki,Ea="Invalid password",Sa="Invalid signature",Ca="zipjs-abort-check-password";function $d(l){return Z1?crypto.getRandomValues(l):K1.getRandomValues(l)}const Er=16,J1="raw",e0={name:"PBKDF2"},q1={name:"HMAC"},_1="SHA-1",$1=Object.assign({hash:q1},e0),fa=Object.assign({iterations:1e3,hash:{name:_1}},e0),e2=["deriveBits"],xi=[8,12,16],vi=[16,24,32],En=10,t2=[0,0,0,0],ql=typeof crypto!=Tn,Ii=ql&&crypto.subtle,t0=ql&&typeof Ii!=Tn,Ht=Kl.bytes,n2=qd.aes,r2=_d.ctrGladman,i2=Zn.hmacSha1;let dd=ql&&t0&&typeof Ii.importKey==ki,pd=ql&&t0&&typeof Ii.deriveBits==ki;class l2 extends TransformStream{constructor({password:s,rawPassword:r,signed:a,encryptionStrength:c,checkPasswordOnly:f}){super({start(){Object.assign(this,{ready:new Promise(d=>this.resolveReady=d),password:i0(s,r),signed:a,strength:c-1,pending:new Uint8Array})},async transform(d,m){const g=this,{password:A,strength:E,resolveReady:k,ready:I}=g;A?(await o2(g,E,A,wt(d,0,xi[E]+2)),d=wt(d,xi[E]+2),f?m.error(new Error(Ca)):k()):await I;const T=new Uint8Array(d.length-En-(d.length-En)%Er);m.enqueue(n0(g,d,T,0,En,!0))},async flush(d){const{signed:m,ctr:g,hmac:A,pending:E,ready:k}=this;if(A&&g){await k;const I=wt(E,0,E.length-En),T=wt(E,E.length-En);let F=new Uint8Array;if(I.length){const x=Ai(Ht,I);A.update(x);const v=g.update(x);F=wi(Ht,v)}if(m){const x=wt(wi(Ht,A.digest()),0,En);for(let v=0;v<En;v++)if(x[v]!=T[v])throw new Error(Sa)}d.enqueue(F)}}})}}class s2 extends TransformStream{constructor({password:s,rawPassword:r,encryptionStrength:a}){let c;super({start(){Object.assign(this,{ready:new Promise(f=>this.resolveReady=f),password:i0(s,r),strength:a-1,pending:new Uint8Array})},async transform(f,d){const m=this,{password:g,strength:A,resolveReady:E,ready:k}=m;let I=new Uint8Array;g?(I=await a2(m,A,g),E()):await k;const T=new Uint8Array(I.length+f.length-f.length%Er);T.set(I,0),d.enqueue(n0(m,f,T,I.length,0))},async flush(f){const{ctr:d,hmac:m,pending:g,ready:A}=this;if(m&&d){await A;let E=new Uint8Array;if(g.length){const k=d.update(Ai(Ht,g));m.update(k),E=wi(Ht,k)}c.signature=wi(Ht,m.digest()).slice(0,En),f.enqueue(ka(E,c.signature))}}}),c=this}}function n0(l,s,r,a,c,f){const{ctr:d,hmac:m,pending:g}=l,A=s.length-c;g.length&&(s=ka(g,s),r=f2(r,A-A%Er));let E;for(E=0;E<=A-Er;E+=Er){const k=Ai(Ht,wt(s,E,E+Er));f&&m.update(k);const I=d.update(k);f||m.update(I),r.set(wi(Ht,I),E+a)}return l.pending=wt(s,E),r}async function o2(l,s,r,a){const c=await r0(l,s,r,wt(a,0,xi[s])),f=wt(a,xi[s]);if(c[0]!=f[0]||c[1]!=f[1])throw new Error(Ea)}async function a2(l,s,r){const a=$d(new Uint8Array(xi[s])),c=await r0(l,s,r,a);return ka(a,c)}async function r0(l,s,r,a){l.password=null;const c=await u2(J1,r,$1,!1,e2),f=await c2(Object.assign({salt:a},fa),c,8*(vi[s]*2+2)),d=new Uint8Array(f),m=Ai(Ht,wt(d,0,vi[s])),g=Ai(Ht,wt(d,vi[s],vi[s]*2)),A=wt(d,vi[s]*2);return Object.assign(l,{keys:{key:m,authentication:g,passwordVerification:A},ctr:new r2(new n2(m),Array.from(t2)),hmac:new i2(g)}),A}async function u2(l,s,r,a,c){if(dd)try{return await Ii.importKey(l,s,r,a,c)}catch{return dd=!1,Zn.importKey(s)}else return Zn.importKey(s)}async function c2(l,s,r){if(pd)try{return await Ii.deriveBits(l,s,r)}catch{return pd=!1,Zn.pbkdf2(s,l.salt,fa.iterations,r)}else return Zn.pbkdf2(s,l.salt,fa.iterations,r)}function i0(l,s){return s===qe?G1(l):s}function ka(l,s){let r=l;return l.length+s.length&&(r=new Uint8Array(l.length+s.length),r.set(l,0),r.set(s,l.length)),r}function f2(l,s){if(s&&s>l.length){const r=l;l=new Uint8Array(s),l.set(r,0)}return l}function wt(l,s,r){return l.subarray(s,r)}function wi(l,s){return l.fromBits(s)}function Ai(l,s){return l.toBits(s)}const Sr=12;class d2 extends TransformStream{constructor({password:s,passwordVerification:r,checkPasswordOnly:a}){super({start(){Object.assign(this,{password:s,passwordVerification:r}),l0(this,s)},transform(c,f){const d=this;if(d.password){const m=hd(d,c.subarray(0,Sr));if(d.password=null,m[Sr-1]!=d.passwordVerification)throw new Error(Ea);c=c.subarray(Sr)}a?f.error(new Error(Ca)):f.enqueue(hd(d,c))}})}}class p2 extends TransformStream{constructor({password:s,passwordVerification:r}){super({start(){Object.assign(this,{password:s,passwordVerification:r}),l0(this,s)},transform(a,c){const f=this;let d,m;if(f.password){f.password=null;const g=$d(new Uint8Array(Sr));g[Sr-1]=f.passwordVerification,d=new Uint8Array(a.length+g.length),d.set(md(f,g),0),m=Sr}else d=new Uint8Array(a.length),m=0;d.set(md(f,a),m),c.enqueue(d)}})}}function hd(l,s){const r=new Uint8Array(s.length);for(let a=0;a<s.length;a++)r[a]=s0(l)^s[a],Ia(l,r[a]);return r}function md(l,s){const r=new Uint8Array(s.length);for(let a=0;a<s.length;a++)r[a]=s0(l)^s[a],Ia(l,s[a]);return r}function l0(l,s){const r=[305419896,591751049,878082192];Object.assign(l,{keys:r,crcKey0:new Gl(r[0]),crcKey2:new Gl(r[2])});for(let a=0;a<s.length;a++)Ia(l,s.charCodeAt(a))}function Ia(l,s){let[r,a,c]=l.keys;l.crcKey0.append([s]),r=~l.crcKey0.get(),a=gd(Math.imul(gd(a+o0(r)),134775813)+1),l.crcKey2.append([a>>>24]),c=~l.crcKey2.get(),l.keys=[r,a,c]}function s0(l){const s=l.keys[2]|2;return o0(Math.imul(s,s^1)>>>8)}function o0(l){return l&255}function gd(l){return l&4294967295}const vd="deflate-raw";class h2 extends TransformStream{constructor(s,{chunkSize:r,CompressionStream:a,CompressionStreamNative:c}){super({});const{compressed:f,encrypted:d,useCompressionStream:m,zipCrypto:g,signed:A,level:E}=s,k=this;let I,T,F=a0(super.readable);(!d||g)&&A&&(I=new Zd,F=Lt(F,I)),f&&(F=c0(F,m,{level:E,chunkSize:r},c,a)),d&&(g?F=Lt(F,new p2(s)):(T=new s2(s),F=Lt(F,T))),u0(k,F,()=>{let x;d&&!g&&(x=T.signature),(!d||g)&&A&&(x=new DataView(I.value.buffer).getUint32(0)),k.signature=x})}}class m2 extends TransformStream{constructor(s,{chunkSize:r,DecompressionStream:a,DecompressionStreamNative:c}){super({});const{zipCrypto:f,encrypted:d,signed:m,signature:g,compressed:A,useCompressionStream:E}=s;let k,I,T=a0(super.readable);d&&(f?T=Lt(T,new d2(s)):(I=new l2(s),T=Lt(T,I))),A&&(T=c0(T,E,{chunkSize:r},c,a)),(!d||f)&&m&&(k=new Zd,T=Lt(T,k)),u0(this,T,()=>{if((!d||f)&&m){const F=new DataView(k.value.buffer);if(g!=F.getUint32(0,!1))throw new Error(Sa)}})}}function a0(l){return Lt(l,new TransformStream({transform(s,r){s&&s.length&&r.enqueue(s)}}))}function u0(l,s,r){s=Lt(s,new TransformStream({flush:r})),Object.defineProperty(l,"readable",{get(){return s}})}function c0(l,s,r,a,c){try{const f=s&&a?a:c;l=Lt(l,new f(vd,r))}catch{if(s)try{l=Lt(l,new c(vd,r))}catch{return l}else return l}return l}function Lt(l,s){return l.pipeThrough(s)}const g2="message",v2="start",y2="pull",yd="data",x2="ack",xd="close",w2="deflate",f0="inflate";class A2 extends TransformStream{constructor(s,r){super({});const a=this,{codecType:c}=s;let f;c.startsWith(w2)?f=h2:c.startsWith(f0)&&(f=m2);let d=0,m=0;const g=new f(s,r),A=super.readable,E=new TransformStream({transform(I,T){I&&I.length&&(m+=I.length,T.enqueue(I))},flush(){Object.assign(a,{inputSize:m})}}),k=new TransformStream({transform(I,T){I&&I.length&&(d+=I.length,T.enqueue(I))},flush(){const{signature:I}=g;Object.assign(a,{signature:I,outputSize:d,inputSize:m})}});Object.defineProperty(a,"readable",{get(){return A.pipeThrough(E).pipeThrough(g).pipeThrough(k)}})}}class E2 extends TransformStream{constructor(s){let r;super({transform:a,flush(c){r&&r.length&&c.enqueue(r)}});function a(c,f){if(r){const d=new Uint8Array(r.length+c.length);d.set(r),d.set(c,r.length),c=d,r=null}c.length>s?(f.enqueue(c.slice(0,s)),a(c.slice(s),f)):r=c}}}let d0=typeof Worker!=Tn;class ea{constructor(s,{readable:r,writable:a},{options:c,config:f,streamOptions:d,useWebWorkers:m,transferStreams:g,scripts:A},E){const{signal:k}=d;return Object.assign(s,{busy:!0,readable:r.pipeThrough(new E2(f.chunkSize)).pipeThrough(new S2(r,d),{signal:k}),writable:a,options:Object.assign({},c),scripts:A,transferStreams:g,terminate(){return new Promise(I=>{const{worker:T,busy:F}=s;T?(F?s.resolveTerminated=I:(T.terminate(),I()),s.interface=null):I()})},onTaskFinished(){const{resolveTerminated:I}=s;I&&(s.resolveTerminated=null,s.terminated=!0,s.worker.terminate(),I()),s.busy=!1,E(s)}}),(m&&d0?C2:p0)(s,f)}}class S2 extends TransformStream{constructor(s,{onstart:r,onprogress:a,size:c,onend:f}){let d=0;super({async start(){r&&await ta(r,c)},async transform(m,g){d+=m.length,a&&await ta(a,d,c),g.enqueue(m)},async flush(){s.size=d,f&&await ta(f,d)}})}}async function ta(l,...s){try{await l(...s)}catch{}}function p0(l,s){return{run:()=>k2(l,s)}}function C2(l,s){const{baseURL:r,chunkSize:a}=s;if(!l.interface){let c;try{c=T2(l.scripts[0],r,l)}catch{return d0=!1,p0(l,s)}Object.assign(l,{worker:c,interface:{run:()=>I2(l,{chunkSize:a})}})}return l.interface}async function k2({options:l,readable:s,writable:r,onTaskFinished:a},c){try{const f=new A2(l,c);await s.pipeThrough(f).pipeTo(r,{preventClose:!0,preventAbort:!0});const{signature:d,inputSize:m,outputSize:g}=f;return{signature:d,inputSize:m,outputSize:g}}finally{a()}}async function I2(l,s){let r,a;const c=new Promise((I,T)=>{r=I,a=T});Object.assign(l,{reader:null,writer:null,resolveResult:r,rejectResult:a,result:c});const{readable:f,options:d,scripts:m}=l,{writable:g,closed:A}=R2(l.writable),E=bl({type:v2,scripts:m.slice(1),options:d,config:s,readable:f,writable:g},l);E||Object.assign(l,{reader:f.getReader(),writer:g.getWriter()});const k=await c;return E||await g.getWriter().close(),await A,k}function R2(l){let s;const r=new Promise(c=>s=c);return{writable:new WritableStream({async write(c){const f=l.getWriter();await f.ready,await f.write(c),f.releaseLock()},close(){s()},abort(c){return l.getWriter().abort(c)}}),closed:r}}let wd=!0,Ad=!0;function T2(l,s,r){const a={type:"module"};let c,f;typeof l==ki&&(l=l());try{c=new URL(l,s)}catch{c=l}if(wd)try{f=new Worker(c)}catch{wd=!1,f=new Worker(c,a)}else f=new Worker(c,a);return f.addEventListener(g2,d=>j2(d,r)),f}function bl(l,{worker:s,writer:r,onTaskFinished:a,transferStreams:c}){try{const{value:f,readable:d,writable:m}=l,g=[];if(f&&(f.byteLength<f.buffer.byteLength?l.value=f.buffer.slice(0,f.byteLength):l.value=f.buffer,g.push(l.value)),c&&Ad?(d&&g.push(d),m&&g.push(m)):l.readable=l.writable=null,g.length)try{return s.postMessage(l,g),!0}catch{Ad=!1,l.readable=l.writable=null,s.postMessage(l)}else s.postMessage(l)}catch(f){throw r&&r.releaseLock(),a(),f}}async function j2({data:l},s){const{type:r,value:a,messageId:c,result:f,error:d}=l,{reader:m,writer:g,resolveResult:A,rejectResult:E,onTaskFinished:k}=s;try{if(d){const{message:T,stack:F,code:x,name:v}=d,w=new Error(T);Object.assign(w,{stack:F,code:x,name:v}),I(w)}else{if(r==y2){const{value:T,done:F}=await m.read();bl({type:yd,value:T,done:F,messageId:c},s)}r==yd&&(await g.ready,await g.write(new Uint8Array(a)),bl({type:x2,messageId:c},s)),r==xd&&I(null,f)}}catch(T){bl({type:xd,messageId:c},s),I(T)}function I(T,F){T?E(T):A(F),g&&g.releaseLock(),k()}}let In=[];const na=[];let Ed=0;async function P2(l,s){const{options:r,config:a}=s,{transferStreams:c,useWebWorkers:f,useCompressionStream:d,codecType:m,compressed:g,signed:A,encrypted:E}=r,{workerScripts:k,maxWorkers:I}=a;s.transferStreams=c||c===qe;const T=!g&&!A&&!E&&!s.transferStreams;return s.useWebWorkers=!T&&(f||f===qe&&a.useWebWorkers),s.scripts=s.useWebWorkers&&k?k[m]:[],r.useCompressionStream=d||d===qe&&a.useCompressionStream,(await F()).run();async function F(){const v=In.find(w=>!w.busy);if(v)return da(v),new ea(v,l,s,x);if(In.length<I){const w={indexWorker:Ed};return Ed++,In.push(w),new ea(w,l,s,x)}else return new Promise(w=>na.push({resolve:w,stream:l,workerOptions:s}))}function x(v){if(na.length){const[{resolve:w,stream:j,workerOptions:M}]=na.splice(0,1);w(new ea(v,j,M,x))}else v.worker?(da(v),O2(v,s)):In=In.filter(w=>w!=v)}}function O2(l,s){const{config:r}=s,{terminateWorkerTimeout:a}=r;Number.isFinite(a)&&a>=0&&(l.terminated?l.terminated=!1:l.terminateTimeout=setTimeout(async()=>{In=In.filter(c=>c!=l);try{await l.terminate()}catch{}},a))}function da(l){const{terminateTimeout:s}=l;s&&(clearTimeout(s),l.terminateTimeout=null)}async function D2(){await Promise.allSettled(In.map(l=>(da(l),l.terminate())))}const h0="HTTP error ",Ri="HTTP Range not supported",m0="Writer iterator completed too soon",N2="text/plain",M2="Content-Length",B2="Content-Range",H2="Accept-Ranges",L2="Range",F2="Content-Type",Q2="HEAD",Ra="GET",g0="bytes",U2=64*1024,Ta="writable";class _l{constructor(){this.size=0}init(){this.initialized=!0}}class Pn extends _l{get readable(){const s=this,{chunkSize:r=U2}=s,a=new ReadableStream({start(){this.chunkOffset=0},async pull(c){const{offset:f=0,size:d,diskNumberStart:m}=a,{chunkOffset:g}=this;c.enqueue(await ze(s,f+g,Math.min(r,d-g),m)),g+r>d?c.close():this.chunkOffset+=r}});return a}}class ja extends _l{constructor(){super();const s=this,r=new WritableStream({write(a){return s.writeUint8Array(a)}});Object.defineProperty(s,Ta,{get(){return r}})}writeUint8Array(){}}class W2 extends Pn{constructor(s){super();let r=s.length;for(;s.charAt(r-1)=="=";)r--;const a=s.indexOf(",")+1;Object.assign(this,{dataURI:s,dataStart:a,size:Math.floor((r-a)*.75)})}readUint8Array(s,r){const{dataStart:a,dataURI:c}=this,f=new Uint8Array(r),d=Math.floor(s/3)*4,m=atob(c.substring(d+a,Math.ceil((s+r)/3)*4+a)),g=s-Math.floor(d/4)*3;for(let A=g;A<g+r;A++)f[A-g]=m.charCodeAt(A);return f}}class V2 extends ja{constructor(s){super(),Object.assign(this,{data:"data:"+(s||"")+";base64,",pending:[]})}writeUint8Array(s){const r=this;let a=0,c=r.pending;const f=r.pending.length;for(r.pending="",a=0;a<Math.floor((f+s.length)/3)*3-f;a++)c+=String.fromCharCode(s[a]);for(;a<s.length;a++)r.pending+=String.fromCharCode(s[a]);c.length>2?r.data+=btoa(c):r.pending=c}getData(){return this.data+btoa(this.pending)}}class Pa extends Pn{constructor(s){super(),Object.assign(this,{blob:s,size:s.size})}async readUint8Array(s,r){const a=this,c=s+r;let d=await(s||c<a.size?a.blob.slice(s,c):a.blob).arrayBuffer();return d.byteLength>r&&(d=d.slice(s,c)),new Uint8Array(d)}}class v0 extends _l{constructor(s){super();const r=this,a=new TransformStream,c=[];s&&c.push([F2,s]),Object.defineProperty(r,Ta,{get(){return a.writable}}),r.blob=new Response(a.readable,{headers:c}).blob()}getData(){return this.blob}}class b2 extends Pa{constructor(s){super(new Blob([s],{type:N2}))}}class Y2 extends v0{constructor(s){super(s),Object.assign(this,{encoding:s,utf8:!s||s.toLowerCase()=="utf-8"})}async getData(){const{encoding:s,utf8:r}=this,a=await super.getData();if(a.text&&r)return a.text();{const c=new FileReader;return new Promise((f,d)=>{Object.assign(c,{onload:({target:m})=>f(m.result),onerror:()=>d(c.error)}),c.readAsText(a,s)})}}}class z2 extends Pn{constructor(s,r){super(),y0(this,s,r)}async init(){await x0(this,pa,Sd),super.init()}readUint8Array(s,r){return w0(this,s,r,pa,Sd)}}class X2 extends Pn{constructor(s,r){super(),y0(this,s,r)}async init(){await x0(this,ha,Cd),super.init()}readUint8Array(s,r){return w0(this,s,r,ha,Cd)}}function y0(l,s,r){const{preventHeadRequest:a,useRangeHeader:c,forceRangeRequests:f,combineSizeEocd:d}=r;r=Object.assign({},r),delete r.preventHeadRequest,delete r.useRangeHeader,delete r.forceRangeRequests,delete r.combineSizeEocd,delete r.useXHR,Object.assign(l,{url:s,options:r,preventHeadRequest:a,useRangeHeader:c,forceRangeRequests:f,combineSizeEocd:d})}async function x0(l,s,r){const{url:a,preventHeadRequest:c,useRangeHeader:f,forceRangeRequests:d,combineSizeEocd:m}=l;if(J2(a)&&(f||d)&&(typeof c>"u"||c)){const g=await s(Ra,l,A0(l,m?-22:void 0));if(!d&&g.headers.get(H2)!=g0)throw new Error(Ri);{m&&(l.eocdCache=new Uint8Array(await g.arrayBuffer()));let A;const E=g.headers.get(B2);if(E){const k=E.trim().split(/\s*\/\s*/);if(k.length){const I=k[1];I&&I!="*"&&(A=Number(I))}}A===qe?await kd(l,s,r):l.size=A}}else await kd(l,s,r)}async function w0(l,s,r,a,c){const{useRangeHeader:f,forceRangeRequests:d,eocdCache:m,size:g,options:A}=l;if(f||d){if(m&&s==g-Cn&&r==Cn)return m;const E=await a(Ra,l,A0(l,s,r));if(E.status!=206)throw new Error(Ri);return new Uint8Array(await E.arrayBuffer())}else{const{data:E}=l;return E||await c(l,A),new Uint8Array(l.data.subarray(s,s+r))}}function A0(l,s=0,r=1){return Object.assign({},Oa(l),{[L2]:g0+"="+(s<0?s:s+"-"+(s+r-1))})}function Oa({options:l}){const{headers:s}=l;if(s)return Symbol.iterator in s?Object.fromEntries(s):s}async function Sd(l){await E0(l,pa)}async function Cd(l){await E0(l,ha)}async function E0(l,s){const r=await s(Ra,l,Oa(l));l.data=new Uint8Array(await r.arrayBuffer()),l.size||(l.size=l.data.length)}async function kd(l,s,r){if(l.preventHeadRequest)await r(l,l.options);else{const c=(await s(Q2,l,Oa(l))).headers.get(M2);c?l.size=Number(c):await r(l,l.options)}}async function pa(l,{options:s,url:r},a){const c=await fetch(r,Object.assign({},s,{method:l,headers:a}));if(c.status<400)return c;throw c.status==416?new Error(Ri):new Error(h0+(c.statusText||c.status))}function ha(l,{url:s},r){return new Promise((a,c)=>{const f=new XMLHttpRequest;if(f.addEventListener("load",()=>{if(f.status<400){const d=[];f.getAllResponseHeaders().trim().split(/[\r\n]+/).forEach(m=>{const g=m.trim().split(/\s*:\s*/);g[0]=g[0].trim().replace(/^[a-z]|-[a-z]/g,A=>A.toUpperCase()),d.push(g)}),a({status:f.status,arrayBuffer:()=>f.response,headers:new Map(d)})}else c(f.status==416?new Error(Ri):new Error(h0+(f.statusText||f.status)))},!1),f.addEventListener("error",d=>c(d.detail?d.detail.error:new Error("Network error")),!1),f.open(l,s),r)for(const d of Object.entries(r))f.setRequestHeader(d[0],d[1]);f.responseType="arraybuffer",f.send()})}class S0 extends Pn{constructor(s,r={}){super(),Object.assign(this,{url:s,reader:r.useXHR?new X2(s,r):new z2(s,r)})}set size(s){}get size(){return this.reader.size}async init(){await this.reader.init(),super.init()}readUint8Array(s,r){return this.reader.readUint8Array(s,r)}}class G2 extends S0{constructor(s,r={}){r.useRangeHeader=!0,super(s,r)}}class K2 extends Pn{constructor(s){super(),Object.assign(this,{array:s,size:s.length})}readUint8Array(s,r){return this.array.slice(s,s+r)}}class Z2 extends ja{init(s=0){Object.assign(this,{offset:0,array:new Uint8Array(s)}),super.init()}writeUint8Array(s){const r=this;if(r.offset+s.length>r.array.length){const a=r.array;r.array=new Uint8Array(a.length+s.length),r.array.set(a)}r.array.set(s,r.offset),r.offset+=s.length}getData(){return this.array}}class Da extends Pn{constructor(s){super(),this.readers=s}async init(){const s=this,{readers:r}=s;s.lastDiskNumber=0,s.lastDiskOffset=0,await Promise.all(r.map(async(a,c)=>{await a.init(),c!=r.length-1&&(s.lastDiskOffset+=a.size),s.size+=a.size})),super.init()}async readUint8Array(s,r,a=0){const c=this,{readers:f}=this;let d,m=a;m==-1&&(m=f.length-1);let g=s;for(;g>=f[m].size;)g-=f[m].size,m++;const A=f[m],E=A.size;if(g+r<=E)d=await ze(A,g,r);else{const k=E-g;d=new Uint8Array(r),d.set(await ze(A,g,k)),d.set(await c.readUint8Array(s+k,r-k,a),k)}return c.lastDiskNumber=Math.max(m,c.lastDiskNumber),d}}class Zl extends _l{constructor(s,r=4294967295){super();const a=this;Object.assign(a,{diskNumber:0,diskOffset:0,size:0,maxSize:r,availableSize:r});let c,f,d;const m=new WritableStream({async write(E){const{availableSize:k}=a;if(d)E.length>=k?(await g(E.slice(0,k)),await A(),a.diskOffset+=c.size,a.diskNumber++,d=null,await this.write(E.slice(k))):await g(E);else{const{value:I,done:T}=await s.next();if(T&&!I)throw new Error(m0);c=I,c.size=0,c.maxSize&&(a.maxSize=c.maxSize),a.availableSize=a.maxSize,await Ei(c),f=I.writable,d=f.getWriter(),await this.write(E)}},async close(){await d.ready,await A()}});Object.defineProperty(a,Ta,{get(){return m}});async function g(E){const k=E.length;k&&(await d.ready,await d.write(E),c.size+=k,a.size+=k,a.availableSize-=k)}async function A(){f.size=c.size,await d.close()}}}function J2(l){const{baseURL:s}=Xd(),{protocol:r}=new URL(l,s);return r=="http:"||r=="https:"}async function Ei(l,s){if(l.init&&!l.initialized)await l.init(s);else return Promise.resolve()}function C0(l){return Array.isArray(l)&&(l=new Da(l)),l instanceof ReadableStream&&(l={readable:l}),l}function k0(l){l.writable===qe&&typeof l.next==ki&&(l=new Zl(l)),l instanceof WritableStream&&(l={writable:l});const{writable:s}=l;return s.size===qe&&(s.size=0),l instanceof Zl||Object.assign(l,{diskNumber:0,diskOffset:0,availableSize:1/0,maxSize:1/0}),l}function ze(l,s,r,a){return l.readUint8Array(s,r,a)}const q2=Da,_2=Zl,I0="\0☺☻♥♦♣♠•◘○◙♂♀♪♫☼►◄↕‼¶§▬↨↑↓→←∟↔▲▼ !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\\]^_`abcdefghijklmnopqrstuvwxyz{|}~⌂ÇüéâäàåçêëèïîìÄÅÉæÆôöòûùÿÖÜ¢£¥₧ƒáíóúñѪº¿⌐¬½¼¡«»░▒▓│┤╡╢╖╕╣║╗╝╜╛┐└┴┬├─┼╞╟╚╔╩╦╠═╬╧╨╤╥╙╘╒╓╫╪┘┌█▄▌▐▀αßΓπΣσµτΦΘΩδ∞φε∩≡±≥≤⌠⌡÷≈°∙·√ⁿ²■ ".split(""),$2=I0.length==256;function em(l){if($2){let s="";for(let r=0;r<l.length;r++)s+=I0[l[r]];return s}else return new TextDecoder().decode(l)}function Yl(l,s){return s&&s.trim().toLowerCase()=="cp437"?em(l):new TextDecoder(s).decode(l)}const R0="filename",T0="rawFilename",j0="comment",P0="rawComment",O0="uncompressedSize",D0="compressedSize",N0="offset",ma="diskNumberStart",ga="lastModDate",va="rawLastModDate",M0="lastAccessDate",tm="rawLastAccessDate",B0="creationDate",nm="rawCreationDate",rm="internalFileAttribute",im="internalFileAttributes",lm="externalFileAttribute",sm="externalFileAttributes",om="msDosCompatible",am="zip64",um="encrypted",cm="version",fm="versionMadeBy",dm="zipCrypto",pm="directory",hm="executable",mm=[R0,T0,D0,O0,ga,va,j0,P0,M0,B0,N0,ma,ma,rm,im,lm,sm,om,am,um,cm,fm,dm,pm,hm,"bitFlag","signature","filenameUTF8","commentUTF8","compressionMethod","extraField","rawExtraField","extraFieldZip64","extraFieldUnicodePath","extraFieldUnicodeComment","extraFieldAES","extraFieldNTFS","extraFieldExtendedTimestamp"];class Id{constructor(s){mm.forEach(r=>this[r]=s[r])}}const zl="File format is not recognized",H0="End of central directory not found",L0="End of Zip64 central directory locator not found",F0="Central directory header not found",Q0="Local file header not found",U0="Zip64 extra field not found",W0="File contains encrypted entry",V0="Encryption method not supported",ya="Compression method not supported",xa="Split zip file",Rd="utf-8",Td="cp437",gm=[[O0,Kn],[D0,Kn],[N0,Kn],[ma,Sn]],vm={[Sn]:{getValue:Me,bytes:4},[Kn]:{getValue:Xl,bytes:8}};class b0{constructor(s,r={}){Object.assign(this,{reader:C0(s),options:r,config:Xd()})}async*getEntriesGenerator(s={}){const r=this;let{reader:a}=r;const{config:c}=r;if(await Ei(a),(a.size===qe||!a.readUint8Array)&&(a=new Pa(await new Response(a.readable).blob()),await Ei(a)),a.size<Cn)throw new Error(zl);a.chunkSize=z1(c);const f=await Cm(a,D1,a.size,Cn,Sn*16);if(!f){const V=await ze(a,0,4),b=Ve(V);throw Me(b)==O1?new Error(xa):new Error(H0)}const d=Ve(f);let m=Me(d,12),g=Me(d,16);const A=f.offset,E=We(d,20),k=A+Cn+E;let I=We(d,4);const T=a.lastDiskNumber||0;let F=We(d,6),x=We(d,8),v=0,w=0;if(g==Kn||m==Kn||x==Sn||F==Sn){const V=await ze(a,f.offset-_o,_o),b=Ve(V);if(Me(b,0)==N1){g=Xl(b,8);let re=await ze(a,g,$o,-1),J=Ve(re);const ce=f.offset-_o-$o;if(Me(J,0)!=rd&&g!=ce){const oe=g;g=ce,v=g-oe,re=await ze(a,g,$o,-1),J=Ve(re)}if(Me(J,0)!=rd)throw new Error(L0);I==Sn&&(I=Me(J,16)),F==Sn&&(F=Me(J,20)),x==Sn&&(x=Xl(J,32)),m==Kn&&(m=Xl(J,40)),g-=m}}if(g>=a.size&&(v=a.size-g-m-Cn,g=a.size-m-Cn),T!=I)throw new Error(xa);if(g<0)throw new Error(zl);let j=0,M=await ze(a,g,m,F),B=Ve(M);if(m){const V=f.offset-m;if(Me(B,j)!=nd&&g!=V){const b=g;g=V,v+=g-b,M=await ze(a,g,m,F),B=Ve(M)}}const Q=f.offset-g-(a.lastDiskOffset||0);if(m!=Q&&Q>=0&&(m=Q,M=await ze(a,g,m,F),B=Ve(M)),g<0||g>=a.size)throw new Error(zl);const O=et(r,s,"filenameEncoding"),H=et(r,s,"commentEncoding");for(let V=0;V<x;V++){const b=new xm(a,c,r.options);if(Me(B,j)!=nd)throw new Error(F0);Y0(b,B,j+6);const re=!!b.bitFlag.languageEncodingFlag,J=j+46,ce=J+b.filenameLength,oe=ce+b.extraFieldLength,ie=We(B,j+4),de=ie>>8==0,Y=ie>>8==3,ee=M.subarray(J,ce),W=We(B,j+32),R=oe+W,L=M.subarray(oe,R),$=re,pe=re,me=Me(B,j+38),ge=de&&(Cr(B,j+38)&od)==od||Y&&(me>>16&ad)==ad||ee.length&&ee[ee.length-1]==cd.charCodeAt(0),Ee=Y&&(me>>16&ud)==ud,xe=Me(B,j+42)+v;Object.assign(b,{versionMadeBy:ie,msDosCompatible:de,compressedSize:0,uncompressedSize:0,commentLength:W,directory:ge,offset:xe,diskNumberStart:We(B,j+34),internalFileAttributes:We(B,j+36),externalFileAttributes:me,rawFilename:ee,filenameUTF8:$,commentUTF8:pe,rawExtraField:M.subarray(ce,oe),executable:Ee}),b.internalFileAttribute=b.internalFileAttributes,b.externalFileAttribute=b.externalFileAttributes;const Se=et(r,s,"decodeText")||Yl,Xe=$?Rd:O||Td,On=pe?Rd:H||Td;let Dn=Se(ee,Xe);Dn===qe&&(Dn=Yl(ee,Xe));let _t=Se(L,On);_t===qe&&(_t=Yl(L,On)),Object.assign(b,{rawComment:L,filename:Dn,comment:_t,directory:ge||Dn.endsWith(cd)}),w=Math.max(xe,w),z0(b,b,B,j+6),b.zipCrypto=b.encrypted&&!b.extraFieldAES;const Nn=new Id(b);Nn.getData=(Tr,jr)=>b.getData(Tr,Nn,jr),j=R;const{onprogress:Rr}=s;if(Rr)try{await Rr(V+1,x,new Id(b))}catch{}yield Nn}const U=et(r,s,"extractPrependedData"),G=et(r,s,"extractAppendedData");return U&&(r.prependedData=w>0?await ze(a,0,w):new Uint8Array),r.comment=E?await ze(a,A+Cn,E):new Uint8Array,G&&(r.appendedData=k<a.size?await ze(a,k,a.size-k):new Uint8Array),!0}async getEntries(s={}){const r=[];for await(const a of this.getEntriesGenerator(s))r.push(a);return r}async close(){}}class ym{constructor(s={}){const{readable:r,writable:a}=new TransformStream,c=new b0(r,s).getEntriesGenerator();this.readable=new ReadableStream({async pull(f){const{done:d,value:m}=await c.next();if(d)return f.close();const g={...m,readable:function(){const{readable:A,writable:E}=new TransformStream;if(m.getData)return m.getData(E),A}()};delete g.getData,f.enqueue(g)}}),this.writable=a}}class xm{constructor(s,r,a){Object.assign(this,{reader:s,config:r,options:a})}async getData(s,r,a={}){const c=this,{reader:f,offset:d,diskNumberStart:m,extraFieldAES:g,compressionMethod:A,config:E,bitFlag:k,signature:I,rawLastModDate:T,uncompressedSize:F,compressedSize:x}=c,v=r.localDirectory={},w=await ze(f,d,30,m),j=Ve(w);let M=et(c,a,"password"),B=et(c,a,"rawPassword");const Q=et(c,a,"passThrough");if(M=M&&M.length&&M,B=B&&B.length&&B,g&&g.originalCompressionMethod!=j1)throw new Error(ya);if(A!=T1&&A!=R1&&!Q)throw new Error(ya);if(Me(j,0)!=P1)throw new Error(Q0);Y0(v,j,4),v.rawExtraField=v.extraFieldLength?await ze(f,d+30+v.filenameLength,v.extraFieldLength,m):new Uint8Array,z0(c,v,j,4,!0),Object.assign(r,{lastAccessDate:v.lastAccessDate,creationDate:v.creationDate});const O=c.encrypted&&v.encrypted&&!Q,H=O&&!g;if(Q||(r.zipCrypto=H),O){if(!H&&g.strength===qe)throw new Error(V0);if(!M&&!B)throw new Error(W0)}const U=d+30+v.filenameLength+v.extraFieldLength,G=x,V=f.readable;Object.assign(V,{diskNumberStart:m,offset:U,size:G});const b=et(c,a,"signal"),re=et(c,a,"checkPasswordOnly");re&&(s=new WritableStream),s=k0(s),await Ei(s,Q?x:F);const{writable:J}=s,{onstart:ce,onprogress:oe,onend:ie}=a,de={options:{codecType:f0,password:M,rawPassword:B,zipCrypto:H,encryptionStrength:g&&g.strength,signed:et(c,a,"checkSignature")&&!Q,passwordVerification:H&&(k.dataDescriptor?T>>>8&255:I>>>24&255),signature:I,compressed:A!=0&&!Q,encrypted:c.encrypted&&!Q,useWebWorkers:et(c,a,"useWebWorkers"),useCompressionStream:et(c,a,"useCompressionStream"),transferStreams:et(c,a,"transferStreams"),checkPasswordOnly:re},config:E,streamOptions:{signal:b,size:G,onstart:ce,onprogress:oe,onend:ie}};let Y=0;try{({outputSize:Y}=await P2({readable:V,writable:J},de))}catch(ee){if(!re||ee.message!=Ca)throw ee}finally{const ee=et(c,a,"preventClose");J.size+=Y,!ee&&!J.locked&&await J.getWriter().close()}return re?qe:s.getData?s.getData():J}}function Y0(l,s,r){const a=l.rawBitFlag=We(s,r+2),c=(a&id)==id,f=Me(s,r+6);Object.assign(l,{encrypted:c,version:We(s,r),bitFlag:{level:(a&V1)>>1,dataDescriptor:(a&ld)==ld,languageEncodingFlag:(a&sd)==sd},rawLastModDate:f,lastModDate:km(f),filenameLength:We(s,r+22),extraFieldLength:We(s,r+24)})}function z0(l,s,r,a,c){const{rawExtraField:f}=s,d=s.extraField=new Map,m=Ve(new Uint8Array(f));let g=0;try{for(;g<f.length;){const w=We(m,g),j=We(m,g+2);d.set(w,{type:w,data:f.slice(g+4,g+4+j)}),g+=4+j}}catch{}const A=We(r,a+4);Object.assign(s,{signature:Me(r,a+10),uncompressedSize:Me(r,a+18),compressedSize:Me(r,a+14)});const E=d.get(M1);E&&(wm(E,s),s.extraFieldZip64=E);const k=d.get(Q1);k&&(jd(k,R0,T0,s,l),s.extraFieldUnicodePath=k);const I=d.get(U1);I&&(jd(I,j0,P0,s,l),s.extraFieldUnicodeComment=I);const T=d.get(B1);T?(Am(T,s,A),s.extraFieldAES=T):s.compressionMethod=A;const F=d.get(H1);F&&(Em(F,s),s.extraFieldNTFS=F);const x=d.get(F1);x&&(Sm(x,s,c),s.extraFieldExtendedTimestamp=x);const v=d.get(W1);v&&(s.extraFieldUSDZ=v)}function wm(l,s){s.zip64=!0;const r=Ve(l.data),a=gm.filter(([c,f])=>s[c]==f);for(let c=0,f=0;c<a.length;c++){const[d,m]=a[c];if(s[d]==m){const g=vm[m];s[d]=l[d]=g.getValue(r,f),f+=g.bytes}else if(l[d])throw new Error(U0)}}function jd(l,s,r,a,c){const f=Ve(l.data),d=new Gl;d.append(c[r]);const m=Ve(new Uint8Array(4));m.setUint32(0,d.get(),!0);const g=Me(f,1);Object.assign(l,{version:Cr(f,0),[s]:Yl(l.data.subarray(5)),valid:!c.bitFlag.languageEncodingFlag&&g==Me(m,0)}),l.valid&&(a[s]=l[s],a[s+"UTF8"]=!0)}function Am(l,s,r){const a=Ve(l.data),c=Cr(a,4);Object.assign(l,{vendorVersion:Cr(a,0),vendorId:Cr(a,2),strength:c,originalCompressionMethod:r,compressionMethod:We(a,5)}),s.compressionMethod=l.compressionMethod}function Em(l,s){const r=Ve(l.data);let a=4,c;try{for(;a<l.data.length&&!c;){const f=We(r,a),d=We(r,a+2);f==L1&&(c=l.data.slice(a+4,a+4+d)),a+=4+d}}catch{}try{if(c&&c.length==24){const f=Ve(c),d=f.getBigUint64(0,!0),m=f.getBigUint64(8,!0),g=f.getBigUint64(16,!0);Object.assign(l,{rawLastModDate:d,rawLastAccessDate:m,rawCreationDate:g});const A=ra(d),E=ra(m),k=ra(g),I={lastModDate:A,lastAccessDate:E,creationDate:k};Object.assign(l,I),Object.assign(s,I)}}catch{}}function Sm(l,s,r){const a=Ve(l.data),c=Cr(a,0),f=[],d=[];r?((c&1)==1&&(f.push(ga),d.push(va)),(c&2)==2&&(f.push(M0),d.push(tm)),(c&4)==4&&(f.push(B0),d.push(nm))):l.data.length>=5&&(f.push(ga),d.push(va));let m=1;f.forEach((g,A)=>{if(l.data.length>=m+4){const E=Me(a,m);s[g]=l[g]=new Date(E*1e3);const k=d[A];l[k]=E}m+=4})}async function Cm(l,s,r,a,c){const f=new Uint8Array(4),d=Ve(f);Im(d,0,s);const m=a+c;return await g(a)||await g(Math.min(m,r));async function g(A){const E=r-A,k=await ze(l,E,A);for(let I=k.length-a;I>=0;I--)if(k[I]==f[0]&&k[I+1]==f[1]&&k[I+2]==f[2]&&k[I+3]==f[3])return{offset:E+I,buffer:k.slice(I,I+a).buffer}}}function et(l,s,r){return s[r]===qe?l.options[r]:s[r]}function km(l){const s=(l&4294901760)>>16,r=l&65535;try{return new Date(1980+((s&65024)>>9),((s&480)>>5)-1,s&31,(r&63488)>>11,(r&2016)>>5,(r&31)*2,0)}catch{}}function ra(l){return new Date(Number(l/BigInt(1e4)-BigInt(116444736e5)))}function Cr(l,s){return l.getUint8(s)}function We(l,s){return l.getUint16(s,!0)}function Me(l,s){return l.getUint32(s,!0)}function Xl(l,s){return Number(l.getBigUint64(s,!0))}function Im(l,s,r){l.setUint32(s,r,!0)}function Ve(l){return new DataView(l.buffer)}Gd({Inflate:I1});const Rm=Object.freeze(Object.defineProperty({__proto__:null,BlobReader:Pa,BlobWriter:v0,Data64URIReader:W2,Data64URIWriter:V2,ERR_BAD_FORMAT:zl,ERR_CENTRAL_DIRECTORY_NOT_FOUND:F0,ERR_ENCRYPTED:W0,ERR_EOCDR_LOCATOR_ZIP64_NOT_FOUND:L0,ERR_EOCDR_NOT_FOUND:H0,ERR_EXTRAFIELD_ZIP64_NOT_FOUND:U0,ERR_HTTP_RANGE:Ri,ERR_INVALID_PASSWORD:Ea,ERR_INVALID_SIGNATURE:Sa,ERR_ITERATOR_COMPLETED_TOO_SOON:m0,ERR_LOCAL_FILE_HEADER_NOT_FOUND:Q0,ERR_SPLIT_ZIP_FILE:xa,ERR_UNSUPPORTED_COMPRESSION:ya,ERR_UNSUPPORTED_ENCRYPTION:V0,HttpRangeReader:G2,HttpReader:S0,Reader:Pn,SplitDataReader:Da,SplitDataWriter:Zl,SplitZipReader:q2,SplitZipWriter:_2,TextReader:b2,TextWriter:Y2,Uint8ArrayReader:K2,Uint8ArrayWriter:Z2,Writer:ja,ZipReader:b0,ZipReaderStream:ym,configure:Gd,getMimeType:X1,initReader:C0,initStream:Ei,initWriter:k0,readUint8Array:ze,terminateWorkers:D2},Symbol.toStringTag,{value:"Module"}));var se=Aa();const Ft=r1(se);var Ul={},ia={exports:{}},ot={},la={exports:{}},sa={};/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Pd;function Tm(){return Pd||(Pd=1,function(l){function s(Y,ee){var W=Y.length;Y.push(ee);e:for(;0<W;){var R=W-1>>>1,L=Y[R];if(0<c(L,ee))Y[R]=ee,Y[W]=L,W=R;else break e}}function r(Y){return Y.length===0?null:Y[0]}function a(Y){if(Y.length===0)return null;var ee=Y[0],W=Y.pop();if(W!==ee){Y[0]=W;e:for(var R=0,L=Y.length,$=L>>>1;R<$;){var pe=2*(R+1)-1,me=Y[pe],ge=pe+1,Ee=Y[ge];if(0>c(me,W))ge<L&&0>c(Ee,me)?(Y[R]=Ee,Y[ge]=W,R=ge):(Y[R]=me,Y[pe]=W,R=pe);else if(ge<L&&0>c(Ee,W))Y[R]=Ee,Y[ge]=W,R=ge;else break e}}return ee}function c(Y,ee){var W=Y.sortIndex-ee.sortIndex;return W!==0?W:Y.id-ee.id}if(typeof performance=="object"&&typeof performance.now=="function"){var f=performance;l.unstable_now=function(){return f.now()}}else{var d=Date,m=d.now();l.unstable_now=function(){return d.now()-m}}var g=[],A=[],E=1,k=null,I=3,T=!1,F=!1,x=!1,v=typeof setTimeout=="function"?setTimeout:null,w=typeof clearTimeout=="function"?clearTimeout:null,j=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function M(Y){for(var ee=r(A);ee!==null;){if(ee.callback===null)a(A);else if(ee.startTime<=Y)a(A),ee.sortIndex=ee.expirationTime,s(g,ee);else break;ee=r(A)}}function B(Y){if(x=!1,M(Y),!F)if(r(g)!==null)F=!0,ie(Q);else{var ee=r(A);ee!==null&&de(B,ee.startTime-Y)}}function Q(Y,ee){F=!1,x&&(x=!1,w(U),U=-1),T=!0;var W=I;try{for(M(ee),k=r(g);k!==null&&(!(k.expirationTime>ee)||Y&&!b());){var R=k.callback;if(typeof R=="function"){k.callback=null,I=k.priorityLevel;var L=R(k.expirationTime<=ee);ee=l.unstable_now(),typeof L=="function"?k.callback=L:k===r(g)&&a(g),M(ee)}else a(g);k=r(g)}if(k!==null)var $=!0;else{var pe=r(A);pe!==null&&de(B,pe.startTime-ee),$=!1}return $}finally{k=null,I=W,T=!1}}var O=!1,H=null,U=-1,G=5,V=-1;function b(){return!(l.unstable_now()-V<G)}function re(){if(H!==null){var Y=l.unstable_now();V=Y;var ee=!0;try{ee=H(!0,Y)}finally{ee?J():(O=!1,H=null)}}else O=!1}var J;if(typeof j=="function")J=function(){j(re)};else if(typeof MessageChannel<"u"){var ce=new MessageChannel,oe=ce.port2;ce.port1.onmessage=re,J=function(){oe.postMessage(null)}}else J=function(){v(re,0)};function ie(Y){H=Y,O||(O=!0,J())}function de(Y,ee){U=v(function(){Y(l.unstable_now())},ee)}l.unstable_IdlePriority=5,l.unstable_ImmediatePriority=1,l.unstable_LowPriority=4,l.unstable_NormalPriority=3,l.unstable_Profiling=null,l.unstable_UserBlockingPriority=2,l.unstable_cancelCallback=function(Y){Y.callback=null},l.unstable_continueExecution=function(){F||T||(F=!0,ie(Q))},l.unstable_forceFrameRate=function(Y){0>Y||125<Y?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):G=0<Y?Math.floor(1e3/Y):5},l.unstable_getCurrentPriorityLevel=function(){return I},l.unstable_getFirstCallbackNode=function(){return r(g)},l.unstable_next=function(Y){switch(I){case 1:case 2:case 3:var ee=3;break;default:ee=I}var W=I;I=ee;try{return Y()}finally{I=W}},l.unstable_pauseExecution=function(){},l.unstable_requestPaint=function(){},l.unstable_runWithPriority=function(Y,ee){switch(Y){case 1:case 2:case 3:case 4:case 5:break;default:Y=3}var W=I;I=Y;try{return ee()}finally{I=W}},l.unstable_scheduleCallback=function(Y,ee,W){var R=l.unstable_now();switch(typeof W=="object"&&W!==null?(W=W.delay,W=typeof W=="number"&&0<W?R+W:R):W=R,Y){case 1:var L=-1;break;case 2:L=250;break;case 5:L=1073741823;break;case 4:L=1e4;break;default:L=5e3}return L=W+L,Y={id:E++,callback:ee,priorityLevel:Y,startTime:W,expirationTime:L,sortIndex:-1},W>R?(Y.sortIndex=W,s(A,Y),r(g)===null&&Y===r(A)&&(x?(w(U),U=-1):x=!0,de(B,W-R))):(Y.sortIndex=L,s(g,Y),F||T||(F=!0,ie(Q))),Y},l.unstable_shouldYield=b,l.unstable_wrapCallback=function(Y){var ee=I;return function(){var W=I;I=ee;try{return Y.apply(this,arguments)}finally{I=W}}}}(sa)),sa}var Od;function jm(){return Od||(Od=1,la.exports=Tm()),la.exports}/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Dd;function Pm(){if(Dd)return ot;Dd=1;var l=Aa(),s=jm();function r(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var a=new Set,c={};function f(e,t){d(e,t),d(e+"Capture",t)}function d(e,t){for(c[e]=t,e=0;e<t.length;e++)a.add(t[e])}var m=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),g=Object.prototype.hasOwnProperty,A=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,E={},k={};function I(e){return g.call(k,e)?!0:g.call(E,e)?!1:A.test(e)?k[e]=!0:(E[e]=!0,!1)}function T(e,t,n,i){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return i?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function F(e,t,n,i){if(t===null||typeof t>"u"||T(e,t,n,i))return!0;if(i)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function x(e,t,n,i,o,u,p){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=i,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=u,this.removeEmptyString=p}var v={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){v[e]=new x(e,0,!1,e,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];v[t]=new x(t,1,!1,e[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){v[e]=new x(e,2,!1,e.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){v[e]=new x(e,2,!1,e,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){v[e]=new x(e,3,!1,e.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(e){v[e]=new x(e,3,!0,e,null,!1,!1)}),["capture","download"].forEach(function(e){v[e]=new x(e,4,!1,e,null,!1,!1)}),["cols","rows","size","span"].forEach(function(e){v[e]=new x(e,6,!1,e,null,!1,!1)}),["rowSpan","start"].forEach(function(e){v[e]=new x(e,5,!1,e.toLowerCase(),null,!1,!1)});var w=/[\-:]([a-z])/g;function j(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(w,j);v[t]=new x(t,1,!1,e,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(w,j);v[t]=new x(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(w,j);v[t]=new x(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(e){v[e]=new x(e,1,!1,e.toLowerCase(),null,!1,!1)}),v.xlinkHref=new x("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(e){v[e]=new x(e,1,!1,e.toLowerCase(),null,!0,!0)});function M(e,t,n,i){var o=v.hasOwnProperty(t)?v[t]:null;(o!==null?o.type!==0:i||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(F(t,n,o,i)&&(n=null),i||o===null?I(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=n===null?o.type===3?!1:"":n:(t=o.attributeName,i=o.attributeNamespace,n===null?e.removeAttribute(t):(o=o.type,n=o===3||o===4&&n===!0?"":""+n,i?e.setAttributeNS(i,t,n):e.setAttribute(t,n))))}var B=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Q=Symbol.for("react.element"),O=Symbol.for("react.portal"),H=Symbol.for("react.fragment"),U=Symbol.for("react.strict_mode"),G=Symbol.for("react.profiler"),V=Symbol.for("react.provider"),b=Symbol.for("react.context"),re=Symbol.for("react.forward_ref"),J=Symbol.for("react.suspense"),ce=Symbol.for("react.suspense_list"),oe=Symbol.for("react.memo"),ie=Symbol.for("react.lazy"),de=Symbol.for("react.offscreen"),Y=Symbol.iterator;function ee(e){return e===null||typeof e!="object"?null:(e=Y&&e[Y]||e["@@iterator"],typeof e=="function"?e:null)}var W=Object.assign,R;function L(e){if(R===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);R=t&&t[1]||""}return`
+`+R+e}var $=!1;function pe(e,t){if(!e||$)return"";$=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(N){var i=N}Reflect.construct(e,[],t)}else{try{t.call()}catch(N){i=N}e.call(t.prototype)}else{try{throw Error()}catch(N){i=N}e()}}catch(N){if(N&&i&&typeof N.stack=="string"){for(var o=N.stack.split(`
+`),u=i.stack.split(`
+`),p=o.length-1,y=u.length-1;1<=p&&0<=y&&o[p]!==u[y];)y--;for(;1<=p&&0<=y;p--,y--)if(o[p]!==u[y]){if(p!==1||y!==1)do if(p--,y--,0>y||o[p]!==u[y]){var S=`
+`+o[p].replace(" at new "," at ");return e.displayName&&S.includes("<anonymous>")&&(S=S.replace("<anonymous>",e.displayName)),S}while(1<=p&&0<=y);break}}}finally{$=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?L(e):""}function me(e){switch(e.tag){case 5:return L(e.type);case 16:return L("Lazy");case 13:return L("Suspense");case 19:return L("SuspenseList");case 0:case 2:case 15:return e=pe(e.type,!1),e;case 11:return e=pe(e.type.render,!1),e;case 1:return e=pe(e.type,!0),e;default:return""}}function ge(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case H:return"Fragment";case O:return"Portal";case G:return"Profiler";case U:return"StrictMode";case J:return"Suspense";case ce:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case b:return(e.displayName||"Context")+".Consumer";case V:return(e._context.displayName||"Context")+".Provider";case re:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case oe:return t=e.displayName||null,t!==null?t:ge(e.type)||"Memo";case ie:t=e._payload,e=e._init;try{return ge(e(t))}catch{}}return null}function Ee(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return ge(t);case 8:return t===U?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function xe(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Se(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Xe(e){var t=Se(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),i=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var o=n.get,u=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(p){i=""+p,u.call(this,p)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return i},setValue:function(p){i=""+p},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function On(e){e._valueTracker||(e._valueTracker=Xe(e))}function Dn(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),i="";return e&&(i=Se(e)?e.checked?"true":"false":e.value),e=i,e!==n?(t.setValue(e),!0):!1}function _t(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Nn(e,t){var n=t.checked;return W({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Rr(e,t){var n=t.defaultValue==null?"":t.defaultValue,i=t.checked!=null?t.checked:t.defaultChecked;n=xe(t.value!=null?t.value:n),e._wrapperState={initialChecked:i,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function Tr(e,t){t=t.checked,t!=null&&M(e,"checked",t,!1)}function jr(e,t){Tr(e,t);var n=xe(t.value),i=t.type;if(n!=null)i==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(i==="submit"||i==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?ts(e,t.type,n):t.hasOwnProperty("defaultValue")&&ts(e,t.type,xe(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Ua(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var i=t.type;if(!(i!=="submit"&&i!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function ts(e,t,n){(t!=="number"||_t(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Pr=Array.isArray;function Jn(e,t,n,i){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&i&&(e[n].defaultSelected=!0)}else{for(n=""+xe(n),t=null,o=0;o<e.length;o++){if(e[o].value===n){e[o].selected=!0,i&&(e[o].defaultSelected=!0);return}t!==null||e[o].disabled||(t=e[o])}t!==null&&(t.selected=!0)}}function ns(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(r(91));return W({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function Wa(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(r(92));if(Pr(n)){if(1<n.length)throw Error(r(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:xe(n)}}function Va(e,t){var n=xe(t.value),i=xe(t.defaultValue);n!=null&&(n=""+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),i!=null&&(e.defaultValue=""+i)}function ba(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function Ya(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function rs(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?Ya(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var Ti,za=function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(t,n,i,o){MSApp.execUnsafeLocalFunction(function(){return e(t,n,i,o)})}:e}(function(e,t){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=t;else{for(Ti=Ti||document.createElement("div"),Ti.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Ti.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Or(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Dr={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},lp=["Webkit","ms","Moz","O"];Object.keys(Dr).forEach(function(e){lp.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Dr[t]=Dr[e]})});function Xa(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Dr.hasOwnProperty(e)&&Dr[e]?(""+t).trim():t+"px"}function Ga(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var i=n.indexOf("--")===0,o=Xa(n,t[n],i);n==="float"&&(n="cssFloat"),i?e.setProperty(n,o):e[n]=o}}var sp=W({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function is(e,t){if(t){if(sp[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(r(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(r(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(r(61))}if(t.style!=null&&typeof t.style!="object")throw Error(r(62))}}function ls(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var ss=null;function os(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var as=null,qn=null,_n=null;function Ka(e){if(e=ei(e)){if(typeof as!="function")throw Error(r(280));var t=e.stateNode;t&&(t=qi(t),as(e.stateNode,e.type,t))}}function Za(e){qn?_n?_n.push(e):_n=[e]:qn=e}function Ja(){if(qn){var e=qn,t=_n;if(_n=qn=null,Ka(e),t)for(e=0;e<t.length;e++)Ka(t[e])}}function qa(e,t){return e(t)}function _a(){}var us=!1;function $a(e,t,n){if(us)return e(t,n);us=!0;try{return qa(e,t,n)}finally{us=!1,(qn!==null||_n!==null)&&(_a(),Ja())}}function Nr(e,t){var n=e.stateNode;if(n===null)return null;var i=qi(n);if(i===null)return null;n=i[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(i=!i.disabled)||(e=e.type,i=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!i;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(r(231,t,typeof n));return n}var cs=!1;if(m)try{var Mr={};Object.defineProperty(Mr,"passive",{get:function(){cs=!0}}),window.addEventListener("test",Mr,Mr),window.removeEventListener("test",Mr,Mr)}catch{cs=!1}function op(e,t,n,i,o,u,p,y,S){var N=Array.prototype.slice.call(arguments,3);try{t.apply(n,N)}catch(X){this.onError(X)}}var Br=!1,ji=null,Pi=!1,fs=null,ap={onError:function(e){Br=!0,ji=e}};function up(e,t,n,i,o,u,p,y,S){Br=!1,ji=null,op.apply(ap,arguments)}function cp(e,t,n,i,o,u,p,y,S){if(up.apply(this,arguments),Br){if(Br){var N=ji;Br=!1,ji=null}else throw Error(r(198));Pi||(Pi=!0,fs=N)}}function Mn(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,(t.flags&4098)!==0&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function eu(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function tu(e){if(Mn(e)!==e)throw Error(r(188))}function fp(e){var t=e.alternate;if(!t){if(t=Mn(e),t===null)throw Error(r(188));return t!==e?null:e}for(var n=e,i=t;;){var o=n.return;if(o===null)break;var u=o.alternate;if(u===null){if(i=o.return,i!==null){n=i;continue}break}if(o.child===u.child){for(u=o.child;u;){if(u===n)return tu(o),e;if(u===i)return tu(o),t;u=u.sibling}throw Error(r(188))}if(n.return!==i.return)n=o,i=u;else{for(var p=!1,y=o.child;y;){if(y===n){p=!0,n=o,i=u;break}if(y===i){p=!0,i=o,n=u;break}y=y.sibling}if(!p){for(y=u.child;y;){if(y===n){p=!0,n=u,i=o;break}if(y===i){p=!0,i=u,n=o;break}y=y.sibling}if(!p)throw Error(r(189))}}if(n.alternate!==i)throw Error(r(190))}if(n.tag!==3)throw Error(r(188));return n.stateNode.current===n?e:t}function nu(e){return e=fp(e),e!==null?ru(e):null}function ru(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=ru(e);if(t!==null)return t;e=e.sibling}return null}var iu=s.unstable_scheduleCallback,lu=s.unstable_cancelCallback,dp=s.unstable_shouldYield,pp=s.unstable_requestPaint,De=s.unstable_now,hp=s.unstable_getCurrentPriorityLevel,ds=s.unstable_ImmediatePriority,su=s.unstable_UserBlockingPriority,Oi=s.unstable_NormalPriority,mp=s.unstable_LowPriority,ou=s.unstable_IdlePriority,Di=null,Pt=null;function gp(e){if(Pt&&typeof Pt.onCommitFiberRoot=="function")try{Pt.onCommitFiberRoot(Di,e,void 0,(e.current.flags&128)===128)}catch{}}var St=Math.clz32?Math.clz32:xp,vp=Math.log,yp=Math.LN2;function xp(e){return e>>>=0,e===0?32:31-(vp(e)/yp|0)|0}var Ni=64,Mi=4194304;function Hr(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Bi(e,t){var n=e.pendingLanes;if(n===0)return 0;var i=0,o=e.suspendedLanes,u=e.pingedLanes,p=n&268435455;if(p!==0){var y=p&~o;y!==0?i=Hr(y):(u&=p,u!==0&&(i=Hr(u)))}else p=n&~o,p!==0?i=Hr(p):u!==0&&(i=Hr(u));if(i===0)return 0;if(t!==0&&t!==i&&(t&o)===0&&(o=i&-i,u=t&-t,o>=u||o===16&&(u&4194240)!==0))return t;if((i&4)!==0&&(i|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=i;0<t;)n=31-St(t),o=1<<n,i|=e[n],t&=~o;return i}function wp(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Ap(e,t){for(var n=e.suspendedLanes,i=e.pingedLanes,o=e.expirationTimes,u=e.pendingLanes;0<u;){var p=31-St(u),y=1<<p,S=o[p];S===-1?((y&n)===0||(y&i)!==0)&&(o[p]=wp(y,t)):S<=t&&(e.expiredLanes|=y),u&=~y}}function ps(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function au(){var e=Ni;return Ni<<=1,(Ni&4194240)===0&&(Ni=64),e}function hs(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Lr(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-St(t),e[t]=n}function Ep(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var i=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-St(n),u=1<<o;t[o]=0,i[o]=-1,e[o]=-1,n&=~u}}function ms(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var i=31-St(n),o=1<<i;o&t|e[i]&t&&(e[i]|=t),n&=~o}}var Ae=0;function uu(e){return e&=-e,1<e?4<e?(e&268435455)!==0?16:536870912:4:1}var cu,gs,fu,du,pu,vs=!1,Hi=[],$t=null,en=null,tn=null,Fr=new Map,Qr=new Map,nn=[],Sp="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function hu(e,t){switch(e){case"focusin":case"focusout":$t=null;break;case"dragenter":case"dragleave":en=null;break;case"mouseover":case"mouseout":tn=null;break;case"pointerover":case"pointerout":Fr.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Qr.delete(t.pointerId)}}function Ur(e,t,n,i,o,u){return e===null||e.nativeEvent!==u?(e={blockedOn:t,domEventName:n,eventSystemFlags:i,nativeEvent:u,targetContainers:[o]},t!==null&&(t=ei(t),t!==null&&gs(t)),e):(e.eventSystemFlags|=i,t=e.targetContainers,o!==null&&t.indexOf(o)===-1&&t.push(o),e)}function Cp(e,t,n,i,o){switch(t){case"focusin":return $t=Ur($t,e,t,n,i,o),!0;case"dragenter":return en=Ur(en,e,t,n,i,o),!0;case"mouseover":return tn=Ur(tn,e,t,n,i,o),!0;case"pointerover":var u=o.pointerId;return Fr.set(u,Ur(Fr.get(u)||null,e,t,n,i,o)),!0;case"gotpointercapture":return u=o.pointerId,Qr.set(u,Ur(Qr.get(u)||null,e,t,n,i,o)),!0}return!1}function mu(e){var t=Bn(e.target);if(t!==null){var n=Mn(t);if(n!==null){if(t=n.tag,t===13){if(t=eu(n),t!==null){e.blockedOn=t,pu(e.priority,function(){fu(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Li(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=xs(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var i=new n.constructor(n.type,n);ss=i,n.target.dispatchEvent(i),ss=null}else return t=ei(n),t!==null&&gs(t),e.blockedOn=n,!1;t.shift()}return!0}function gu(e,t,n){Li(e)&&n.delete(t)}function kp(){vs=!1,$t!==null&&Li($t)&&($t=null),en!==null&&Li(en)&&(en=null),tn!==null&&Li(tn)&&(tn=null),Fr.forEach(gu),Qr.forEach(gu)}function Wr(e,t){e.blockedOn===t&&(e.blockedOn=null,vs||(vs=!0,s.unstable_scheduleCallback(s.unstable_NormalPriority,kp)))}function Vr(e){function t(o){return Wr(o,e)}if(0<Hi.length){Wr(Hi[0],e);for(var n=1;n<Hi.length;n++){var i=Hi[n];i.blockedOn===e&&(i.blockedOn=null)}}for($t!==null&&Wr($t,e),en!==null&&Wr(en,e),tn!==null&&Wr(tn,e),Fr.forEach(t),Qr.forEach(t),n=0;n<nn.length;n++)i=nn[n],i.blockedOn===e&&(i.blockedOn=null);for(;0<nn.length&&(n=nn[0],n.blockedOn===null);)mu(n),n.blockedOn===null&&nn.shift()}var $n=B.ReactCurrentBatchConfig,Fi=!0;function Ip(e,t,n,i){var o=Ae,u=$n.transition;$n.transition=null;try{Ae=1,ys(e,t,n,i)}finally{Ae=o,$n.transition=u}}function Rp(e,t,n,i){var o=Ae,u=$n.transition;$n.transition=null;try{Ae=4,ys(e,t,n,i)}finally{Ae=o,$n.transition=u}}function ys(e,t,n,i){if(Fi){var o=xs(e,t,n,i);if(o===null)Hs(e,t,i,Qi,n),hu(e,i);else if(Cp(o,e,t,n,i))i.stopPropagation();else if(hu(e,i),t&4&&-1<Sp.indexOf(e)){for(;o!==null;){var u=ei(o);if(u!==null&&cu(u),u=xs(e,t,n,i),u===null&&Hs(e,t,i,Qi,n),u===o)break;o=u}o!==null&&i.stopPropagation()}else Hs(e,t,i,null,n)}}var Qi=null;function xs(e,t,n,i){if(Qi=null,e=os(i),e=Bn(e),e!==null)if(t=Mn(e),t===null)e=null;else if(n=t.tag,n===13){if(e=eu(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Qi=e,null}function vu(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(hp()){case ds:return 1;case su:return 4;case Oi:case mp:return 16;case ou:return 536870912;default:return 16}default:return 16}}var rn=null,ws=null,Ui=null;function yu(){if(Ui)return Ui;var e,t=ws,n=t.length,i,o="value"in rn?rn.value:rn.textContent,u=o.length;for(e=0;e<n&&t[e]===o[e];e++);var p=n-e;for(i=1;i<=p&&t[n-i]===o[u-i];i++);return Ui=o.slice(e,1<i?1-i:void 0)}function Wi(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Vi(){return!0}function xu(){return!1}function ut(e){function t(n,i,o,u,p){this._reactName=n,this._targetInst=o,this.type=i,this.nativeEvent=u,this.target=p,this.currentTarget=null;for(var y in e)e.hasOwnProperty(y)&&(n=e[y],this[y]=n?n(u):u[y]);return this.isDefaultPrevented=(u.defaultPrevented!=null?u.defaultPrevented:u.returnValue===!1)?Vi:xu,this.isPropagationStopped=xu,this}return W(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Vi)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Vi)},persist:function(){},isPersistent:Vi}),t}var er={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},As=ut(er),br=W({},er,{view:0,detail:0}),Tp=ut(br),Es,Ss,Yr,bi=W({},br,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:ks,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==Yr&&(Yr&&e.type==="mousemove"?(Es=e.screenX-Yr.screenX,Ss=e.screenY-Yr.screenY):Ss=Es=0,Yr=e),Es)},movementY:function(e){return"movementY"in e?e.movementY:Ss}}),wu=ut(bi),jp=W({},bi,{dataTransfer:0}),Pp=ut(jp),Op=W({},br,{relatedTarget:0}),Cs=ut(Op),Dp=W({},er,{animationName:0,elapsedTime:0,pseudoElement:0}),Np=ut(Dp),Mp=W({},er,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),Bp=ut(Mp),Hp=W({},er,{data:0}),Au=ut(Hp),Lp={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Fp={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Qp={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Up(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=Qp[e])?!!t[e]:!1}function ks(){return Up}var Wp=W({},br,{key:function(e){if(e.key){var t=Lp[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=Wi(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?Fp[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:ks,charCode:function(e){return e.type==="keypress"?Wi(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?Wi(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),Vp=ut(Wp),bp=W({},bi,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Eu=ut(bp),Yp=W({},br,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:ks}),zp=ut(Yp),Xp=W({},er,{propertyName:0,elapsedTime:0,pseudoElement:0}),Gp=ut(Xp),Kp=W({},bi,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Zp=ut(Kp),Jp=[9,13,27,32],Is=m&&"CompositionEvent"in window,zr=null;m&&"documentMode"in document&&(zr=document.documentMode);var qp=m&&"TextEvent"in window&&!zr,Su=m&&(!Is||zr&&8<zr&&11>=zr),Cu=" ",ku=!1;function Iu(e,t){switch(e){case"keyup":return Jp.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Ru(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var tr=!1;function _p(e,t){switch(e){case"compositionend":return Ru(t);case"keypress":return t.which!==32?null:(ku=!0,Cu);case"textInput":return e=t.data,e===Cu&&ku?null:e;default:return null}}function $p(e,t){if(tr)return e==="compositionend"||!Is&&Iu(e,t)?(e=yu(),Ui=ws=rn=null,tr=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Su&&t.locale!=="ko"?null:t.data;default:return null}}var eh={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Tu(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!eh[e.type]:t==="textarea"}function ju(e,t,n,i){Za(i),t=Ki(t,"onChange"),0<t.length&&(n=new As("onChange","change",null,n,i),e.push({event:n,listeners:t}))}var Xr=null,Gr=null;function th(e){Gu(e,0)}function Yi(e){var t=sr(e);if(Dn(t))return e}function nh(e,t){if(e==="change")return t}var Pu=!1;if(m){var Rs;if(m){var Ts="oninput"in document;if(!Ts){var Ou=document.createElement("div");Ou.setAttribute("oninput","return;"),Ts=typeof Ou.oninput=="function"}Rs=Ts}else Rs=!1;Pu=Rs&&(!document.documentMode||9<document.documentMode)}function Du(){Xr&&(Xr.detachEvent("onpropertychange",Nu),Gr=Xr=null)}function Nu(e){if(e.propertyName==="value"&&Yi(Gr)){var t=[];ju(t,Gr,e,os(e)),$a(th,t)}}function rh(e,t,n){e==="focusin"?(Du(),Xr=t,Gr=n,Xr.attachEvent("onpropertychange",Nu)):e==="focusout"&&Du()}function ih(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Yi(Gr)}function lh(e,t){if(e==="click")return Yi(t)}function sh(e,t){if(e==="input"||e==="change")return Yi(t)}function oh(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var Ct=typeof Object.is=="function"?Object.is:oh;function Kr(e,t){if(Ct(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),i=Object.keys(t);if(n.length!==i.length)return!1;for(i=0;i<n.length;i++){var o=n[i];if(!g.call(t,o)||!Ct(e[o],t[o]))return!1}return!0}function Mu(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Bu(e,t){var n=Mu(e);e=0;for(var i;n;){if(n.nodeType===3){if(i=e+n.textContent.length,e<=t&&i>=t)return{node:n,offset:t-e};e=i}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Mu(n)}}function Hu(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Hu(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Lu(){for(var e=window,t=_t();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=_t(e.document)}return t}function js(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function ah(e){var t=Lu(),n=e.focusedElem,i=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Hu(n.ownerDocument.documentElement,n)){if(i!==null&&js(n)){if(t=i.start,e=i.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var o=n.textContent.length,u=Math.min(i.start,o);i=i.end===void 0?u:Math.min(i.end,o),!e.extend&&u>i&&(o=i,i=u,u=o),o=Bu(n,u);var p=Bu(n,i);o&&p&&(e.rangeCount!==1||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==p.node||e.focusOffset!==p.offset)&&(t=t.createRange(),t.setStart(o.node,o.offset),e.removeAllRanges(),u>i?(e.addRange(t),e.extend(p.node,p.offset)):(t.setEnd(p.node,p.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var uh=m&&"documentMode"in document&&11>=document.documentMode,nr=null,Ps=null,Zr=null,Os=!1;function Fu(e,t,n){var i=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Os||nr==null||nr!==_t(i)||(i=nr,"selectionStart"in i&&js(i)?i={start:i.selectionStart,end:i.selectionEnd}:(i=(i.ownerDocument&&i.ownerDocument.defaultView||window).getSelection(),i={anchorNode:i.anchorNode,anchorOffset:i.anchorOffset,focusNode:i.focusNode,focusOffset:i.focusOffset}),Zr&&Kr(Zr,i)||(Zr=i,i=Ki(Ps,"onSelect"),0<i.length&&(t=new As("onSelect","select",null,t,n),e.push({event:t,listeners:i}),t.target=nr)))}function zi(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var rr={animationend:zi("Animation","AnimationEnd"),animationiteration:zi("Animation","AnimationIteration"),animationstart:zi("Animation","AnimationStart"),transitionend:zi("Transition","TransitionEnd")},Ds={},Qu={};m&&(Qu=document.createElement("div").style,"AnimationEvent"in window||(delete rr.animationend.animation,delete rr.animationiteration.animation,delete rr.animationstart.animation),"TransitionEvent"in window||delete rr.transitionend.transition);function Xi(e){if(Ds[e])return Ds[e];if(!rr[e])return e;var t=rr[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in Qu)return Ds[e]=t[n];return e}var Uu=Xi("animationend"),Wu=Xi("animationiteration"),Vu=Xi("animationstart"),bu=Xi("transitionend"),Yu=new Map,zu="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function ln(e,t){Yu.set(e,t),f(t,[e])}for(var Ns=0;Ns<zu.length;Ns++){var Ms=zu[Ns],ch=Ms.toLowerCase(),fh=Ms[0].toUpperCase()+Ms.slice(1);ln(ch,"on"+fh)}ln(Uu,"onAnimationEnd"),ln(Wu,"onAnimationIteration"),ln(Vu,"onAnimationStart"),ln("dblclick","onDoubleClick"),ln("focusin","onFocus"),ln("focusout","onBlur"),ln(bu,"onTransitionEnd"),d("onMouseEnter",["mouseout","mouseover"]),d("onMouseLeave",["mouseout","mouseover"]),d("onPointerEnter",["pointerout","pointerover"]),d("onPointerLeave",["pointerout","pointerover"]),f("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),f("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),f("onBeforeInput",["compositionend","keypress","textInput","paste"]),f("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),f("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),f("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Jr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),dh=new Set("cancel close invalid load scroll toggle".split(" ").concat(Jr));function Xu(e,t,n){var i=e.type||"unknown-event";e.currentTarget=n,cp(i,t,void 0,e),e.currentTarget=null}function Gu(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var i=e[n],o=i.event;i=i.listeners;e:{var u=void 0;if(t)for(var p=i.length-1;0<=p;p--){var y=i[p],S=y.instance,N=y.currentTarget;if(y=y.listener,S!==u&&o.isPropagationStopped())break e;Xu(o,y,N),u=S}else for(p=0;p<i.length;p++){if(y=i[p],S=y.instance,N=y.currentTarget,y=y.listener,S!==u&&o.isPropagationStopped())break e;Xu(o,y,N),u=S}}}if(Pi)throw e=fs,Pi=!1,fs=null,e}function ke(e,t){var n=t[Vs];n===void 0&&(n=t[Vs]=new Set);var i=e+"__bubble";n.has(i)||(Ku(t,e,2,!1),n.add(i))}function Bs(e,t,n){var i=0;t&&(i|=4),Ku(n,e,i,t)}var Gi="_reactListening"+Math.random().toString(36).slice(2);function qr(e){if(!e[Gi]){e[Gi]=!0,a.forEach(function(n){n!=="selectionchange"&&(dh.has(n)||Bs(n,!1,e),Bs(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Gi]||(t[Gi]=!0,Bs("selectionchange",!1,t))}}function Ku(e,t,n,i){switch(vu(t)){case 1:var o=Ip;break;case 4:o=Rp;break;default:o=ys}n=o.bind(null,t,n,e),o=void 0,!cs||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(o=!0),i?o!==void 0?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):o!==void 0?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Hs(e,t,n,i,o){var u=i;if((t&1)===0&&(t&2)===0&&i!==null)e:for(;;){if(i===null)return;var p=i.tag;if(p===3||p===4){var y=i.stateNode.containerInfo;if(y===o||y.nodeType===8&&y.parentNode===o)break;if(p===4)for(p=i.return;p!==null;){var S=p.tag;if((S===3||S===4)&&(S=p.stateNode.containerInfo,S===o||S.nodeType===8&&S.parentNode===o))return;p=p.return}for(;y!==null;){if(p=Bn(y),p===null)return;if(S=p.tag,S===5||S===6){i=u=p;continue e}y=y.parentNode}}i=i.return}$a(function(){var N=u,X=os(n),K=[];e:{var z=Yu.get(e);if(z!==void 0){var q=As,te=e;switch(e){case"keypress":if(Wi(n)===0)break e;case"keydown":case"keyup":q=Vp;break;case"focusin":te="focus",q=Cs;break;case"focusout":te="blur",q=Cs;break;case"beforeblur":case"afterblur":q=Cs;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":q=wu;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":q=Pp;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":q=zp;break;case Uu:case Wu:case Vu:q=Np;break;case bu:q=Gp;break;case"scroll":q=Tp;break;case"wheel":q=Zp;break;case"copy":case"cut":case"paste":q=Bp;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":q=Eu}var ne=(t&4)!==0,Ne=!ne&&e==="scroll",P=ne?z!==null?z+"Capture":null:z;ne=[];for(var C=N,D;C!==null;){D=C;var Z=D.stateNode;if(D.tag===5&&Z!==null&&(D=Z,P!==null&&(Z=Nr(C,P),Z!=null&&ne.push(_r(C,Z,D)))),Ne)break;C=C.return}0<ne.length&&(z=new q(z,te,null,n,X),K.push({event:z,listeners:ne}))}}if((t&7)===0){e:{if(z=e==="mouseover"||e==="pointerover",q=e==="mouseout"||e==="pointerout",z&&n!==ss&&(te=n.relatedTarget||n.fromElement)&&(Bn(te)||te[Qt]))break e;if((q||z)&&(z=X.window===X?X:(z=X.ownerDocument)?z.defaultView||z.parentWindow:window,q?(te=n.relatedTarget||n.toElement,q=N,te=te?Bn(te):null,te!==null&&(Ne=Mn(te),te!==Ne||te.tag!==5&&te.tag!==6)&&(te=null)):(q=null,te=N),q!==te)){if(ne=wu,Z="onMouseLeave",P="onMouseEnter",C="mouse",(e==="pointerout"||e==="pointerover")&&(ne=Eu,Z="onPointerLeave",P="onPointerEnter",C="pointer"),Ne=q==null?z:sr(q),D=te==null?z:sr(te),z=new ne(Z,C+"leave",q,n,X),z.target=Ne,z.relatedTarget=D,Z=null,Bn(X)===N&&(ne=new ne(P,C+"enter",te,n,X),ne.target=D,ne.relatedTarget=Ne,Z=ne),Ne=Z,q&&te)t:{for(ne=q,P=te,C=0,D=ne;D;D=ir(D))C++;for(D=0,Z=P;Z;Z=ir(Z))D++;for(;0<C-D;)ne=ir(ne),C--;for(;0<D-C;)P=ir(P),D--;for(;C--;){if(ne===P||P!==null&&ne===P.alternate)break t;ne=ir(ne),P=ir(P)}ne=null}else ne=null;q!==null&&Zu(K,z,q,ne,!1),te!==null&&Ne!==null&&Zu(K,Ne,te,ne,!0)}}e:{if(z=N?sr(N):window,q=z.nodeName&&z.nodeName.toLowerCase(),q==="select"||q==="input"&&z.type==="file")var le=nh;else if(Tu(z))if(Pu)le=sh;else{le=ih;var ae=rh}else(q=z.nodeName)&&q.toLowerCase()==="input"&&(z.type==="checkbox"||z.type==="radio")&&(le=lh);if(le&&(le=le(e,N))){ju(K,le,n,X);break e}ae&&ae(e,z,N),e==="focusout"&&(ae=z._wrapperState)&&ae.controlled&&z.type==="number"&&ts(z,"number",z.value)}switch(ae=N?sr(N):window,e){case"focusin":(Tu(ae)||ae.contentEditable==="true")&&(nr=ae,Ps=N,Zr=null);break;case"focusout":Zr=Ps=nr=null;break;case"mousedown":Os=!0;break;case"contextmenu":case"mouseup":case"dragend":Os=!1,Fu(K,n,X);break;case"selectionchange":if(uh)break;case"keydown":case"keyup":Fu(K,n,X)}var ue;if(Is)e:{switch(e){case"compositionstart":var fe="onCompositionStart";break e;case"compositionend":fe="onCompositionEnd";break e;case"compositionupdate":fe="onCompositionUpdate";break e}fe=void 0}else tr?Iu(e,n)&&(fe="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(fe="onCompositionStart");fe&&(Su&&n.locale!=="ko"&&(tr||fe!=="onCompositionStart"?fe==="onCompositionEnd"&&tr&&(ue=yu()):(rn=X,ws="value"in rn?rn.value:rn.textContent,tr=!0)),ae=Ki(N,fe),0<ae.length&&(fe=new Au(fe,e,null,n,X),K.push({event:fe,listeners:ae}),ue?fe.data=ue:(ue=Ru(n),ue!==null&&(fe.data=ue)))),(ue=qp?_p(e,n):$p(e,n))&&(N=Ki(N,"onBeforeInput"),0<N.length&&(X=new Au("onBeforeInput","beforeinput",null,n,X),K.push({event:X,listeners:N}),X.data=ue))}Gu(K,t)})}function _r(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Ki(e,t){for(var n=t+"Capture",i=[];e!==null;){var o=e,u=o.stateNode;o.tag===5&&u!==null&&(o=u,u=Nr(e,n),u!=null&&i.unshift(_r(e,u,o)),u=Nr(e,t),u!=null&&i.push(_r(e,u,o))),e=e.return}return i}function ir(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function Zu(e,t,n,i,o){for(var u=t._reactName,p=[];n!==null&&n!==i;){var y=n,S=y.alternate,N=y.stateNode;if(S!==null&&S===i)break;y.tag===5&&N!==null&&(y=N,o?(S=Nr(n,u),S!=null&&p.unshift(_r(n,S,y))):o||(S=Nr(n,u),S!=null&&p.push(_r(n,S,y)))),n=n.return}p.length!==0&&e.push({event:t,listeners:p})}var ph=/\r\n?/g,hh=/\u0000|\uFFFD/g;function Ju(e){return(typeof e=="string"?e:""+e).replace(ph,`
+`).replace(hh,"")}function Zi(e,t,n){if(t=Ju(t),Ju(e)!==t&&n)throw Error(r(425))}function Ji(){}var Ls=null,Fs=null;function Qs(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var Us=typeof setTimeout=="function"?setTimeout:void 0,mh=typeof clearTimeout=="function"?clearTimeout:void 0,qu=typeof Promise=="function"?Promise:void 0,gh=typeof queueMicrotask=="function"?queueMicrotask:typeof qu<"u"?function(e){return qu.resolve(null).then(e).catch(vh)}:Us;function vh(e){setTimeout(function(){throw e})}function Ws(e,t){var n=t,i=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&o.nodeType===8)if(n=o.data,n==="/$"){if(i===0){e.removeChild(o),Vr(t);return}i--}else n!=="$"&&n!=="$?"&&n!=="$!"||i++;n=o}while(n);Vr(t)}function sn(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?")break;if(t==="/$")return null}}return e}function _u(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}var lr=Math.random().toString(36).slice(2),Ot="__reactFiber$"+lr,$r="__reactProps$"+lr,Qt="__reactContainer$"+lr,Vs="__reactEvents$"+lr,yh="__reactListeners$"+lr,xh="__reactHandles$"+lr;function Bn(e){var t=e[Ot];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Qt]||n[Ot]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=_u(e);e!==null;){if(n=e[Ot])return n;e=_u(e)}return t}e=n,n=e.parentNode}return null}function ei(e){return e=e[Ot]||e[Qt],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function sr(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(r(33))}function qi(e){return e[$r]||null}var bs=[],or=-1;function on(e){return{current:e}}function Ie(e){0>or||(e.current=bs[or],bs[or]=null,or--)}function Ce(e,t){or++,bs[or]=e.current,e.current=t}var an={},Ge=on(an),nt=on(!1),Hn=an;function ar(e,t){var n=e.type.contextTypes;if(!n)return an;var i=e.stateNode;if(i&&i.__reactInternalMemoizedUnmaskedChildContext===t)return i.__reactInternalMemoizedMaskedChildContext;var o={},u;for(u in n)o[u]=t[u];return i&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function rt(e){return e=e.childContextTypes,e!=null}function _i(){Ie(nt),Ie(Ge)}function $u(e,t,n){if(Ge.current!==an)throw Error(r(168));Ce(Ge,t),Ce(nt,n)}function ec(e,t,n){var i=e.stateNode;if(t=t.childContextTypes,typeof i.getChildContext!="function")return n;i=i.getChildContext();for(var o in i)if(!(o in t))throw Error(r(108,Ee(e)||"Unknown",o));return W({},n,i)}function $i(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||an,Hn=Ge.current,Ce(Ge,e),Ce(nt,nt.current),!0}function tc(e,t,n){var i=e.stateNode;if(!i)throw Error(r(169));n?(e=ec(e,t,Hn),i.__reactInternalMemoizedMergedChildContext=e,Ie(nt),Ie(Ge),Ce(Ge,e)):Ie(nt),Ce(nt,n)}var Ut=null,el=!1,Ys=!1;function nc(e){Ut===null?Ut=[e]:Ut.push(e)}function wh(e){el=!0,nc(e)}function un(){if(!Ys&&Ut!==null){Ys=!0;var e=0,t=Ae;try{var n=Ut;for(Ae=1;e<n.length;e++){var i=n[e];do i=i(!0);while(i!==null)}Ut=null,el=!1}catch(o){throw Ut!==null&&(Ut=Ut.slice(e+1)),iu(ds,un),o}finally{Ae=t,Ys=!1}}return null}var ur=[],cr=0,tl=null,nl=0,ht=[],mt=0,Ln=null,Wt=1,Vt="";function Fn(e,t){ur[cr++]=nl,ur[cr++]=tl,tl=e,nl=t}function rc(e,t,n){ht[mt++]=Wt,ht[mt++]=Vt,ht[mt++]=Ln,Ln=e;var i=Wt;e=Vt;var o=32-St(i)-1;i&=~(1<<o),n+=1;var u=32-St(t)+o;if(30<u){var p=o-o%5;u=(i&(1<<p)-1).toString(32),i>>=p,o-=p,Wt=1<<32-St(t)+o|n<<o|i,Vt=u+e}else Wt=1<<u|n<<o|i,Vt=e}function zs(e){e.return!==null&&(Fn(e,1),rc(e,1,0))}function Xs(e){for(;e===tl;)tl=ur[--cr],ur[cr]=null,nl=ur[--cr],ur[cr]=null;for(;e===Ln;)Ln=ht[--mt],ht[mt]=null,Vt=ht[--mt],ht[mt]=null,Wt=ht[--mt],ht[mt]=null}var ct=null,ft=null,Te=!1,kt=null;function ic(e,t){var n=xt(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function lc(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t!==null?(e.stateNode=t,ct=e,ft=sn(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,ct=e,ft=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=Ln!==null?{id:Wt,overflow:Vt}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=xt(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,ct=e,ft=null,!0):!1;default:return!1}}function Gs(e){return(e.mode&1)!==0&&(e.flags&128)===0}function Ks(e){if(Te){var t=ft;if(t){var n=t;if(!lc(e,t)){if(Gs(e))throw Error(r(418));t=sn(n.nextSibling);var i=ct;t&&lc(e,t)?ic(i,n):(e.flags=e.flags&-4097|2,Te=!1,ct=e)}}else{if(Gs(e))throw Error(r(418));e.flags=e.flags&-4097|2,Te=!1,ct=e}}}function sc(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;ct=e}function rl(e){if(e!==ct)return!1;if(!Te)return sc(e),Te=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!Qs(e.type,e.memoizedProps)),t&&(t=ft)){if(Gs(e))throw oc(),Error(r(418));for(;t;)ic(e,t),t=sn(t.nextSibling)}if(sc(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(r(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="/$"){if(t===0){ft=sn(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}ft=null}}else ft=ct?sn(e.stateNode.nextSibling):null;return!0}function oc(){for(var e=ft;e;)e=sn(e.nextSibling)}function fr(){ft=ct=null,Te=!1}function Zs(e){kt===null?kt=[e]:kt.push(e)}var Ah=B.ReactCurrentBatchConfig;function ti(e,t,n){if(e=n.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(r(309));var i=n.stateNode}if(!i)throw Error(r(147,e));var o=i,u=""+e;return t!==null&&t.ref!==null&&typeof t.ref=="function"&&t.ref._stringRef===u?t.ref:(t=function(p){var y=o.refs;p===null?delete y[u]:y[u]=p},t._stringRef=u,t)}if(typeof e!="string")throw Error(r(284));if(!n._owner)throw Error(r(290,e))}return e}function il(e,t){throw e=Object.prototype.toString.call(t),Error(r(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function ac(e){var t=e._init;return t(e._payload)}function uc(e){function t(P,C){if(e){var D=P.deletions;D===null?(P.deletions=[C],P.flags|=16):D.push(C)}}function n(P,C){if(!e)return null;for(;C!==null;)t(P,C),C=C.sibling;return null}function i(P,C){for(P=new Map;C!==null;)C.key!==null?P.set(C.key,C):P.set(C.index,C),C=C.sibling;return P}function o(P,C){return P=vn(P,C),P.index=0,P.sibling=null,P}function u(P,C,D){return P.index=D,e?(D=P.alternate,D!==null?(D=D.index,D<C?(P.flags|=2,C):D):(P.flags|=2,C)):(P.flags|=1048576,C)}function p(P){return e&&P.alternate===null&&(P.flags|=2),P}function y(P,C,D,Z){return C===null||C.tag!==6?(C=Wo(D,P.mode,Z),C.return=P,C):(C=o(C,D),C.return=P,C)}function S(P,C,D,Z){var le=D.type;return le===H?X(P,C,D.props.children,Z,D.key):C!==null&&(C.elementType===le||typeof le=="object"&&le!==null&&le.$$typeof===ie&&ac(le)===C.type)?(Z=o(C,D.props),Z.ref=ti(P,C,D),Z.return=P,Z):(Z=Tl(D.type,D.key,D.props,null,P.mode,Z),Z.ref=ti(P,C,D),Z.return=P,Z)}function N(P,C,D,Z){return C===null||C.tag!==4||C.stateNode.containerInfo!==D.containerInfo||C.stateNode.implementation!==D.implementation?(C=Vo(D,P.mode,Z),C.return=P,C):(C=o(C,D.children||[]),C.return=P,C)}function X(P,C,D,Z,le){return C===null||C.tag!==7?(C=Xn(D,P.mode,Z,le),C.return=P,C):(C=o(C,D),C.return=P,C)}function K(P,C,D){if(typeof C=="string"&&C!==""||typeof C=="number")return C=Wo(""+C,P.mode,D),C.return=P,C;if(typeof C=="object"&&C!==null){switch(C.$$typeof){case Q:return D=Tl(C.type,C.key,C.props,null,P.mode,D),D.ref=ti(P,null,C),D.return=P,D;case O:return C=Vo(C,P.mode,D),C.return=P,C;case ie:var Z=C._init;return K(P,Z(C._payload),D)}if(Pr(C)||ee(C))return C=Xn(C,P.mode,D,null),C.return=P,C;il(P,C)}return null}function z(P,C,D,Z){var le=C!==null?C.key:null;if(typeof D=="string"&&D!==""||typeof D=="number")return le!==null?null:y(P,C,""+D,Z);if(typeof D=="object"&&D!==null){switch(D.$$typeof){case Q:return D.key===le?S(P,C,D,Z):null;case O:return D.key===le?N(P,C,D,Z):null;case ie:return le=D._init,z(P,C,le(D._payload),Z)}if(Pr(D)||ee(D))return le!==null?null:X(P,C,D,Z,null);il(P,D)}return null}function q(P,C,D,Z,le){if(typeof Z=="string"&&Z!==""||typeof Z=="number")return P=P.get(D)||null,y(C,P,""+Z,le);if(typeof Z=="object"&&Z!==null){switch(Z.$$typeof){case Q:return P=P.get(Z.key===null?D:Z.key)||null,S(C,P,Z,le);case O:return P=P.get(Z.key===null?D:Z.key)||null,N(C,P,Z,le);case ie:var ae=Z._init;return q(P,C,D,ae(Z._payload),le)}if(Pr(Z)||ee(Z))return P=P.get(D)||null,X(C,P,Z,le,null);il(C,Z)}return null}function te(P,C,D,Z){for(var le=null,ae=null,ue=C,fe=C=0,Ue=null;ue!==null&&fe<D.length;fe++){ue.index>fe?(Ue=ue,ue=null):Ue=ue.sibling;var we=z(P,ue,D[fe],Z);if(we===null){ue===null&&(ue=Ue);break}e&&ue&&we.alternate===null&&t(P,ue),C=u(we,C,fe),ae===null?le=we:ae.sibling=we,ae=we,ue=Ue}if(fe===D.length)return n(P,ue),Te&&Fn(P,fe),le;if(ue===null){for(;fe<D.length;fe++)ue=K(P,D[fe],Z),ue!==null&&(C=u(ue,C,fe),ae===null?le=ue:ae.sibling=ue,ae=ue);return Te&&Fn(P,fe),le}for(ue=i(P,ue);fe<D.length;fe++)Ue=q(ue,P,fe,D[fe],Z),Ue!==null&&(e&&Ue.alternate!==null&&ue.delete(Ue.key===null?fe:Ue.key),C=u(Ue,C,fe),ae===null?le=Ue:ae.sibling=Ue,ae=Ue);return e&&ue.forEach(function(yn){return t(P,yn)}),Te&&Fn(P,fe),le}function ne(P,C,D,Z){var le=ee(D);if(typeof le!="function")throw Error(r(150));if(D=le.call(D),D==null)throw Error(r(151));for(var ae=le=null,ue=C,fe=C=0,Ue=null,we=D.next();ue!==null&&!we.done;fe++,we=D.next()){ue.index>fe?(Ue=ue,ue=null):Ue=ue.sibling;var yn=z(P,ue,we.value,Z);if(yn===null){ue===null&&(ue=Ue);break}e&&ue&&yn.alternate===null&&t(P,ue),C=u(yn,C,fe),ae===null?le=yn:ae.sibling=yn,ae=yn,ue=Ue}if(we.done)return n(P,ue),Te&&Fn(P,fe),le;if(ue===null){for(;!we.done;fe++,we=D.next())we=K(P,we.value,Z),we!==null&&(C=u(we,C,fe),ae===null?le=we:ae.sibling=we,ae=we);return Te&&Fn(P,fe),le}for(ue=i(P,ue);!we.done;fe++,we=D.next())we=q(ue,P,fe,we.value,Z),we!==null&&(e&&we.alternate!==null&&ue.delete(we.key===null?fe:we.key),C=u(we,C,fe),ae===null?le=we:ae.sibling=we,ae=we);return e&&ue.forEach(function(e1){return t(P,e1)}),Te&&Fn(P,fe),le}function Ne(P,C,D,Z){if(typeof D=="object"&&D!==null&&D.type===H&&D.key===null&&(D=D.props.children),typeof D=="object"&&D!==null){switch(D.$$typeof){case Q:e:{for(var le=D.key,ae=C;ae!==null;){if(ae.key===le){if(le=D.type,le===H){if(ae.tag===7){n(P,ae.sibling),C=o(ae,D.props.children),C.return=P,P=C;break e}}else if(ae.elementType===le||typeof le=="object"&&le!==null&&le.$$typeof===ie&&ac(le)===ae.type){n(P,ae.sibling),C=o(ae,D.props),C.ref=ti(P,ae,D),C.return=P,P=C;break e}n(P,ae);break}else t(P,ae);ae=ae.sibling}D.type===H?(C=Xn(D.props.children,P.mode,Z,D.key),C.return=P,P=C):(Z=Tl(D.type,D.key,D.props,null,P.mode,Z),Z.ref=ti(P,C,D),Z.return=P,P=Z)}return p(P);case O:e:{for(ae=D.key;C!==null;){if(C.key===ae)if(C.tag===4&&C.stateNode.containerInfo===D.containerInfo&&C.stateNode.implementation===D.implementation){n(P,C.sibling),C=o(C,D.children||[]),C.return=P,P=C;break e}else{n(P,C);break}else t(P,C);C=C.sibling}C=Vo(D,P.mode,Z),C.return=P,P=C}return p(P);case ie:return ae=D._init,Ne(P,C,ae(D._payload),Z)}if(Pr(D))return te(P,C,D,Z);if(ee(D))return ne(P,C,D,Z);il(P,D)}return typeof D=="string"&&D!==""||typeof D=="number"?(D=""+D,C!==null&&C.tag===6?(n(P,C.sibling),C=o(C,D),C.return=P,P=C):(n(P,C),C=Wo(D,P.mode,Z),C.return=P,P=C),p(P)):n(P,C)}return Ne}var dr=uc(!0),cc=uc(!1),ll=on(null),sl=null,pr=null,Js=null;function qs(){Js=pr=sl=null}function _s(e){var t=ll.current;Ie(ll),e._currentValue=t}function $s(e,t,n){for(;e!==null;){var i=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,i!==null&&(i.childLanes|=t)):i!==null&&(i.childLanes&t)!==t&&(i.childLanes|=t),e===n)break;e=e.return}}function hr(e,t){sl=e,Js=pr=null,e=e.dependencies,e!==null&&e.firstContext!==null&&((e.lanes&t)!==0&&(it=!0),e.firstContext=null)}function gt(e){var t=e._currentValue;if(Js!==e)if(e={context:e,memoizedValue:t,next:null},pr===null){if(sl===null)throw Error(r(308));pr=e,sl.dependencies={lanes:0,firstContext:e}}else pr=pr.next=e;return t}var Qn=null;function eo(e){Qn===null?Qn=[e]:Qn.push(e)}function fc(e,t,n,i){var o=t.interleaved;return o===null?(n.next=n,eo(t)):(n.next=o.next,o.next=n),t.interleaved=n,bt(e,i)}function bt(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var cn=!1;function to(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function dc(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Yt(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function fn(e,t,n){var i=e.updateQueue;if(i===null)return null;if(i=i.shared,(ve&2)!==0){var o=i.pending;return o===null?t.next=t:(t.next=o.next,o.next=t),i.pending=t,bt(e,n)}return o=i.interleaved,o===null?(t.next=t,eo(i)):(t.next=o.next,o.next=t),i.interleaved=t,bt(e,n)}function ol(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var i=t.lanes;i&=e.pendingLanes,n|=i,t.lanes=n,ms(e,n)}}function pc(e,t){var n=e.updateQueue,i=e.alternate;if(i!==null&&(i=i.updateQueue,n===i)){var o=null,u=null;if(n=n.firstBaseUpdate,n!==null){do{var p={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};u===null?o=u=p:u=u.next=p,n=n.next}while(n!==null);u===null?o=u=t:u=u.next=t}else o=u=t;n={baseState:i.baseState,firstBaseUpdate:o,lastBaseUpdate:u,shared:i.shared,effects:i.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function al(e,t,n,i){var o=e.updateQueue;cn=!1;var u=o.firstBaseUpdate,p=o.lastBaseUpdate,y=o.shared.pending;if(y!==null){o.shared.pending=null;var S=y,N=S.next;S.next=null,p===null?u=N:p.next=N,p=S;var X=e.alternate;X!==null&&(X=X.updateQueue,y=X.lastBaseUpdate,y!==p&&(y===null?X.firstBaseUpdate=N:y.next=N,X.lastBaseUpdate=S))}if(u!==null){var K=o.baseState;p=0,X=N=S=null,y=u;do{var z=y.lane,q=y.eventTime;if((i&z)===z){X!==null&&(X=X.next={eventTime:q,lane:0,tag:y.tag,payload:y.payload,callback:y.callback,next:null});e:{var te=e,ne=y;switch(z=t,q=n,ne.tag){case 1:if(te=ne.payload,typeof te=="function"){K=te.call(q,K,z);break e}K=te;break e;case 3:te.flags=te.flags&-65537|128;case 0:if(te=ne.payload,z=typeof te=="function"?te.call(q,K,z):te,z==null)break e;K=W({},K,z);break e;case 2:cn=!0}}y.callback!==null&&y.lane!==0&&(e.flags|=64,z=o.effects,z===null?o.effects=[y]:z.push(y))}else q={eventTime:q,lane:z,tag:y.tag,payload:y.payload,callback:y.callback,next:null},X===null?(N=X=q,S=K):X=X.next=q,p|=z;if(y=y.next,y===null){if(y=o.shared.pending,y===null)break;z=y,y=z.next,z.next=null,o.lastBaseUpdate=z,o.shared.pending=null}}while(!0);if(X===null&&(S=K),o.baseState=S,o.firstBaseUpdate=N,o.lastBaseUpdate=X,t=o.shared.interleaved,t!==null){o=t;do p|=o.lane,o=o.next;while(o!==t)}else u===null&&(o.shared.lanes=0);Vn|=p,e.lanes=p,e.memoizedState=K}}function hc(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var i=e[t],o=i.callback;if(o!==null){if(i.callback=null,i=n,typeof o!="function")throw Error(r(191,o));o.call(i)}}}var ni={},Dt=on(ni),ri=on(ni),ii=on(ni);function Un(e){if(e===ni)throw Error(r(174));return e}function no(e,t){switch(Ce(ii,t),Ce(ri,e),Ce(Dt,ni),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:rs(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=rs(t,e)}Ie(Dt),Ce(Dt,t)}function mr(){Ie(Dt),Ie(ri),Ie(ii)}function mc(e){Un(ii.current);var t=Un(Dt.current),n=rs(t,e.type);t!==n&&(Ce(ri,e),Ce(Dt,n))}function ro(e){ri.current===e&&(Ie(Dt),Ie(ri))}var je=on(0);function ul(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if((t.flags&128)!==0)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var io=[];function lo(){for(var e=0;e<io.length;e++)io[e]._workInProgressVersionPrimary=null;io.length=0}var cl=B.ReactCurrentDispatcher,so=B.ReactCurrentBatchConfig,Wn=0,Pe=null,He=null,Fe=null,fl=!1,li=!1,si=0,Eh=0;function Ke(){throw Error(r(321))}function oo(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!Ct(e[n],t[n]))return!1;return!0}function ao(e,t,n,i,o,u){if(Wn=u,Pe=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,cl.current=e===null||e.memoizedState===null?Ih:Rh,e=n(i,o),li){u=0;do{if(li=!1,si=0,25<=u)throw Error(r(301));u+=1,Fe=He=null,t.updateQueue=null,cl.current=Th,e=n(i,o)}while(li)}if(cl.current=hl,t=He!==null&&He.next!==null,Wn=0,Fe=He=Pe=null,fl=!1,t)throw Error(r(300));return e}function uo(){var e=si!==0;return si=0,e}function Nt(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return Fe===null?Pe.memoizedState=Fe=e:Fe=Fe.next=e,Fe}function vt(){if(He===null){var e=Pe.alternate;e=e!==null?e.memoizedState:null}else e=He.next;var t=Fe===null?Pe.memoizedState:Fe.next;if(t!==null)Fe=t,He=e;else{if(e===null)throw Error(r(310));He=e,e={memoizedState:He.memoizedState,baseState:He.baseState,baseQueue:He.baseQueue,queue:He.queue,next:null},Fe===null?Pe.memoizedState=Fe=e:Fe=Fe.next=e}return Fe}function oi(e,t){return typeof t=="function"?t(e):t}function co(e){var t=vt(),n=t.queue;if(n===null)throw Error(r(311));n.lastRenderedReducer=e;var i=He,o=i.baseQueue,u=n.pending;if(u!==null){if(o!==null){var p=o.next;o.next=u.next,u.next=p}i.baseQueue=o=u,n.pending=null}if(o!==null){u=o.next,i=i.baseState;var y=p=null,S=null,N=u;do{var X=N.lane;if((Wn&X)===X)S!==null&&(S=S.next={lane:0,action:N.action,hasEagerState:N.hasEagerState,eagerState:N.eagerState,next:null}),i=N.hasEagerState?N.eagerState:e(i,N.action);else{var K={lane:X,action:N.action,hasEagerState:N.hasEagerState,eagerState:N.eagerState,next:null};S===null?(y=S=K,p=i):S=S.next=K,Pe.lanes|=X,Vn|=X}N=N.next}while(N!==null&&N!==u);S===null?p=i:S.next=y,Ct(i,t.memoizedState)||(it=!0),t.memoizedState=i,t.baseState=p,t.baseQueue=S,n.lastRenderedState=i}if(e=n.interleaved,e!==null){o=e;do u=o.lane,Pe.lanes|=u,Vn|=u,o=o.next;while(o!==e)}else o===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function fo(e){var t=vt(),n=t.queue;if(n===null)throw Error(r(311));n.lastRenderedReducer=e;var i=n.dispatch,o=n.pending,u=t.memoizedState;if(o!==null){n.pending=null;var p=o=o.next;do u=e(u,p.action),p=p.next;while(p!==o);Ct(u,t.memoizedState)||(it=!0),t.memoizedState=u,t.baseQueue===null&&(t.baseState=u),n.lastRenderedState=u}return[u,i]}function gc(){}function vc(e,t){var n=Pe,i=vt(),o=t(),u=!Ct(i.memoizedState,o);if(u&&(i.memoizedState=o,it=!0),i=i.queue,po(wc.bind(null,n,i,e),[e]),i.getSnapshot!==t||u||Fe!==null&&Fe.memoizedState.tag&1){if(n.flags|=2048,ai(9,xc.bind(null,n,i,o,t),void 0,null),Qe===null)throw Error(r(349));(Wn&30)!==0||yc(n,t,o)}return o}function yc(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=Pe.updateQueue,t===null?(t={lastEffect:null,stores:null},Pe.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function xc(e,t,n,i){t.value=n,t.getSnapshot=i,Ac(t)&&Ec(e)}function wc(e,t,n){return n(function(){Ac(t)&&Ec(e)})}function Ac(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!Ct(e,n)}catch{return!0}}function Ec(e){var t=bt(e,1);t!==null&&jt(t,e,1,-1)}function Sc(e){var t=Nt();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:oi,lastRenderedState:e},t.queue=e,e=e.dispatch=kh.bind(null,Pe,e),[t.memoizedState,e]}function ai(e,t,n,i){return e={tag:e,create:t,destroy:n,deps:i,next:null},t=Pe.updateQueue,t===null?(t={lastEffect:null,stores:null},Pe.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(i=n.next,n.next=e,e.next=i,t.lastEffect=e)),e}function Cc(){return vt().memoizedState}function dl(e,t,n,i){var o=Nt();Pe.flags|=e,o.memoizedState=ai(1|t,n,void 0,i===void 0?null:i)}function pl(e,t,n,i){var o=vt();i=i===void 0?null:i;var u=void 0;if(He!==null){var p=He.memoizedState;if(u=p.destroy,i!==null&&oo(i,p.deps)){o.memoizedState=ai(t,n,u,i);return}}Pe.flags|=e,o.memoizedState=ai(1|t,n,u,i)}function kc(e,t){return dl(8390656,8,e,t)}function po(e,t){return pl(2048,8,e,t)}function Ic(e,t){return pl(4,2,e,t)}function Rc(e,t){return pl(4,4,e,t)}function Tc(e,t){if(typeof t=="function")return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function jc(e,t,n){return n=n!=null?n.concat([e]):null,pl(4,4,Tc.bind(null,t,e),n)}function ho(){}function Pc(e,t){var n=vt();t=t===void 0?null:t;var i=n.memoizedState;return i!==null&&t!==null&&oo(t,i[1])?i[0]:(n.memoizedState=[e,t],e)}function Oc(e,t){var n=vt();t=t===void 0?null:t;var i=n.memoizedState;return i!==null&&t!==null&&oo(t,i[1])?i[0]:(e=e(),n.memoizedState=[e,t],e)}function Dc(e,t,n){return(Wn&21)===0?(e.baseState&&(e.baseState=!1,it=!0),e.memoizedState=n):(Ct(n,t)||(n=au(),Pe.lanes|=n,Vn|=n,e.baseState=!0),t)}function Sh(e,t){var n=Ae;Ae=n!==0&&4>n?n:4,e(!0);var i=so.transition;so.transition={};try{e(!1),t()}finally{Ae=n,so.transition=i}}function Nc(){return vt().memoizedState}function Ch(e,t,n){var i=mn(e);if(n={lane:i,action:n,hasEagerState:!1,eagerState:null,next:null},Mc(e))Bc(t,n);else if(n=fc(e,t,n,i),n!==null){var o=$e();jt(n,e,i,o),Hc(n,t,i)}}function kh(e,t,n){var i=mn(e),o={lane:i,action:n,hasEagerState:!1,eagerState:null,next:null};if(Mc(e))Bc(t,o);else{var u=e.alternate;if(e.lanes===0&&(u===null||u.lanes===0)&&(u=t.lastRenderedReducer,u!==null))try{var p=t.lastRenderedState,y=u(p,n);if(o.hasEagerState=!0,o.eagerState=y,Ct(y,p)){var S=t.interleaved;S===null?(o.next=o,eo(t)):(o.next=S.next,S.next=o),t.interleaved=o;return}}catch{}finally{}n=fc(e,t,o,i),n!==null&&(o=$e(),jt(n,e,i,o),Hc(n,t,i))}}function Mc(e){var t=e.alternate;return e===Pe||t!==null&&t===Pe}function Bc(e,t){li=fl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Hc(e,t,n){if((n&4194240)!==0){var i=t.lanes;i&=e.pendingLanes,n|=i,t.lanes=n,ms(e,n)}}var hl={readContext:gt,useCallback:Ke,useContext:Ke,useEffect:Ke,useImperativeHandle:Ke,useInsertionEffect:Ke,useLayoutEffect:Ke,useMemo:Ke,useReducer:Ke,useRef:Ke,useState:Ke,useDebugValue:Ke,useDeferredValue:Ke,useTransition:Ke,useMutableSource:Ke,useSyncExternalStore:Ke,useId:Ke,unstable_isNewReconciler:!1},Ih={readContext:gt,useCallback:function(e,t){return Nt().memoizedState=[e,t===void 0?null:t],e},useContext:gt,useEffect:kc,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,dl(4194308,4,Tc.bind(null,t,e),n)},useLayoutEffect:function(e,t){return dl(4194308,4,e,t)},useInsertionEffect:function(e,t){return dl(4,2,e,t)},useMemo:function(e,t){var n=Nt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var i=Nt();return t=n!==void 0?n(t):t,i.memoizedState=i.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},i.queue=e,e=e.dispatch=Ch.bind(null,Pe,e),[i.memoizedState,e]},useRef:function(e){var t=Nt();return e={current:e},t.memoizedState=e},useState:Sc,useDebugValue:ho,useDeferredValue:function(e){return Nt().memoizedState=e},useTransition:function(){var e=Sc(!1),t=e[0];return e=Sh.bind(null,e[1]),Nt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var i=Pe,o=Nt();if(Te){if(n===void 0)throw Error(r(407));n=n()}else{if(n=t(),Qe===null)throw Error(r(349));(Wn&30)!==0||yc(i,t,n)}o.memoizedState=n;var u={value:n,getSnapshot:t};return o.queue=u,kc(wc.bind(null,i,u,e),[e]),i.flags|=2048,ai(9,xc.bind(null,i,u,n,t),void 0,null),n},useId:function(){var e=Nt(),t=Qe.identifierPrefix;if(Te){var n=Vt,i=Wt;n=(i&~(1<<32-St(i)-1)).toString(32)+n,t=":"+t+"R"+n,n=si++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=Eh++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},Rh={readContext:gt,useCallback:Pc,useContext:gt,useEffect:po,useImperativeHandle:jc,useInsertionEffect:Ic,useLayoutEffect:Rc,useMemo:Oc,useReducer:co,useRef:Cc,useState:function(){return co(oi)},useDebugValue:ho,useDeferredValue:function(e){var t=vt();return Dc(t,He.memoizedState,e)},useTransition:function(){var e=co(oi)[0],t=vt().memoizedState;return[e,t]},useMutableSource:gc,useSyncExternalStore:vc,useId:Nc,unstable_isNewReconciler:!1},Th={readContext:gt,useCallback:Pc,useContext:gt,useEffect:po,useImperativeHandle:jc,useInsertionEffect:Ic,useLayoutEffect:Rc,useMemo:Oc,useReducer:fo,useRef:Cc,useState:function(){return fo(oi)},useDebugValue:ho,useDeferredValue:function(e){var t=vt();return He===null?t.memoizedState=e:Dc(t,He.memoizedState,e)},useTransition:function(){var e=fo(oi)[0],t=vt().memoizedState;return[e,t]},useMutableSource:gc,useSyncExternalStore:vc,useId:Nc,unstable_isNewReconciler:!1};function It(e,t){if(e&&e.defaultProps){t=W({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}function mo(e,t,n,i){t=e.memoizedState,n=n(i,t),n=n==null?t:W({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var ml={isMounted:function(e){return(e=e._reactInternals)?Mn(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var i=$e(),o=mn(e),u=Yt(i,o);u.payload=t,n!=null&&(u.callback=n),t=fn(e,u,o),t!==null&&(jt(t,e,o,i),ol(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var i=$e(),o=mn(e),u=Yt(i,o);u.tag=1,u.payload=t,n!=null&&(u.callback=n),t=fn(e,u,o),t!==null&&(jt(t,e,o,i),ol(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=$e(),i=mn(e),o=Yt(n,i);o.tag=2,t!=null&&(o.callback=t),t=fn(e,o,i),t!==null&&(jt(t,e,i,n),ol(t,e,i))}};function Lc(e,t,n,i,o,u,p){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(i,u,p):t.prototype&&t.prototype.isPureReactComponent?!Kr(n,i)||!Kr(o,u):!0}function Fc(e,t,n){var i=!1,o=an,u=t.contextType;return typeof u=="object"&&u!==null?u=gt(u):(o=rt(t)?Hn:Ge.current,i=t.contextTypes,u=(i=i!=null)?ar(e,o):an),t=new t(n,u),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=ml,e.stateNode=t,t._reactInternals=e,i&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=u),t}function Qc(e,t,n,i){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,i),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,i),t.state!==e&&ml.enqueueReplaceState(t,t.state,null)}function go(e,t,n,i){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},to(e);var u=t.contextType;typeof u=="object"&&u!==null?o.context=gt(u):(u=rt(t)?Hn:Ge.current,o.context=ar(e,u)),o.state=e.memoizedState,u=t.getDerivedStateFromProps,typeof u=="function"&&(mo(e,t,u,n),o.state=e.memoizedState),typeof t.getDerivedStateFromProps=="function"||typeof o.getSnapshotBeforeUpdate=="function"||typeof o.UNSAFE_componentWillMount!="function"&&typeof o.componentWillMount!="function"||(t=o.state,typeof o.componentWillMount=="function"&&o.componentWillMount(),typeof o.UNSAFE_componentWillMount=="function"&&o.UNSAFE_componentWillMount(),t!==o.state&&ml.enqueueReplaceState(o,o.state,null),al(e,n,o,i),o.state=e.memoizedState),typeof o.componentDidMount=="function"&&(e.flags|=4194308)}function gr(e,t){try{var n="",i=t;do n+=me(i),i=i.return;while(i);var o=n}catch(u){o=`
+Error generating stack: `+u.message+`
+`+u.stack}return{value:e,source:t,stack:o,digest:null}}function vo(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function yo(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var jh=typeof WeakMap=="function"?WeakMap:Map;function Uc(e,t,n){n=Yt(-1,n),n.tag=3,n.payload={element:null};var i=t.value;return n.callback=function(){El||(El=!0,No=i),yo(e,t)},n}function Wc(e,t,n){n=Yt(-1,n),n.tag=3;var i=e.type.getDerivedStateFromError;if(typeof i=="function"){var o=t.value;n.payload=function(){return i(o)},n.callback=function(){yo(e,t)}}var u=e.stateNode;return u!==null&&typeof u.componentDidCatch=="function"&&(n.callback=function(){yo(e,t),typeof i!="function"&&(pn===null?pn=new Set([this]):pn.add(this));var p=t.stack;this.componentDidCatch(t.value,{componentStack:p!==null?p:""})}),n}function Vc(e,t,n){var i=e.pingCache;if(i===null){i=e.pingCache=new jh;var o=new Set;i.set(t,o)}else o=i.get(t),o===void 0&&(o=new Set,i.set(t,o));o.has(n)||(o.add(n),e=bh.bind(null,e,t,n),t.then(e,e))}function bc(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function Yc(e,t,n,i,o){return(e.mode&1)===0?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=Yt(-1,1),t.tag=2,fn(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=o,e)}var Ph=B.ReactCurrentOwner,it=!1;function _e(e,t,n,i){t.child=e===null?cc(t,null,n,i):dr(t,e.child,n,i)}function zc(e,t,n,i,o){n=n.render;var u=t.ref;return hr(t,o),i=ao(e,t,n,i,u,o),n=uo(),e!==null&&!it?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,zt(e,t,o)):(Te&&n&&zs(t),t.flags|=1,_e(e,t,i,o),t.child)}function Xc(e,t,n,i,o){if(e===null){var u=n.type;return typeof u=="function"&&!Uo(u)&&u.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=u,Gc(e,t,u,i,o)):(e=Tl(n.type,null,i,t,t.mode,o),e.ref=t.ref,e.return=t,t.child=e)}if(u=e.child,(e.lanes&o)===0){var p=u.memoizedProps;if(n=n.compare,n=n!==null?n:Kr,n(p,i)&&e.ref===t.ref)return zt(e,t,o)}return t.flags|=1,e=vn(u,i),e.ref=t.ref,e.return=t,t.child=e}function Gc(e,t,n,i,o){if(e!==null){var u=e.memoizedProps;if(Kr(u,i)&&e.ref===t.ref)if(it=!1,t.pendingProps=i=u,(e.lanes&o)!==0)(e.flags&131072)!==0&&(it=!0);else return t.lanes=e.lanes,zt(e,t,o)}return xo(e,t,n,i,o)}function Kc(e,t,n){var i=t.pendingProps,o=i.children,u=e!==null?e.memoizedState:null;if(i.mode==="hidden")if((t.mode&1)===0)t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Ce(yr,dt),dt|=n;else{if((n&1073741824)===0)return e=u!==null?u.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Ce(yr,dt),dt|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},i=u!==null?u.baseLanes:n,Ce(yr,dt),dt|=i}else u!==null?(i=u.baseLanes|n,t.memoizedState=null):i=n,Ce(yr,dt),dt|=i;return _e(e,t,o,n),t.child}function Zc(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function xo(e,t,n,i,o){var u=rt(n)?Hn:Ge.current;return u=ar(t,u),hr(t,o),n=ao(e,t,n,i,u,o),i=uo(),e!==null&&!it?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,zt(e,t,o)):(Te&&i&&zs(t),t.flags|=1,_e(e,t,n,o),t.child)}function Jc(e,t,n,i,o){if(rt(n)){var u=!0;$i(t)}else u=!1;if(hr(t,o),t.stateNode===null)vl(e,t),Fc(t,n,i),go(t,n,i,o),i=!0;else if(e===null){var p=t.stateNode,y=t.memoizedProps;p.props=y;var S=p.context,N=n.contextType;typeof N=="object"&&N!==null?N=gt(N):(N=rt(n)?Hn:Ge.current,N=ar(t,N));var X=n.getDerivedStateFromProps,K=typeof X=="function"||typeof p.getSnapshotBeforeUpdate=="function";K||typeof p.UNSAFE_componentWillReceiveProps!="function"&&typeof p.componentWillReceiveProps!="function"||(y!==i||S!==N)&&Qc(t,p,i,N),cn=!1;var z=t.memoizedState;p.state=z,al(t,i,p,o),S=t.memoizedState,y!==i||z!==S||nt.current||cn?(typeof X=="function"&&(mo(t,n,X,i),S=t.memoizedState),(y=cn||Lc(t,n,y,i,z,S,N))?(K||typeof p.UNSAFE_componentWillMount!="function"&&typeof p.componentWillMount!="function"||(typeof p.componentWillMount=="function"&&p.componentWillMount(),typeof p.UNSAFE_componentWillMount=="function"&&p.UNSAFE_componentWillMount()),typeof p.componentDidMount=="function"&&(t.flags|=4194308)):(typeof p.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=i,t.memoizedState=S),p.props=i,p.state=S,p.context=N,i=y):(typeof p.componentDidMount=="function"&&(t.flags|=4194308),i=!1)}else{p=t.stateNode,dc(e,t),y=t.memoizedProps,N=t.type===t.elementType?y:It(t.type,y),p.props=N,K=t.pendingProps,z=p.context,S=n.contextType,typeof S=="object"&&S!==null?S=gt(S):(S=rt(n)?Hn:Ge.current,S=ar(t,S));var q=n.getDerivedStateFromProps;(X=typeof q=="function"||typeof p.getSnapshotBeforeUpdate=="function")||typeof p.UNSAFE_componentWillReceiveProps!="function"&&typeof p.componentWillReceiveProps!="function"||(y!==K||z!==S)&&Qc(t,p,i,S),cn=!1,z=t.memoizedState,p.state=z,al(t,i,p,o);var te=t.memoizedState;y!==K||z!==te||nt.current||cn?(typeof q=="function"&&(mo(t,n,q,i),te=t.memoizedState),(N=cn||Lc(t,n,N,i,z,te,S)||!1)?(X||typeof p.UNSAFE_componentWillUpdate!="function"&&typeof p.componentWillUpdate!="function"||(typeof p.componentWillUpdate=="function"&&p.componentWillUpdate(i,te,S),typeof p.UNSAFE_componentWillUpdate=="function"&&p.UNSAFE_componentWillUpdate(i,te,S)),typeof p.componentDidUpdate=="function"&&(t.flags|=4),typeof p.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof p.componentDidUpdate!="function"||y===e.memoizedProps&&z===e.memoizedState||(t.flags|=4),typeof p.getSnapshotBeforeUpdate!="function"||y===e.memoizedProps&&z===e.memoizedState||(t.flags|=1024),t.memoizedProps=i,t.memoizedState=te),p.props=i,p.state=te,p.context=S,i=N):(typeof p.componentDidUpdate!="function"||y===e.memoizedProps&&z===e.memoizedState||(t.flags|=4),typeof p.getSnapshotBeforeUpdate!="function"||y===e.memoizedProps&&z===e.memoizedState||(t.flags|=1024),i=!1)}return wo(e,t,n,i,u,o)}function wo(e,t,n,i,o,u){Zc(e,t);var p=(t.flags&128)!==0;if(!i&&!p)return o&&tc(t,n,!1),zt(e,t,u);i=t.stateNode,Ph.current=t;var y=p&&typeof n.getDerivedStateFromError!="function"?null:i.render();return t.flags|=1,e!==null&&p?(t.child=dr(t,e.child,null,u),t.child=dr(t,null,y,u)):_e(e,t,y,u),t.memoizedState=i.state,o&&tc(t,n,!0),t.child}function qc(e){var t=e.stateNode;t.pendingContext?$u(e,t.pendingContext,t.pendingContext!==t.context):t.context&&$u(e,t.context,!1),no(e,t.containerInfo)}function _c(e,t,n,i,o){return fr(),Zs(o),t.flags|=256,_e(e,t,n,i),t.child}var Ao={dehydrated:null,treeContext:null,retryLane:0};function Eo(e){return{baseLanes:e,cachePool:null,transitions:null}}function $c(e,t,n){var i=t.pendingProps,o=je.current,u=!1,p=(t.flags&128)!==0,y;if((y=p)||(y=e!==null&&e.memoizedState===null?!1:(o&2)!==0),y?(u=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(o|=1),Ce(je,o&1),e===null)return Ks(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?((t.mode&1)===0?t.lanes=1:e.data==="$!"?t.lanes=8:t.lanes=1073741824,null):(p=i.children,e=i.fallback,u?(i=t.mode,u=t.child,p={mode:"hidden",children:p},(i&1)===0&&u!==null?(u.childLanes=0,u.pendingProps=p):u=jl(p,i,0,null),e=Xn(e,i,n,null),u.return=t,e.return=t,u.sibling=e,t.child=u,t.child.memoizedState=Eo(n),t.memoizedState=Ao,e):So(t,p));if(o=e.memoizedState,o!==null&&(y=o.dehydrated,y!==null))return Oh(e,t,p,i,y,o,n);if(u){u=i.fallback,p=t.mode,o=e.child,y=o.sibling;var S={mode:"hidden",children:i.children};return(p&1)===0&&t.child!==o?(i=t.child,i.childLanes=0,i.pendingProps=S,t.deletions=null):(i=vn(o,S),i.subtreeFlags=o.subtreeFlags&14680064),y!==null?u=vn(y,u):(u=Xn(u,p,n,null),u.flags|=2),u.return=t,i.return=t,i.sibling=u,t.child=i,i=u,u=t.child,p=e.child.memoizedState,p=p===null?Eo(n):{baseLanes:p.baseLanes|n,cachePool:null,transitions:p.transitions},u.memoizedState=p,u.childLanes=e.childLanes&~n,t.memoizedState=Ao,i}return u=e.child,e=u.sibling,i=vn(u,{mode:"visible",children:i.children}),(t.mode&1)===0&&(i.lanes=n),i.return=t,i.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=i,t.memoizedState=null,i}function So(e,t){return t=jl({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function gl(e,t,n,i){return i!==null&&Zs(i),dr(t,e.child,null,n),e=So(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function Oh(e,t,n,i,o,u,p){if(n)return t.flags&256?(t.flags&=-257,i=vo(Error(r(422))),gl(e,t,p,i)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(u=i.fallback,o=t.mode,i=jl({mode:"visible",children:i.children},o,0,null),u=Xn(u,o,p,null),u.flags|=2,i.return=t,u.return=t,i.sibling=u,t.child=i,(t.mode&1)!==0&&dr(t,e.child,null,p),t.child.memoizedState=Eo(p),t.memoizedState=Ao,u);if((t.mode&1)===0)return gl(e,t,p,null);if(o.data==="$!"){if(i=o.nextSibling&&o.nextSibling.dataset,i)var y=i.dgst;return i=y,u=Error(r(419)),i=vo(u,i,void 0),gl(e,t,p,i)}if(y=(p&e.childLanes)!==0,it||y){if(i=Qe,i!==null){switch(p&-p){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}o=(o&(i.suspendedLanes|p))!==0?0:o,o!==0&&o!==u.retryLane&&(u.retryLane=o,bt(e,o),jt(i,e,o,-1))}return Qo(),i=vo(Error(r(421))),gl(e,t,p,i)}return o.data==="$?"?(t.flags|=128,t.child=e.child,t=Yh.bind(null,e),o._reactRetry=t,null):(e=u.treeContext,ft=sn(o.nextSibling),ct=t,Te=!0,kt=null,e!==null&&(ht[mt++]=Wt,ht[mt++]=Vt,ht[mt++]=Ln,Wt=e.id,Vt=e.overflow,Ln=t),t=So(t,i.children),t.flags|=4096,t)}function ef(e,t,n){e.lanes|=t;var i=e.alternate;i!==null&&(i.lanes|=t),$s(e.return,t,n)}function Co(e,t,n,i,o){var u=e.memoizedState;u===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:i,tail:n,tailMode:o}:(u.isBackwards=t,u.rendering=null,u.renderingStartTime=0,u.last=i,u.tail=n,u.tailMode=o)}function tf(e,t,n){var i=t.pendingProps,o=i.revealOrder,u=i.tail;if(_e(e,t,i.children,n),i=je.current,(i&2)!==0)i=i&1|2,t.flags|=128;else{if(e!==null&&(e.flags&128)!==0)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&ef(e,n,t);else if(e.tag===19)ef(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}i&=1}if(Ce(je,i),(t.mode&1)===0)t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;n!==null;)e=n.alternate,e!==null&&ul(e)===null&&(o=n),n=n.sibling;n=o,n===null?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Co(t,!1,o,n,u);break;case"backwards":for(n=null,o=t.child,t.child=null;o!==null;){if(e=o.alternate,e!==null&&ul(e)===null){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Co(t,!0,n,null,u);break;case"together":Co(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function vl(e,t){(t.mode&1)===0&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function zt(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),Vn|=t.lanes,(n&t.childLanes)===0)return null;if(e!==null&&t.child!==e.child)throw Error(r(153));if(t.child!==null){for(e=t.child,n=vn(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=vn(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function Dh(e,t,n){switch(t.tag){case 3:qc(t),fr();break;case 5:mc(t);break;case 1:rt(t.type)&&$i(t);break;case 4:no(t,t.stateNode.containerInfo);break;case 10:var i=t.type._context,o=t.memoizedProps.value;Ce(ll,i._currentValue),i._currentValue=o;break;case 13:if(i=t.memoizedState,i!==null)return i.dehydrated!==null?(Ce(je,je.current&1),t.flags|=128,null):(n&t.child.childLanes)!==0?$c(e,t,n):(Ce(je,je.current&1),e=zt(e,t,n),e!==null?e.sibling:null);Ce(je,je.current&1);break;case 19:if(i=(n&t.childLanes)!==0,(e.flags&128)!==0){if(i)return tf(e,t,n);t.flags|=128}if(o=t.memoizedState,o!==null&&(o.rendering=null,o.tail=null,o.lastEffect=null),Ce(je,je.current),i)break;return null;case 22:case 23:return t.lanes=0,Kc(e,t,n)}return zt(e,t,n)}var nf,ko,rf,lf;nf=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},ko=function(){},rf=function(e,t,n,i){var o=e.memoizedProps;if(o!==i){e=t.stateNode,Un(Dt.current);var u=null;switch(n){case"input":o=Nn(e,o),i=Nn(e,i),u=[];break;case"select":o=W({},o,{value:void 0}),i=W({},i,{value:void 0}),u=[];break;case"textarea":o=ns(e,o),i=ns(e,i),u=[];break;default:typeof o.onClick!="function"&&typeof i.onClick=="function"&&(e.onclick=Ji)}is(n,i);var p;n=null;for(N in o)if(!i.hasOwnProperty(N)&&o.hasOwnProperty(N)&&o[N]!=null)if(N==="style"){var y=o[N];for(p in y)y.hasOwnProperty(p)&&(n||(n={}),n[p]="")}else N!=="dangerouslySetInnerHTML"&&N!=="children"&&N!=="suppressContentEditableWarning"&&N!=="suppressHydrationWarning"&&N!=="autoFocus"&&(c.hasOwnProperty(N)?u||(u=[]):(u=u||[]).push(N,null));for(N in i){var S=i[N];if(y=o!=null?o[N]:void 0,i.hasOwnProperty(N)&&S!==y&&(S!=null||y!=null))if(N==="style")if(y){for(p in y)!y.hasOwnProperty(p)||S&&S.hasOwnProperty(p)||(n||(n={}),n[p]="");for(p in S)S.hasOwnProperty(p)&&y[p]!==S[p]&&(n||(n={}),n[p]=S[p])}else n||(u||(u=[]),u.push(N,n)),n=S;else N==="dangerouslySetInnerHTML"?(S=S?S.__html:void 0,y=y?y.__html:void 0,S!=null&&y!==S&&(u=u||[]).push(N,S)):N==="children"?typeof S!="string"&&typeof S!="number"||(u=u||[]).push(N,""+S):N!=="suppressContentEditableWarning"&&N!=="suppressHydrationWarning"&&(c.hasOwnProperty(N)?(S!=null&&N==="onScroll"&&ke("scroll",e),u||y===S||(u=[])):(u=u||[]).push(N,S))}n&&(u=u||[]).push("style",n);var N=u;(t.updateQueue=N)&&(t.flags|=4)}},lf=function(e,t,n,i){n!==i&&(t.flags|=4)};function ui(e,t){if(!Te)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var i=null;n!==null;)n.alternate!==null&&(i=n),n=n.sibling;i===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:i.sibling=null}}function Ze(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,i=0;if(t)for(var o=e.child;o!==null;)n|=o.lanes|o.childLanes,i|=o.subtreeFlags&14680064,i|=o.flags&14680064,o.return=e,o=o.sibling;else for(o=e.child;o!==null;)n|=o.lanes|o.childLanes,i|=o.subtreeFlags,i|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=i,e.childLanes=n,t}function Nh(e,t,n){var i=t.pendingProps;switch(Xs(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Ze(t),null;case 1:return rt(t.type)&&_i(),Ze(t),null;case 3:return i=t.stateNode,mr(),Ie(nt),Ie(Ge),lo(),i.pendingContext&&(i.context=i.pendingContext,i.pendingContext=null),(e===null||e.child===null)&&(rl(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&(t.flags&256)===0||(t.flags|=1024,kt!==null&&(Ho(kt),kt=null))),ko(e,t),Ze(t),null;case 5:ro(t);var o=Un(ii.current);if(n=t.type,e!==null&&t.stateNode!=null)rf(e,t,n,i,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!i){if(t.stateNode===null)throw Error(r(166));return Ze(t),null}if(e=Un(Dt.current),rl(t)){i=t.stateNode,n=t.type;var u=t.memoizedProps;switch(i[Ot]=t,i[$r]=u,e=(t.mode&1)!==0,n){case"dialog":ke("cancel",i),ke("close",i);break;case"iframe":case"object":case"embed":ke("load",i);break;case"video":case"audio":for(o=0;o<Jr.length;o++)ke(Jr[o],i);break;case"source":ke("error",i);break;case"img":case"image":case"link":ke("error",i),ke("load",i);break;case"details":ke("toggle",i);break;case"input":Rr(i,u),ke("invalid",i);break;case"select":i._wrapperState={wasMultiple:!!u.multiple},ke("invalid",i);break;case"textarea":Wa(i,u),ke("invalid",i)}is(n,u),o=null;for(var p in u)if(u.hasOwnProperty(p)){var y=u[p];p==="children"?typeof y=="string"?i.textContent!==y&&(u.suppressHydrationWarning!==!0&&Zi(i.textContent,y,e),o=["children",y]):typeof y=="number"&&i.textContent!==""+y&&(u.suppressHydrationWarning!==!0&&Zi(i.textContent,y,e),o=["children",""+y]):c.hasOwnProperty(p)&&y!=null&&p==="onScroll"&&ke("scroll",i)}switch(n){case"input":On(i),Ua(i,u,!0);break;case"textarea":On(i),ba(i);break;case"select":case"option":break;default:typeof u.onClick=="function"&&(i.onclick=Ji)}i=o,t.updateQueue=i,i!==null&&(t.flags|=4)}else{p=o.nodeType===9?o:o.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=Ya(n)),e==="http://www.w3.org/1999/xhtml"?n==="script"?(e=p.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof i.is=="string"?e=p.createElement(n,{is:i.is}):(e=p.createElement(n),n==="select"&&(p=e,i.multiple?p.multiple=!0:i.size&&(p.size=i.size))):e=p.createElementNS(e,n),e[Ot]=t,e[$r]=i,nf(e,t,!1,!1),t.stateNode=e;e:{switch(p=ls(n,i),n){case"dialog":ke("cancel",e),ke("close",e),o=i;break;case"iframe":case"object":case"embed":ke("load",e),o=i;break;case"video":case"audio":for(o=0;o<Jr.length;o++)ke(Jr[o],e);o=i;break;case"source":ke("error",e),o=i;break;case"img":case"image":case"link":ke("error",e),ke("load",e),o=i;break;case"details":ke("toggle",e),o=i;break;case"input":Rr(e,i),o=Nn(e,i),ke("invalid",e);break;case"option":o=i;break;case"select":e._wrapperState={wasMultiple:!!i.multiple},o=W({},i,{value:void 0}),ke("invalid",e);break;case"textarea":Wa(e,i),o=ns(e,i),ke("invalid",e);break;default:o=i}is(n,o),y=o;for(u in y)if(y.hasOwnProperty(u)){var S=y[u];u==="style"?Ga(e,S):u==="dangerouslySetInnerHTML"?(S=S?S.__html:void 0,S!=null&&za(e,S)):u==="children"?typeof S=="string"?(n!=="textarea"||S!=="")&&Or(e,S):typeof S=="number"&&Or(e,""+S):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(c.hasOwnProperty(u)?S!=null&&u==="onScroll"&&ke("scroll",e):S!=null&&M(e,u,S,p))}switch(n){case"input":On(e),Ua(e,i,!1);break;case"textarea":On(e),ba(e);break;case"option":i.value!=null&&e.setAttribute("value",""+xe(i.value));break;case"select":e.multiple=!!i.multiple,u=i.value,u!=null?Jn(e,!!i.multiple,u,!1):i.defaultValue!=null&&Jn(e,!!i.multiple,i.defaultValue,!0);break;default:typeof o.onClick=="function"&&(e.onclick=Ji)}switch(n){case"button":case"input":case"select":case"textarea":i=!!i.autoFocus;break e;case"img":i=!0;break e;default:i=!1}}i&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return Ze(t),null;case 6:if(e&&t.stateNode!=null)lf(e,t,e.memoizedProps,i);else{if(typeof i!="string"&&t.stateNode===null)throw Error(r(166));if(n=Un(ii.current),Un(Dt.current),rl(t)){if(i=t.stateNode,n=t.memoizedProps,i[Ot]=t,(u=i.nodeValue!==n)&&(e=ct,e!==null))switch(e.tag){case 3:Zi(i.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&Zi(i.nodeValue,n,(e.mode&1)!==0)}u&&(t.flags|=4)}else i=(n.nodeType===9?n:n.ownerDocument).createTextNode(i),i[Ot]=t,t.stateNode=i}return Ze(t),null;case 13:if(Ie(je),i=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(Te&&ft!==null&&(t.mode&1)!==0&&(t.flags&128)===0)oc(),fr(),t.flags|=98560,u=!1;else if(u=rl(t),i!==null&&i.dehydrated!==null){if(e===null){if(!u)throw Error(r(318));if(u=t.memoizedState,u=u!==null?u.dehydrated:null,!u)throw Error(r(317));u[Ot]=t}else fr(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;Ze(t),u=!1}else kt!==null&&(Ho(kt),kt=null),u=!0;if(!u)return t.flags&65536?t:null}return(t.flags&128)!==0?(t.lanes=n,t):(i=i!==null,i!==(e!==null&&e.memoizedState!==null)&&i&&(t.child.flags|=8192,(t.mode&1)!==0&&(e===null||(je.current&1)!==0?Le===0&&(Le=3):Qo())),t.updateQueue!==null&&(t.flags|=4),Ze(t),null);case 4:return mr(),ko(e,t),e===null&&qr(t.stateNode.containerInfo),Ze(t),null;case 10:return _s(t.type._context),Ze(t),null;case 17:return rt(t.type)&&_i(),Ze(t),null;case 19:if(Ie(je),u=t.memoizedState,u===null)return Ze(t),null;if(i=(t.flags&128)!==0,p=u.rendering,p===null)if(i)ui(u,!1);else{if(Le!==0||e!==null&&(e.flags&128)!==0)for(e=t.child;e!==null;){if(p=ul(e),p!==null){for(t.flags|=128,ui(u,!1),i=p.updateQueue,i!==null&&(t.updateQueue=i,t.flags|=4),t.subtreeFlags=0,i=n,n=t.child;n!==null;)u=n,e=i,u.flags&=14680066,p=u.alternate,p===null?(u.childLanes=0,u.lanes=e,u.child=null,u.subtreeFlags=0,u.memoizedProps=null,u.memoizedState=null,u.updateQueue=null,u.dependencies=null,u.stateNode=null):(u.childLanes=p.childLanes,u.lanes=p.lanes,u.child=p.child,u.subtreeFlags=0,u.deletions=null,u.memoizedProps=p.memoizedProps,u.memoizedState=p.memoizedState,u.updateQueue=p.updateQueue,u.type=p.type,e=p.dependencies,u.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Ce(je,je.current&1|2),t.child}e=e.sibling}u.tail!==null&&De()>xr&&(t.flags|=128,i=!0,ui(u,!1),t.lanes=4194304)}else{if(!i)if(e=ul(p),e!==null){if(t.flags|=128,i=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),ui(u,!0),u.tail===null&&u.tailMode==="hidden"&&!p.alternate&&!Te)return Ze(t),null}else 2*De()-u.renderingStartTime>xr&&n!==1073741824&&(t.flags|=128,i=!0,ui(u,!1),t.lanes=4194304);u.isBackwards?(p.sibling=t.child,t.child=p):(n=u.last,n!==null?n.sibling=p:t.child=p,u.last=p)}return u.tail!==null?(t=u.tail,u.rendering=t,u.tail=t.sibling,u.renderingStartTime=De(),t.sibling=null,n=je.current,Ce(je,i?n&1|2:n&1),t):(Ze(t),null);case 22:case 23:return Fo(),i=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==i&&(t.flags|=8192),i&&(t.mode&1)!==0?(dt&1073741824)!==0&&(Ze(t),t.subtreeFlags&6&&(t.flags|=8192)):Ze(t),null;case 24:return null;case 25:return null}throw Error(r(156,t.tag))}function Mh(e,t){switch(Xs(t),t.tag){case 1:return rt(t.type)&&_i(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return mr(),Ie(nt),Ie(Ge),lo(),e=t.flags,(e&65536)!==0&&(e&128)===0?(t.flags=e&-65537|128,t):null;case 5:return ro(t),null;case 13:if(Ie(je),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(r(340));fr()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return Ie(je),null;case 4:return mr(),null;case 10:return _s(t.type._context),null;case 22:case 23:return Fo(),null;case 24:return null;default:return null}}var yl=!1,Je=!1,Bh=typeof WeakSet=="function"?WeakSet:Set,_=null;function vr(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(i){Oe(e,t,i)}else n.current=null}function Io(e,t,n){try{n()}catch(i){Oe(e,t,i)}}var sf=!1;function Hh(e,t){if(Ls=Fi,e=Lu(),js(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var i=n.getSelection&&n.getSelection();if(i&&i.rangeCount!==0){n=i.anchorNode;var o=i.anchorOffset,u=i.focusNode;i=i.focusOffset;try{n.nodeType,u.nodeType}catch{n=null;break e}var p=0,y=-1,S=-1,N=0,X=0,K=e,z=null;t:for(;;){for(var q;K!==n||o!==0&&K.nodeType!==3||(y=p+o),K!==u||i!==0&&K.nodeType!==3||(S=p+i),K.nodeType===3&&(p+=K.nodeValue.length),(q=K.firstChild)!==null;)z=K,K=q;for(;;){if(K===e)break t;if(z===n&&++N===o&&(y=p),z===u&&++X===i&&(S=p),(q=K.nextSibling)!==null)break;K=z,z=K.parentNode}K=q}n=y===-1||S===-1?null:{start:y,end:S}}else n=null}n=n||{start:0,end:0}}else n=null;for(Fs={focusedElem:e,selectionRange:n},Fi=!1,_=t;_!==null;)if(t=_,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,_=e;else for(;_!==null;){t=_;try{var te=t.alternate;if((t.flags&1024)!==0)switch(t.tag){case 0:case 11:case 15:break;case 1:if(te!==null){var ne=te.memoizedProps,Ne=te.memoizedState,P=t.stateNode,C=P.getSnapshotBeforeUpdate(t.elementType===t.type?ne:It(t.type,ne),Ne);P.__reactInternalSnapshotBeforeUpdate=C}break;case 3:var D=t.stateNode.containerInfo;D.nodeType===1?D.textContent="":D.nodeType===9&&D.documentElement&&D.removeChild(D.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(r(163))}}catch(Z){Oe(t,t.return,Z)}if(e=t.sibling,e!==null){e.return=t.return,_=e;break}_=t.return}return te=sf,sf=!1,te}function ci(e,t,n){var i=t.updateQueue;if(i=i!==null?i.lastEffect:null,i!==null){var o=i=i.next;do{if((o.tag&e)===e){var u=o.destroy;o.destroy=void 0,u!==void 0&&Io(t,n,u)}o=o.next}while(o!==i)}}function xl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var i=n.create;n.destroy=i()}n=n.next}while(n!==t)}}function Ro(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function of(e){var t=e.alternate;t!==null&&(e.alternate=null,of(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Ot],delete t[$r],delete t[Vs],delete t[yh],delete t[xh])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function af(e){return e.tag===5||e.tag===3||e.tag===4}function uf(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||af(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function To(e,t,n){var i=e.tag;if(i===5||i===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Ji));else if(i!==4&&(e=e.child,e!==null))for(To(e,t,n),e=e.sibling;e!==null;)To(e,t,n),e=e.sibling}function jo(e,t,n){var i=e.tag;if(i===5||i===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(i!==4&&(e=e.child,e!==null))for(jo(e,t,n),e=e.sibling;e!==null;)jo(e,t,n),e=e.sibling}var be=null,Rt=!1;function dn(e,t,n){for(n=n.child;n!==null;)cf(e,t,n),n=n.sibling}function cf(e,t,n){if(Pt&&typeof Pt.onCommitFiberUnmount=="function")try{Pt.onCommitFiberUnmount(Di,n)}catch{}switch(n.tag){case 5:Je||vr(n,t);case 6:var i=be,o=Rt;be=null,dn(e,t,n),be=i,Rt=o,be!==null&&(Rt?(e=be,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):be.removeChild(n.stateNode));break;case 18:be!==null&&(Rt?(e=be,n=n.stateNode,e.nodeType===8?Ws(e.parentNode,n):e.nodeType===1&&Ws(e,n),Vr(e)):Ws(be,n.stateNode));break;case 4:i=be,o=Rt,be=n.stateNode.containerInfo,Rt=!0,dn(e,t,n),be=i,Rt=o;break;case 0:case 11:case 14:case 15:if(!Je&&(i=n.updateQueue,i!==null&&(i=i.lastEffect,i!==null))){o=i=i.next;do{var u=o,p=u.destroy;u=u.tag,p!==void 0&&((u&2)!==0||(u&4)!==0)&&Io(n,t,p),o=o.next}while(o!==i)}dn(e,t,n);break;case 1:if(!Je&&(vr(n,t),i=n.stateNode,typeof i.componentWillUnmount=="function"))try{i.props=n.memoizedProps,i.state=n.memoizedState,i.componentWillUnmount()}catch(y){Oe(n,t,y)}dn(e,t,n);break;case 21:dn(e,t,n);break;case 22:n.mode&1?(Je=(i=Je)||n.memoizedState!==null,dn(e,t,n),Je=i):dn(e,t,n);break;default:dn(e,t,n)}}function ff(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Bh),t.forEach(function(i){var o=zh.bind(null,e,i);n.has(i)||(n.add(i),i.then(o,o))})}}function Tt(e,t){var n=t.deletions;if(n!==null)for(var i=0;i<n.length;i++){var o=n[i];try{var u=e,p=t,y=p;e:for(;y!==null;){switch(y.tag){case 5:be=y.stateNode,Rt=!1;break e;case 3:be=y.stateNode.containerInfo,Rt=!0;break e;case 4:be=y.stateNode.containerInfo,Rt=!0;break e}y=y.return}if(be===null)throw Error(r(160));cf(u,p,o),be=null,Rt=!1;var S=o.alternate;S!==null&&(S.return=null),o.return=null}catch(N){Oe(o,t,N)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)df(t,e),t=t.sibling}function df(e,t){var n=e.alternate,i=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(Tt(t,e),Mt(e),i&4){try{ci(3,e,e.return),xl(3,e)}catch(ne){Oe(e,e.return,ne)}try{ci(5,e,e.return)}catch(ne){Oe(e,e.return,ne)}}break;case 1:Tt(t,e),Mt(e),i&512&&n!==null&&vr(n,n.return);break;case 5:if(Tt(t,e),Mt(e),i&512&&n!==null&&vr(n,n.return),e.flags&32){var o=e.stateNode;try{Or(o,"")}catch(ne){Oe(e,e.return,ne)}}if(i&4&&(o=e.stateNode,o!=null)){var u=e.memoizedProps,p=n!==null?n.memoizedProps:u,y=e.type,S=e.updateQueue;if(e.updateQueue=null,S!==null)try{y==="input"&&u.type==="radio"&&u.name!=null&&Tr(o,u),ls(y,p);var N=ls(y,u);for(p=0;p<S.length;p+=2){var X=S[p],K=S[p+1];X==="style"?Ga(o,K):X==="dangerouslySetInnerHTML"?za(o,K):X==="children"?Or(o,K):M(o,X,K,N)}switch(y){case"input":jr(o,u);break;case"textarea":Va(o,u);break;case"select":var z=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!u.multiple;var q=u.value;q!=null?Jn(o,!!u.multiple,q,!1):z!==!!u.multiple&&(u.defaultValue!=null?Jn(o,!!u.multiple,u.defaultValue,!0):Jn(o,!!u.multiple,u.multiple?[]:"",!1))}o[$r]=u}catch(ne){Oe(e,e.return,ne)}}break;case 6:if(Tt(t,e),Mt(e),i&4){if(e.stateNode===null)throw Error(r(162));o=e.stateNode,u=e.memoizedProps;try{o.nodeValue=u}catch(ne){Oe(e,e.return,ne)}}break;case 3:if(Tt(t,e),Mt(e),i&4&&n!==null&&n.memoizedState.isDehydrated)try{Vr(t.containerInfo)}catch(ne){Oe(e,e.return,ne)}break;case 4:Tt(t,e),Mt(e);break;case 13:Tt(t,e),Mt(e),o=e.child,o.flags&8192&&(u=o.memoizedState!==null,o.stateNode.isHidden=u,!u||o.alternate!==null&&o.alternate.memoizedState!==null||(Do=De())),i&4&&ff(e);break;case 22:if(X=n!==null&&n.memoizedState!==null,e.mode&1?(Je=(N=Je)||X,Tt(t,e),Je=N):Tt(t,e),Mt(e),i&8192){if(N=e.memoizedState!==null,(e.stateNode.isHidden=N)&&!X&&(e.mode&1)!==0)for(_=e,X=e.child;X!==null;){for(K=_=X;_!==null;){switch(z=_,q=z.child,z.tag){case 0:case 11:case 14:case 15:ci(4,z,z.return);break;case 1:vr(z,z.return);var te=z.stateNode;if(typeof te.componentWillUnmount=="function"){i=z,n=z.return;try{t=i,te.props=t.memoizedProps,te.state=t.memoizedState,te.componentWillUnmount()}catch(ne){Oe(i,n,ne)}}break;case 5:vr(z,z.return);break;case 22:if(z.memoizedState!==null){mf(K);continue}}q!==null?(q.return=z,_=q):mf(K)}X=X.sibling}e:for(X=null,K=e;;){if(K.tag===5){if(X===null){X=K;try{o=K.stateNode,N?(u=o.style,typeof u.setProperty=="function"?u.setProperty("display","none","important"):u.display="none"):(y=K.stateNode,S=K.memoizedProps.style,p=S!=null&&S.hasOwnProperty("display")?S.display:null,y.style.display=Xa("display",p))}catch(ne){Oe(e,e.return,ne)}}}else if(K.tag===6){if(X===null)try{K.stateNode.nodeValue=N?"":K.memoizedProps}catch(ne){Oe(e,e.return,ne)}}else if((K.tag!==22&&K.tag!==23||K.memoizedState===null||K===e)&&K.child!==null){K.child.return=K,K=K.child;continue}if(K===e)break e;for(;K.sibling===null;){if(K.return===null||K.return===e)break e;X===K&&(X=null),K=K.return}X===K&&(X=null),K.sibling.return=K.return,K=K.sibling}}break;case 19:Tt(t,e),Mt(e),i&4&&ff(e);break;case 21:break;default:Tt(t,e),Mt(e)}}function Mt(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(af(n)){var i=n;break e}n=n.return}throw Error(r(160))}switch(i.tag){case 5:var o=i.stateNode;i.flags&32&&(Or(o,""),i.flags&=-33);var u=uf(e);jo(e,u,o);break;case 3:case 4:var p=i.stateNode.containerInfo,y=uf(e);To(e,y,p);break;default:throw Error(r(161))}}catch(S){Oe(e,e.return,S)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function Lh(e,t,n){_=e,pf(e)}function pf(e,t,n){for(var i=(e.mode&1)!==0;_!==null;){var o=_,u=o.child;if(o.tag===22&&i){var p=o.memoizedState!==null||yl;if(!p){var y=o.alternate,S=y!==null&&y.memoizedState!==null||Je;y=yl;var N=Je;if(yl=p,(Je=S)&&!N)for(_=o;_!==null;)p=_,S=p.child,p.tag===22&&p.memoizedState!==null?gf(o):S!==null?(S.return=p,_=S):gf(o);for(;u!==null;)_=u,pf(u),u=u.sibling;_=o,yl=y,Je=N}hf(e)}else(o.subtreeFlags&8772)!==0&&u!==null?(u.return=o,_=u):hf(e)}}function hf(e){for(;_!==null;){var t=_;if((t.flags&8772)!==0){var n=t.alternate;try{if((t.flags&8772)!==0)switch(t.tag){case 0:case 11:case 15:Je||xl(5,t);break;case 1:var i=t.stateNode;if(t.flags&4&&!Je)if(n===null)i.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:It(t.type,n.memoizedProps);i.componentDidUpdate(o,n.memoizedState,i.__reactInternalSnapshotBeforeUpdate)}var u=t.updateQueue;u!==null&&hc(t,u,i);break;case 3:var p=t.updateQueue;if(p!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}hc(t,p,n)}break;case 5:var y=t.stateNode;if(n===null&&t.flags&4){n=y;var S=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":S.autoFocus&&n.focus();break;case"img":S.src&&(n.src=S.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var N=t.alternate;if(N!==null){var X=N.memoizedState;if(X!==null){var K=X.dehydrated;K!==null&&Vr(K)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(r(163))}Je||t.flags&512&&Ro(t)}catch(z){Oe(t,t.return,z)}}if(t===e){_=null;break}if(n=t.sibling,n!==null){n.return=t.return,_=n;break}_=t.return}}function mf(e){for(;_!==null;){var t=_;if(t===e){_=null;break}var n=t.sibling;if(n!==null){n.return=t.return,_=n;break}_=t.return}}function gf(e){for(;_!==null;){var t=_;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{xl(4,t)}catch(S){Oe(t,n,S)}break;case 1:var i=t.stateNode;if(typeof i.componentDidMount=="function"){var o=t.return;try{i.componentDidMount()}catch(S){Oe(t,o,S)}}var u=t.return;try{Ro(t)}catch(S){Oe(t,u,S)}break;case 5:var p=t.return;try{Ro(t)}catch(S){Oe(t,p,S)}}}catch(S){Oe(t,t.return,S)}if(t===e){_=null;break}var y=t.sibling;if(y!==null){y.return=t.return,_=y;break}_=t.return}}var Fh=Math.ceil,wl=B.ReactCurrentDispatcher,Po=B.ReactCurrentOwner,yt=B.ReactCurrentBatchConfig,ve=0,Qe=null,Be=null,Ye=0,dt=0,yr=on(0),Le=0,fi=null,Vn=0,Al=0,Oo=0,di=null,lt=null,Do=0,xr=1/0,Xt=null,El=!1,No=null,pn=null,Sl=!1,hn=null,Cl=0,pi=0,Mo=null,kl=-1,Il=0;function $e(){return(ve&6)!==0?De():kl!==-1?kl:kl=De()}function mn(e){return(e.mode&1)===0?1:(ve&2)!==0&&Ye!==0?Ye&-Ye:Ah.transition!==null?(Il===0&&(Il=au()),Il):(e=Ae,e!==0||(e=window.event,e=e===void 0?16:vu(e.type)),e)}function jt(e,t,n,i){if(50<pi)throw pi=0,Mo=null,Error(r(185));Lr(e,n,i),((ve&2)===0||e!==Qe)&&(e===Qe&&((ve&2)===0&&(Al|=n),Le===4&&gn(e,Ye)),st(e,i),n===1&&ve===0&&(t.mode&1)===0&&(xr=De()+500,el&&un()))}function st(e,t){var n=e.callbackNode;Ap(e,t);var i=Bi(e,e===Qe?Ye:0);if(i===0)n!==null&&lu(n),e.callbackNode=null,e.callbackPriority=0;else if(t=i&-i,e.callbackPriority!==t){if(n!=null&&lu(n),t===1)e.tag===0?wh(yf.bind(null,e)):nc(yf.bind(null,e)),gh(function(){(ve&6)===0&&un()}),n=null;else{switch(uu(i)){case 1:n=ds;break;case 4:n=su;break;case 16:n=Oi;break;case 536870912:n=ou;break;default:n=Oi}n=If(n,vf.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function vf(e,t){if(kl=-1,Il=0,(ve&6)!==0)throw Error(r(327));var n=e.callbackNode;if(wr()&&e.callbackNode!==n)return null;var i=Bi(e,e===Qe?Ye:0);if(i===0)return null;if((i&30)!==0||(i&e.expiredLanes)!==0||t)t=Rl(e,i);else{t=i;var o=ve;ve|=2;var u=wf();(Qe!==e||Ye!==t)&&(Xt=null,xr=De()+500,Yn(e,t));do try{Wh();break}catch(y){xf(e,y)}while(!0);qs(),wl.current=u,ve=o,Be!==null?t=0:(Qe=null,Ye=0,t=Le)}if(t!==0){if(t===2&&(o=ps(e),o!==0&&(i=o,t=Bo(e,o))),t===1)throw n=fi,Yn(e,0),gn(e,i),st(e,De()),n;if(t===6)gn(e,i);else{if(o=e.current.alternate,(i&30)===0&&!Qh(o)&&(t=Rl(e,i),t===2&&(u=ps(e),u!==0&&(i=u,t=Bo(e,u))),t===1))throw n=fi,Yn(e,0),gn(e,i),st(e,De()),n;switch(e.finishedWork=o,e.finishedLanes=i,t){case 0:case 1:throw Error(r(345));case 2:zn(e,lt,Xt);break;case 3:if(gn(e,i),(i&130023424)===i&&(t=Do+500-De(),10<t)){if(Bi(e,0)!==0)break;if(o=e.suspendedLanes,(o&i)!==i){$e(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=Us(zn.bind(null,e,lt,Xt),t);break}zn(e,lt,Xt);break;case 4:if(gn(e,i),(i&4194240)===i)break;for(t=e.eventTimes,o=-1;0<i;){var p=31-St(i);u=1<<p,p=t[p],p>o&&(o=p),i&=~u}if(i=o,i=De()-i,i=(120>i?120:480>i?480:1080>i?1080:1920>i?1920:3e3>i?3e3:4320>i?4320:1960*Fh(i/1960))-i,10<i){e.timeoutHandle=Us(zn.bind(null,e,lt,Xt),i);break}zn(e,lt,Xt);break;case 5:zn(e,lt,Xt);break;default:throw Error(r(329))}}}return st(e,De()),e.callbackNode===n?vf.bind(null,e):null}function Bo(e,t){var n=di;return e.current.memoizedState.isDehydrated&&(Yn(e,t).flags|=256),e=Rl(e,t),e!==2&&(t=lt,lt=n,t!==null&&Ho(t)),e}function Ho(e){lt===null?lt=e:lt.push.apply(lt,e)}function Qh(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var i=0;i<n.length;i++){var o=n[i],u=o.getSnapshot;o=o.value;try{if(!Ct(u(),o))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function gn(e,t){for(t&=~Oo,t&=~Al,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-St(t),i=1<<n;e[n]=-1,t&=~i}}function yf(e){if((ve&6)!==0)throw Error(r(327));wr();var t=Bi(e,0);if((t&1)===0)return st(e,De()),null;var n=Rl(e,t);if(e.tag!==0&&n===2){var i=ps(e);i!==0&&(t=i,n=Bo(e,i))}if(n===1)throw n=fi,Yn(e,0),gn(e,t),st(e,De()),n;if(n===6)throw Error(r(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,zn(e,lt,Xt),st(e,De()),null}function Lo(e,t){var n=ve;ve|=1;try{return e(t)}finally{ve=n,ve===0&&(xr=De()+500,el&&un())}}function bn(e){hn!==null&&hn.tag===0&&(ve&6)===0&&wr();var t=ve;ve|=1;var n=yt.transition,i=Ae;try{if(yt.transition=null,Ae=1,e)return e()}finally{Ae=i,yt.transition=n,ve=t,(ve&6)===0&&un()}}function Fo(){dt=yr.current,Ie(yr)}function Yn(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,mh(n)),Be!==null)for(n=Be.return;n!==null;){var i=n;switch(Xs(i),i.tag){case 1:i=i.type.childContextTypes,i!=null&&_i();break;case 3:mr(),Ie(nt),Ie(Ge),lo();break;case 5:ro(i);break;case 4:mr();break;case 13:Ie(je);break;case 19:Ie(je);break;case 10:_s(i.type._context);break;case 22:case 23:Fo()}n=n.return}if(Qe=e,Be=e=vn(e.current,null),Ye=dt=t,Le=0,fi=null,Oo=Al=Vn=0,lt=di=null,Qn!==null){for(t=0;t<Qn.length;t++)if(n=Qn[t],i=n.interleaved,i!==null){n.interleaved=null;var o=i.next,u=n.pending;if(u!==null){var p=u.next;u.next=o,i.next=p}n.pending=i}Qn=null}return e}function xf(e,t){do{var n=Be;try{if(qs(),cl.current=hl,fl){for(var i=Pe.memoizedState;i!==null;){var o=i.queue;o!==null&&(o.pending=null),i=i.next}fl=!1}if(Wn=0,Fe=He=Pe=null,li=!1,si=0,Po.current=null,n===null||n.return===null){Le=1,fi=t,Be=null;break}e:{var u=e,p=n.return,y=n,S=t;if(t=Ye,y.flags|=32768,S!==null&&typeof S=="object"&&typeof S.then=="function"){var N=S,X=y,K=X.tag;if((X.mode&1)===0&&(K===0||K===11||K===15)){var z=X.alternate;z?(X.updateQueue=z.updateQueue,X.memoizedState=z.memoizedState,X.lanes=z.lanes):(X.updateQueue=null,X.memoizedState=null)}var q=bc(p);if(q!==null){q.flags&=-257,Yc(q,p,y,u,t),q.mode&1&&Vc(u,N,t),t=q,S=N;var te=t.updateQueue;if(te===null){var ne=new Set;ne.add(S),t.updateQueue=ne}else te.add(S);break e}else{if((t&1)===0){Vc(u,N,t),Qo();break e}S=Error(r(426))}}else if(Te&&y.mode&1){var Ne=bc(p);if(Ne!==null){(Ne.flags&65536)===0&&(Ne.flags|=256),Yc(Ne,p,y,u,t),Zs(gr(S,y));break e}}u=S=gr(S,y),Le!==4&&(Le=2),di===null?di=[u]:di.push(u),u=p;do{switch(u.tag){case 3:u.flags|=65536,t&=-t,u.lanes|=t;var P=Uc(u,S,t);pc(u,P);break e;case 1:y=S;var C=u.type,D=u.stateNode;if((u.flags&128)===0&&(typeof C.getDerivedStateFromError=="function"||D!==null&&typeof D.componentDidCatch=="function"&&(pn===null||!pn.has(D)))){u.flags|=65536,t&=-t,u.lanes|=t;var Z=Wc(u,y,t);pc(u,Z);break e}}u=u.return}while(u!==null)}Ef(n)}catch(le){t=le,Be===n&&n!==null&&(Be=n=n.return);continue}break}while(!0)}function wf(){var e=wl.current;return wl.current=hl,e===null?hl:e}function Qo(){(Le===0||Le===3||Le===2)&&(Le=4),Qe===null||(Vn&268435455)===0&&(Al&268435455)===0||gn(Qe,Ye)}function Rl(e,t){var n=ve;ve|=2;var i=wf();(Qe!==e||Ye!==t)&&(Xt=null,Yn(e,t));do try{Uh();break}catch(o){xf(e,o)}while(!0);if(qs(),ve=n,wl.current=i,Be!==null)throw Error(r(261));return Qe=null,Ye=0,Le}function Uh(){for(;Be!==null;)Af(Be)}function Wh(){for(;Be!==null&&!dp();)Af(Be)}function Af(e){var t=kf(e.alternate,e,dt);e.memoizedProps=e.pendingProps,t===null?Ef(e):Be=t,Po.current=null}function Ef(e){var t=e;do{var n=t.alternate;if(e=t.return,(t.flags&32768)===0){if(n=Nh(n,t,dt),n!==null){Be=n;return}}else{if(n=Mh(n,t),n!==null){n.flags&=32767,Be=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{Le=6,Be=null;return}}if(t=t.sibling,t!==null){Be=t;return}Be=t=e}while(t!==null);Le===0&&(Le=5)}function zn(e,t,n){var i=Ae,o=yt.transition;try{yt.transition=null,Ae=1,Vh(e,t,n,i)}finally{yt.transition=o,Ae=i}return null}function Vh(e,t,n,i){do wr();while(hn!==null);if((ve&6)!==0)throw Error(r(327));n=e.finishedWork;var o=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(r(177));e.callbackNode=null,e.callbackPriority=0;var u=n.lanes|n.childLanes;if(Ep(e,u),e===Qe&&(Be=Qe=null,Ye=0),(n.subtreeFlags&2064)===0&&(n.flags&2064)===0||Sl||(Sl=!0,If(Oi,function(){return wr(),null})),u=(n.flags&15990)!==0,(n.subtreeFlags&15990)!==0||u){u=yt.transition,yt.transition=null;var p=Ae;Ae=1;var y=ve;ve|=4,Po.current=null,Hh(e,n),df(n,e),ah(Fs),Fi=!!Ls,Fs=Ls=null,e.current=n,Lh(n),pp(),ve=y,Ae=p,yt.transition=u}else e.current=n;if(Sl&&(Sl=!1,hn=e,Cl=o),u=e.pendingLanes,u===0&&(pn=null),gp(n.stateNode),st(e,De()),t!==null)for(i=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],i(o.value,{componentStack:o.stack,digest:o.digest});if(El)throw El=!1,e=No,No=null,e;return(Cl&1)!==0&&e.tag!==0&&wr(),u=e.pendingLanes,(u&1)!==0?e===Mo?pi++:(pi=0,Mo=e):pi=0,un(),null}function wr(){if(hn!==null){var e=uu(Cl),t=yt.transition,n=Ae;try{if(yt.transition=null,Ae=16>e?16:e,hn===null)var i=!1;else{if(e=hn,hn=null,Cl=0,(ve&6)!==0)throw Error(r(331));var o=ve;for(ve|=4,_=e.current;_!==null;){var u=_,p=u.child;if((_.flags&16)!==0){var y=u.deletions;if(y!==null){for(var S=0;S<y.length;S++){var N=y[S];for(_=N;_!==null;){var X=_;switch(X.tag){case 0:case 11:case 15:ci(8,X,u)}var K=X.child;if(K!==null)K.return=X,_=K;else for(;_!==null;){X=_;var z=X.sibling,q=X.return;if(of(X),X===N){_=null;break}if(z!==null){z.return=q,_=z;break}_=q}}}var te=u.alternate;if(te!==null){var ne=te.child;if(ne!==null){te.child=null;do{var Ne=ne.sibling;ne.sibling=null,ne=Ne}while(ne!==null)}}_=u}}if((u.subtreeFlags&2064)!==0&&p!==null)p.return=u,_=p;else e:for(;_!==null;){if(u=_,(u.flags&2048)!==0)switch(u.tag){case 0:case 11:case 15:ci(9,u,u.return)}var P=u.sibling;if(P!==null){P.return=u.return,_=P;break e}_=u.return}}var C=e.current;for(_=C;_!==null;){p=_;var D=p.child;if((p.subtreeFlags&2064)!==0&&D!==null)D.return=p,_=D;else e:for(p=C;_!==null;){if(y=_,(y.flags&2048)!==0)try{switch(y.tag){case 0:case 11:case 15:xl(9,y)}}catch(le){Oe(y,y.return,le)}if(y===p){_=null;break e}var Z=y.sibling;if(Z!==null){Z.return=y.return,_=Z;break e}_=y.return}}if(ve=o,un(),Pt&&typeof Pt.onPostCommitFiberRoot=="function")try{Pt.onPostCommitFiberRoot(Di,e)}catch{}i=!0}return i}finally{Ae=n,yt.transition=t}}return!1}function Sf(e,t,n){t=gr(n,t),t=Uc(e,t,1),e=fn(e,t,1),t=$e(),e!==null&&(Lr(e,1,t),st(e,t))}function Oe(e,t,n){if(e.tag===3)Sf(e,e,n);else for(;t!==null;){if(t.tag===3){Sf(t,e,n);break}else if(t.tag===1){var i=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof i.componentDidCatch=="function"&&(pn===null||!pn.has(i))){e=gr(n,e),e=Wc(t,e,1),t=fn(t,e,1),e=$e(),t!==null&&(Lr(t,1,e),st(t,e));break}}t=t.return}}function bh(e,t,n){var i=e.pingCache;i!==null&&i.delete(t),t=$e(),e.pingedLanes|=e.suspendedLanes&n,Qe===e&&(Ye&n)===n&&(Le===4||Le===3&&(Ye&130023424)===Ye&&500>De()-Do?Yn(e,0):Oo|=n),st(e,t)}function Cf(e,t){t===0&&((e.mode&1)===0?t=1:(t=Mi,Mi<<=1,(Mi&130023424)===0&&(Mi=4194304)));var n=$e();e=bt(e,t),e!==null&&(Lr(e,t,n),st(e,n))}function Yh(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Cf(e,n)}function zh(e,t){var n=0;switch(e.tag){case 13:var i=e.stateNode,o=e.memoizedState;o!==null&&(n=o.retryLane);break;case 19:i=e.stateNode;break;default:throw Error(r(314))}i!==null&&i.delete(t),Cf(e,n)}var kf;kf=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||nt.current)it=!0;else{if((e.lanes&n)===0&&(t.flags&128)===0)return it=!1,Dh(e,t,n);it=(e.flags&131072)!==0}else it=!1,Te&&(t.flags&1048576)!==0&&rc(t,nl,t.index);switch(t.lanes=0,t.tag){case 2:var i=t.type;vl(e,t),e=t.pendingProps;var o=ar(t,Ge.current);hr(t,n),o=ao(null,t,i,e,o,n);var u=uo();return t.flags|=1,typeof o=="object"&&o!==null&&typeof o.render=="function"&&o.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,rt(i)?(u=!0,$i(t)):u=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,to(t),o.updater=ml,t.stateNode=o,o._reactInternals=t,go(t,i,e,n),t=wo(null,t,i,!0,u,n)):(t.tag=0,Te&&u&&zs(t),_e(null,t,o,n),t=t.child),t;case 16:i=t.elementType;e:{switch(vl(e,t),e=t.pendingProps,o=i._init,i=o(i._payload),t.type=i,o=t.tag=Gh(i),e=It(i,e),o){case 0:t=xo(null,t,i,e,n);break e;case 1:t=Jc(null,t,i,e,n);break e;case 11:t=zc(null,t,i,e,n);break e;case 14:t=Xc(null,t,i,It(i.type,e),n);break e}throw Error(r(306,i,""))}return t;case 0:return i=t.type,o=t.pendingProps,o=t.elementType===i?o:It(i,o),xo(e,t,i,o,n);case 1:return i=t.type,o=t.pendingProps,o=t.elementType===i?o:It(i,o),Jc(e,t,i,o,n);case 3:e:{if(qc(t),e===null)throw Error(r(387));i=t.pendingProps,u=t.memoizedState,o=u.element,dc(e,t),al(t,i,null,n);var p=t.memoizedState;if(i=p.element,u.isDehydrated)if(u={element:i,isDehydrated:!1,cache:p.cache,pendingSuspenseBoundaries:p.pendingSuspenseBoundaries,transitions:p.transitions},t.updateQueue.baseState=u,t.memoizedState=u,t.flags&256){o=gr(Error(r(423)),t),t=_c(e,t,i,n,o);break e}else if(i!==o){o=gr(Error(r(424)),t),t=_c(e,t,i,n,o);break e}else for(ft=sn(t.stateNode.containerInfo.firstChild),ct=t,Te=!0,kt=null,n=cc(t,null,i,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(fr(),i===o){t=zt(e,t,n);break e}_e(e,t,i,n)}t=t.child}return t;case 5:return mc(t),e===null&&Ks(t),i=t.type,o=t.pendingProps,u=e!==null?e.memoizedProps:null,p=o.children,Qs(i,o)?p=null:u!==null&&Qs(i,u)&&(t.flags|=32),Zc(e,t),_e(e,t,p,n),t.child;case 6:return e===null&&Ks(t),null;case 13:return $c(e,t,n);case 4:return no(t,t.stateNode.containerInfo),i=t.pendingProps,e===null?t.child=dr(t,null,i,n):_e(e,t,i,n),t.child;case 11:return i=t.type,o=t.pendingProps,o=t.elementType===i?o:It(i,o),zc(e,t,i,o,n);case 7:return _e(e,t,t.pendingProps,n),t.child;case 8:return _e(e,t,t.pendingProps.children,n),t.child;case 12:return _e(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(i=t.type._context,o=t.pendingProps,u=t.memoizedProps,p=o.value,Ce(ll,i._currentValue),i._currentValue=p,u!==null)if(Ct(u.value,p)){if(u.children===o.children&&!nt.current){t=zt(e,t,n);break e}}else for(u=t.child,u!==null&&(u.return=t);u!==null;){var y=u.dependencies;if(y!==null){p=u.child;for(var S=y.firstContext;S!==null;){if(S.context===i){if(u.tag===1){S=Yt(-1,n&-n),S.tag=2;var N=u.updateQueue;if(N!==null){N=N.shared;var X=N.pending;X===null?S.next=S:(S.next=X.next,X.next=S),N.pending=S}}u.lanes|=n,S=u.alternate,S!==null&&(S.lanes|=n),$s(u.return,n,t),y.lanes|=n;break}S=S.next}}else if(u.tag===10)p=u.type===t.type?null:u.child;else if(u.tag===18){if(p=u.return,p===null)throw Error(r(341));p.lanes|=n,y=p.alternate,y!==null&&(y.lanes|=n),$s(p,n,t),p=u.sibling}else p=u.child;if(p!==null)p.return=u;else for(p=u;p!==null;){if(p===t){p=null;break}if(u=p.sibling,u!==null){u.return=p.return,p=u;break}p=p.return}u=p}_e(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,i=t.pendingProps.children,hr(t,n),o=gt(o),i=i(o),t.flags|=1,_e(e,t,i,n),t.child;case 14:return i=t.type,o=It(i,t.pendingProps),o=It(i.type,o),Xc(e,t,i,o,n);case 15:return Gc(e,t,t.type,t.pendingProps,n);case 17:return i=t.type,o=t.pendingProps,o=t.elementType===i?o:It(i,o),vl(e,t),t.tag=1,rt(i)?(e=!0,$i(t)):e=!1,hr(t,n),Fc(t,i,o),go(t,i,o,n),wo(null,t,i,!0,e,n);case 19:return tf(e,t,n);case 22:return Kc(e,t,n)}throw Error(r(156,t.tag))};function If(e,t){return iu(e,t)}function Xh(e,t,n,i){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=i,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function xt(e,t,n,i){return new Xh(e,t,n,i)}function Uo(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Gh(e){if(typeof e=="function")return Uo(e)?1:0;if(e!=null){if(e=e.$$typeof,e===re)return 11;if(e===oe)return 14}return 2}function vn(e,t){var n=e.alternate;return n===null?(n=xt(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Tl(e,t,n,i,o,u){var p=2;if(i=e,typeof e=="function")Uo(e)&&(p=1);else if(typeof e=="string")p=5;else e:switch(e){case H:return Xn(n.children,o,u,t);case U:p=8,o|=8;break;case G:return e=xt(12,n,t,o|2),e.elementType=G,e.lanes=u,e;case J:return e=xt(13,n,t,o),e.elementType=J,e.lanes=u,e;case ce:return e=xt(19,n,t,o),e.elementType=ce,e.lanes=u,e;case de:return jl(n,o,u,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case V:p=10;break e;case b:p=9;break e;case re:p=11;break e;case oe:p=14;break e;case ie:p=16,i=null;break e}throw Error(r(130,e==null?e:typeof e,""))}return t=xt(p,n,t,o),t.elementType=e,t.type=i,t.lanes=u,t}function Xn(e,t,n,i){return e=xt(7,e,i,t),e.lanes=n,e}function jl(e,t,n,i){return e=xt(22,e,i,t),e.elementType=de,e.lanes=n,e.stateNode={isHidden:!1},e}function Wo(e,t,n){return e=xt(6,e,null,t),e.lanes=n,e}function Vo(e,t,n){return t=xt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Kh(e,t,n,i,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=hs(0),this.expirationTimes=hs(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=hs(0),this.identifierPrefix=i,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function bo(e,t,n,i,o,u,p,y,S){return e=new Kh(e,t,n,y,S),t===1?(t=1,u===!0&&(t|=8)):t=0,u=xt(3,null,null,t),e.current=u,u.stateNode=e,u.memoizedState={element:i,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},to(u),e}function Zh(e,t,n){var i=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:O,key:i==null?null:""+i,children:e,containerInfo:t,implementation:n}}function Rf(e){if(!e)return an;e=e._reactInternals;e:{if(Mn(e)!==e||e.tag!==1)throw Error(r(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(rt(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(t!==null);throw Error(r(171))}if(e.tag===1){var n=e.type;if(rt(n))return ec(e,n,t)}return t}function Tf(e,t,n,i,o,u,p,y,S){return e=bo(n,i,!0,e,o,u,p,y,S),e.context=Rf(null),n=e.current,i=$e(),o=mn(n),u=Yt(i,o),u.callback=t??null,fn(n,u,o),e.current.lanes=o,Lr(e,o,i),st(e,i),e}function Pl(e,t,n,i){var o=t.current,u=$e(),p=mn(o);return n=Rf(n),t.context===null?t.context=n:t.pendingContext=n,t=Yt(u,p),t.payload={element:e},i=i===void 0?null:i,i!==null&&(t.callback=i),e=fn(o,t,p),e!==null&&(jt(e,o,p,u),ol(e,o,p)),p}function Ol(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function jf(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function Yo(e,t){jf(e,t),(e=e.alternate)&&jf(e,t)}function Jh(){return null}var Pf=typeof reportError=="function"?reportError:function(e){console.error(e)};function zo(e){this._internalRoot=e}Dl.prototype.render=zo.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(r(409));Pl(e,t,null,null)},Dl.prototype.unmount=zo.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;bn(function(){Pl(null,e,null,null)}),t[Qt]=null}};function Dl(e){this._internalRoot=e}Dl.prototype.unstable_scheduleHydration=function(e){if(e){var t=du();e={blockedOn:null,target:e,priority:t};for(var n=0;n<nn.length&&t!==0&&t<nn[n].priority;n++);nn.splice(n,0,e),n===0&&mu(e)}};function Xo(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function Nl(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function Of(){}function qh(e,t,n,i,o){if(o){if(typeof i=="function"){var u=i;i=function(){var N=Ol(p);u.call(N)}}var p=Tf(t,i,e,0,null,!1,!1,"",Of);return e._reactRootContainer=p,e[Qt]=p.current,qr(e.nodeType===8?e.parentNode:e),bn(),p}for(;o=e.lastChild;)e.removeChild(o);if(typeof i=="function"){var y=i;i=function(){var N=Ol(S);y.call(N)}}var S=bo(e,0,!1,null,null,!1,!1,"",Of);return e._reactRootContainer=S,e[Qt]=S.current,qr(e.nodeType===8?e.parentNode:e),bn(function(){Pl(t,S,n,i)}),S}function Ml(e,t,n,i,o){var u=n._reactRootContainer;if(u){var p=u;if(typeof o=="function"){var y=o;o=function(){var S=Ol(p);y.call(S)}}Pl(t,p,e,o)}else p=qh(n,t,e,o,i);return Ol(p)}cu=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Hr(t.pendingLanes);n!==0&&(ms(t,n|1),st(t,De()),(ve&6)===0&&(xr=De()+500,un()))}break;case 13:bn(function(){var i=bt(e,1);if(i!==null){var o=$e();jt(i,e,1,o)}}),Yo(e,1)}},gs=function(e){if(e.tag===13){var t=bt(e,134217728);if(t!==null){var n=$e();jt(t,e,134217728,n)}Yo(e,134217728)}},fu=function(e){if(e.tag===13){var t=mn(e),n=bt(e,t);if(n!==null){var i=$e();jt(n,e,t,i)}Yo(e,t)}},du=function(){return Ae},pu=function(e,t){var n=Ae;try{return Ae=e,t()}finally{Ae=n}},as=function(e,t,n){switch(t){case"input":if(jr(e,n),t=n.name,n.type==="radio"&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var i=n[t];if(i!==e&&i.form===e.form){var o=qi(i);if(!o)throw Error(r(90));Dn(i),jr(i,o)}}}break;case"textarea":Va(e,n);break;case"select":t=n.value,t!=null&&Jn(e,!!n.multiple,t,!1)}},qa=Lo,_a=bn;var _h={usingClientEntryPoint:!1,Events:[ei,sr,qi,Za,Ja,Lo]},hi={findFiberByHostInstance:Bn,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},$h={bundleType:hi.bundleType,version:hi.version,rendererPackageName:hi.rendererPackageName,rendererConfig:hi.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:B.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=nu(e),e===null?null:e.stateNode},findFiberByHostInstance:hi.findFiberByHostInstance||Jh,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var Bl=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Bl.isDisabled&&Bl.supportsFiber)try{Di=Bl.inject($h),Pt=Bl}catch{}}return ot.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=_h,ot.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!Xo(t))throw Error(r(200));return Zh(e,t,null,n)},ot.createRoot=function(e,t){if(!Xo(e))throw Error(r(299));var n=!1,i="",o=Pf;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(i=t.identifierPrefix),t.onRecoverableError!==void 0&&(o=t.onRecoverableError)),t=bo(e,1,!1,null,null,n,!1,i,o),e[Qt]=t.current,qr(e.nodeType===8?e.parentNode:e),new zo(t)},ot.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(r(188)):(e=Object.keys(e).join(","),Error(r(268,e)));return e=nu(t),e=e===null?null:e.stateNode,e},ot.flushSync=function(e){return bn(e)},ot.hydrate=function(e,t,n){if(!Nl(t))throw Error(r(200));return Ml(null,e,t,!0,n)},ot.hydrateRoot=function(e,t,n){if(!Xo(e))throw Error(r(405));var i=n!=null&&n.hydratedSources||null,o=!1,u="",p=Pf;if(n!=null&&(n.unstable_strictMode===!0&&(o=!0),n.identifierPrefix!==void 0&&(u=n.identifierPrefix),n.onRecoverableError!==void 0&&(p=n.onRecoverableError)),t=Tf(t,null,e,1,n??null,o,!1,u,p),e[Qt]=t.current,qr(e),i)for(e=0;e<i.length;e++)n=i[e],o=n._getVersion,o=o(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Dl(t)},ot.render=function(e,t,n){if(!Nl(t))throw Error(r(200));return Ml(null,e,t,!1,n)},ot.unmountComponentAtNode=function(e){if(!Nl(e))throw Error(r(40));return e._reactRootContainer?(bn(function(){Ml(null,null,e,!1,function(){e._reactRootContainer=null,e[Qt]=null})}),!0):!1},ot.unstable_batchedUpdates=Lo,ot.unstable_renderSubtreeIntoContainer=function(e,t,n,i){if(!Nl(n))throw Error(r(200));if(e==null||e._reactInternals===void 0)throw Error(r(38));return Ml(e,t,n,!1,i)},ot.version="18.3.1-next-f1338f8080-20240426",ot}var Nd;function Om(){if(Nd)return ia.exports;Nd=1;function l(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(l)}catch(s){console.error(s)}}return l(),ia.exports=Pm(),ia.exports}var Md;function Dm(){if(Md)return Ul;Md=1;var l=Om();return Ul.createRoot=l.createRoot,Ul.hydrateRoot=l.hydrateRoot,Ul}var Nm=Dm();class Jl{constructor(){Gt(this,"project",[]);Gt(this,"status",[]);Gt(this,"text",[]);Gt(this,"labels",[]);Gt(this,"annotations",[])}empty(){return this.project.length+this.status.length+this.text.length+this.labels.length+this.annotations.length===0}static parse(s){const r=Jl.tokenize(s),a=new Set,c=new Set,f=[],d=new Set,m=new Set;for(let A of r){const E=A.startsWith("!");if(E&&(A=A.slice(1)),A.startsWith("p:")){a.add({name:A.slice(2),not:E});continue}if(A.startsWith("s:")){c.add({name:A.slice(2),not:E});continue}if(A.startsWith("@")){d.add({name:A,not:E});continue}if(A.startsWith("annot:")){m.add({name:A.slice(6),not:E});continue}f.push({name:A.toLowerCase(),not:E})}const g=new Jl;return g.text=f,g.project=[...a],g.status=[...c],g.labels=[...d],g.annotations=[...m],g}static tokenize(s){const r=[];let a,c=[];for(let f=0;f<s.length;++f){const d=s[f];if(a&&d==="\\"&&s[f+1]===a){c.push(a),++f;continue}if(d==='"'||d==="'"){a===d?(r.push(c.join("").toLowerCase()),c=[],a=void 0):a?c.push(d):a=d;continue}if(a){c.push(d);continue}if(d===" "){c.length&&(r.push(c.join("").toLowerCase()),c=[]);continue}c.push(d)}return c.length&&r.push(c.join("").toLowerCase()),r}matches(s){const r=Mm(s);if(this.project.length&&!!!this.project.find(c=>{const f=r.project.includes(c.name);return c.not?!f:f}))return!1;if(this.status.length){if(!!!this.status.find(c=>{const f=r.status.includes(c.name);return c.not?!f:f}))return!1}else if(r.status==="skipped")return!1;return!(this.text.length&&!this.text.every(c=>{if(r.text.includes(c.name))return!c.not;const[f,d,m]=c.name.split(":");return r.file.includes(f)&&r.line===d&&(m===void 0||r.column===m)?!c.not:!!c.not})||this.labels.length&&!this.labels.every(c=>{const f=r.labels.includes(c.name);return c.not?!f:f})||this.annotations.length&&!this.annotations.every(c=>{const f=r.annotations.some(d=>d.includes(c.name));return c.not?!f:f}))}}const Bd=Symbol("searchValues");function Mm(l){const s=l[Bd];if(s)return s;let r="passed";l.outcome==="unexpected"&&(r="failed"),l.outcome==="flaky"&&(r="flaky"),l.outcome==="skipped"&&(r="skipped");const a={text:(r+" "+l.projectName+" "+l.tags.join(" ")+" "+l.location.file+" "+l.path.join(" ")+" "+l.title).toLowerCase(),project:l.projectName.toLowerCase(),status:r,file:l.location.file,line:String(l.location.line),column:String(l.location.column),labels:l.tags.map(c=>c.toLowerCase()),annotations:l.annotations.map(c=>{var f;return c.type.toLowerCase()+"="+((f=c.description)==null?void 0:f.toLocaleLowerCase())})};return l[Bd]=a,a}const Bm=/("[^"]*"|"[^"]*$|\S+)/g;function Si(l,s,r){const a=[...l.matchAll(Bm)].map(d=>{const m=d[0];return m.startsWith('"')&&m.endsWith('"')&&m.length>1?m.slice(1,m.length-1):m});if(r)return"#?q="+Hd(a.includes(s)?a.filter(d=>d!==s):[...a,s]);let c;s.startsWith("s:")&&(c="s:"),s.startsWith("p:")&&(c="p:"),s.startsWith("@")&&(c="@");const f=a.filter(d=>!d.startsWith(c));return f.push(s),"#?q="+Hd(f)}function Hd(l){return l.map(s=>/\s/.test(s)?`"${s}"`:s).join(" ").trim()}const Hm=()=>h.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon subnav-search-icon",children:h.jsx("path",{fillRule:"evenodd",d:"M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"})}),$l=()=>h.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16",className:"octicon color-fg-muted",children:h.jsx("path",{fillRule:"evenodd",d:"M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"})}),kr=()=>h.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:h.jsx("path",{fillRule:"evenodd",d:"M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"})}),X0=()=>h.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-text-warning",children:h.jsx("path",{fillRule:"evenodd",d:"M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"})}),G0=()=>h.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:h.jsx("path",{fillRule:"evenodd",d:"M3.5 1.75a.25.25 0 01.25-.25h3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h2.086a.25.25 0 01.177.073l2.914 2.914a.25.25 0 01.073.177v8.586a.25.25 0 01-.25.25h-.5a.75.75 0 000 1.5h.5A1.75 1.75 0 0014 13.25V4.664c0-.464-.184-.909-.513-1.237L10.573.513A1.75 1.75 0 009.336 0H3.75A1.75 1.75 0 002 1.75v11.5c0 .649.353 1.214.874 1.515a.75.75 0 10.752-1.298.25.25 0 01-.126-.217V1.75zM8.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM6 5.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5A.75.75 0 016 5.25zm2 1.5A.75.75 0 018.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 6.75zm-1.25.75a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM8 9.75A.75.75 0 018.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 9.75zm-.75.75a1.75 1.75 0 00-1.75 1.75v3c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75v-3a1.75 1.75 0 00-1.75-1.75h-.5zM7 12.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v2.25H7v-2.25z"})}),K0=()=>h.jsx("svg",{className:"octicon color-text-danger",viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",children:h.jsx("path",{fillRule:"evenodd",d:"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"})}),Z0=()=>h.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-icon-success",children:h.jsx("path",{fillRule:"evenodd",d:"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"})}),Lm=()=>h.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-text-danger",children:h.jsx("path",{fillRule:"evenodd",d:"M5.75.75A.75.75 0 016.5 0h3a.75.75 0 010 1.5h-.75v1l-.001.041a6.718 6.718 0 013.464 1.435l.007-.006.75-.75a.75.75 0 111.06 1.06l-.75.75-.006.007a6.75 6.75 0 11-10.548 0L2.72 5.03l-.75-.75a.75.75 0 011.06-1.06l.75.75.007.006A6.718 6.718 0 017.25 2.541a.756.756 0 010-.041v-1H6.5a.75.75 0 01-.75-.75zM8 14.5A5.25 5.25 0 108 4a5.25 5.25 0 000 10.5zm.389-6.7l1.33-1.33a.75.75 0 111.061 1.06L9.45 8.861A1.502 1.502 0 018 10.75a1.5 1.5 0 11.389-2.95z"})}),Fm=()=>h.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 16 16",width:"16",height:"16","data-view-component":"true",className:"octicon color-fg-muted",children:h.jsx("path",{d:"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm9.78-2.22-5.5 5.5a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l5.5-5.5a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"})}),Qm=()=>h.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:h.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11.85 32H36.2l-7.35-9.95-6.55 8.7-4.6-6.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-29v26-26Zm34 26V11H7v26Z"})}),Um=()=>h.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:h.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"m19.6 32.35 13-8.45-13-8.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h34V11H7v26Zm0 0V11v26Z"})}),Wm=()=>h.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:h.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M7 37h9.35V11H7v26Zm12.35 0h9.3V11h-9.3v26Zm12.3 0H41V11h-9.35v26ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Z"})}),Vm=()=>h.jsxs("svg",{className:"octicon",viewBox:"0 0 16 16",width:"16",height:"16","aria-hidden":"true",children:[h.jsx("path",{d:"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"}),h.jsx("path",{d:"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"})]}),J0=({value:l})=>{const[s,r]=se.useState("copy"),a=se.useCallback(()=>{navigator.clipboard.writeText(l).then(()=>{r("check"),setTimeout(()=>{r("copy")},3e3)},()=>{r("cross")})},[l]),c=s==="check"?Z0():s==="cross"?K0():Vm();return h.jsx("button",{className:"copy-icon",title:"Copy to clipboard","aria-label":"Copy to clipboard",onClick:a,children:c})},Na=({children:l,value:s})=>h.jsxs("span",{className:"copy-value-container",children:[l,h.jsx("span",{className:"copy-button-container",children:h.jsx(J0,{value:s})})]});function bm(l,s,r,a){const[c,f]=Ft.useState(r);return Ft.useEffect(()=>{let d=!1;return l().then(m=>{d||f(m)}),()=>{d=!0}},s),c}function q0(){const l=Ft.useRef(null),[s,r]=Ft.useState(new DOMRect(0,0,10,10));return Ft.useLayoutEffect(()=>{const a=l.current;if(!a)return;const c=a.getBoundingClientRect();r(new DOMRect(0,0,c.width,c.height));const f=new ResizeObserver(d=>{const m=d[d.length-1];m&&m.contentRect&&r(m.contentRect)});return f.observe(a),()=>f.disconnect()},[l]),[s,l]}class Ym{constructor(){this.onChangeEmitter=new EventTarget}getString(s,r){return localStorage[s]||r}setString(s,r){var a;localStorage[s]=r,this.onChangeEmitter.dispatchEvent(new Event(s)),(a=window.saveSettings)==null||a.call(window)}getObject(s,r){if(!localStorage[s])return r;try{return JSON.parse(localStorage[s])}catch{return r}}setObject(s,r){var a;localStorage[s]=JSON.stringify(r),this.onChangeEmitter.dispatchEvent(new Event(s)),(a=window.saveSettings)==null||a.call(window)}}new Ym;function At(...l){return l.filter(Boolean).join(" ")}const Ld="\\u0000-\\u0020\\u007f-\\u009f",zm=new RegExp("(?:[a-zA-Z][a-zA-Z0-9+.-]{2,}:\\/\\/|www\\.)[^\\s"+Ld+'"]{2,}[^\\s'+Ld+`"')}\\],:;.!?]`,"ug");function Xm(){const[l,s]=Ft.useState(!1),r=Ft.useCallback(()=>{const a=[];return s(c=>(a.push(setTimeout(()=>s(!1),1e3)),c?(a.push(setTimeout(()=>s(!0),50)),!1):!0)),()=>a.forEach(clearTimeout)},[s]);return[l,r]}function Ci(l){const s=[];let r=0,a;for(;(a=zm.exec(l))!==null;){const f=l.substring(r,a.index);f&&s.push(f);const d=a[0];s.push(Gm(d)),r=a.index+d.length}const c=l.substring(r);return c&&s.push(c),s}function Gm(l){let s=l;return s.startsWith("www.")&&(s="https://"+s),h.jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",children:l})}const Km=({summary:l,children:s,className:r,style:a})=>{const[c,f]=Ft.useState(!1),d=m=>{f(m.currentTarget.open)};return h.jsxs("details",{style:a,className:r,onToggle:d,children:[h.jsxs("summary",{className:"expandable-summary",children:[c?$l():kr(),l]}),s]})};function Ir(l){if(!isFinite(l))return"-";if(l===0)return"0ms";if(l<1e3)return l.toFixed(0)+"ms";const s=l/1e3;if(s<60)return s.toFixed(1)+"s";const r=s/60;if(r<60)return r.toFixed(1)+"m";const a=r/60;return a<24?a.toFixed(1)+"h":(a/24).toFixed(1)+"d"}function Zm(l){let s=0;for(let r=0;r<l.length;r++)s=l.charCodeAt(r)+((s<<8)-s);return Math.abs(s%6)}const Ma=({label:l,href:s,onClick:r,colorIndex:a,trimAtSymbolPrefix:c})=>{const f=h.jsx("span",{className:At("label","label-color-"+(a!==void 0?a:Zm(l))),onClick:r?d=>r(d,l):void 0,children:c&&l.startsWith("@")?l.slice(1):l});return s?h.jsx("a",{className:"label-anchor",href:s,children:f}):f},_0=({projectNames:l,activeProjectName:s,otherLabels:r,useLinks:a,style:c})=>(l.length>0||r.length>0)&&h.jsxs("span",{className:"label-row",style:c??{},children:[h.jsx(_m,{projectNames:l,projectName:s}),a?h.jsx(qm,{labels:r}):h.jsx(Jm,{labels:r})]}),Jm=({labels:l})=>{const s=se.useContext(Et),r=se.useCallback((a,c)=>{var d;a.preventDefault();const f=((d=s.get("q"))==null?void 0:d.toString())||"";Rn(Si(f,c,a.metaKey||a.ctrlKey))},[s]);return h.jsx(h.Fragment,{children:l.map(a=>h.jsx(Ma,{label:a,trimAtSymbolPrefix:!0,onClick:r},a))})},qm=({labels:l})=>h.jsx(h.Fragment,{children:l.map((s,r)=>h.jsx(Ma,{label:s,trimAtSymbolPrefix:!0,href:`#?q=${s}`},r))});function Rn(l){window.history.pushState({},"",l);const s=new PopStateEvent("popstate");window.dispatchEvent(s)}const Fd=({predicate:l,children:s})=>{const r=se.useContext(Et);return l(r)?s:null},jn=({click:l,ctrlClick:s,children:r,...a})=>h.jsx("a",{...a,style:{textDecoration:"none",color:"var(--color-fg-default)",cursor:"pointer"},onClick:c=>{l&&(c.preventDefault(),Rn((c.metaKey||c.ctrlKey)&&s||l))},children:r}),Ba=({className:l,...s})=>h.jsx(jn,{...s,className:At("link-badge",s.dim&&"link-badge-dim",l)}),_m=({projectNames:l,projectName:s})=>{const r=encodeURIComponent(s),a=s===r?s:`"${r.replace(/%22/g,"%5C%22")}"`;return h.jsx(jn,{href:`#?q=p:${a}`,children:h.jsx(Ma,{label:s,colorIndex:l.indexOf(s)%6})})},Wl=({attachment:l,result:s,href:r,linkName:a,openInNewTab:c})=>{const[f,d]=Xm();Ha("attachment-"+s.attachments.indexOf(l),d);const m=h.jsxs("span",{children:[l.contentType===tg?X0():G0(),l.path&&(c?h.jsx("a",{href:r||l.path,target:"_blank",rel:"noreferrer",children:a||l.name}):h.jsx("a",{href:r||l.path,download:eg(l),children:a||l.name})),!l.path&&(c?h.jsx("a",{href:URL.createObjectURL(new Blob([l.body],{type:l.contentType})),target:"_blank",rel:"noreferrer",onClick:g=>g.stopPropagation(),children:l.name}):h.jsx("span",{children:Ci(l.name)}))]});return l.body?h.jsx(Km,{style:{lineHeight:"32px"},className:At(f&&"flash"),summary:m,children:h.jsxs("div",{className:"attachment-body",children:[h.jsx(J0,{value:l.body}),Ci(l.body)]})}):h.jsxs("div",{style:{lineHeight:"32px",whiteSpace:"nowrap",paddingLeft:4},className:At(f&&"flash"),children:[h.jsx("span",{style:{visibility:"hidden"},children:kr()}),m]})},$0=({test:l,trailingSeparator:s,dim:r})=>{const a=l.results.map(c=>c.attachments.filter(f=>f.name==="trace")).filter(c=>c.length>0)[0];if(a)return h.jsxs(h.Fragment,{children:[h.jsxs(Ba,{href:ep(a),title:"View Trace",className:"button trace-link",dim:r,children:[Wm(),h.jsx("span",{children:"View Trace"})]}),s&&h.jsx("div",{className:"trace-link-separator",children:"|"})]})},Et=se.createContext(new URLSearchParams(window.location.hash.slice(1))),$m=({children:l})=>{const[s,r]=se.useState(new URLSearchParams(window.location.hash.slice(1)));return se.useEffect(()=>{const a=()=>r(new URLSearchParams(window.location.hash.slice(1)));return window.addEventListener("popstate",a),()=>window.removeEventListener("popstate",a)},[]),h.jsx(Et.Provider,{value:s,children:l})};function eg(l){if(l.name.includes(".")||!l.path)return l.name;const s=l.path.indexOf(".");return s===-1?l.name:l.name+l.path.slice(s,l.path.length)}function ep(l){return`trace/index.html?${l.map((s,r)=>`trace=${new URL(s.path,window.location.href)}`).join("&")}`}const tg="x-playwright/missing";function Ha(l,s){const r=se.useContext(Et),a=ng(l);se.useEffect(()=>{if(a)return s()},[a,s,r])}function ng(l){const r=se.useContext(Et).get("anchor");return r===null||typeof l>"u"?!1:typeof l=="string"?l===r:Array.isArray(l)?l.includes(r):l(r)}function yi({id:l,children:s}){const r=se.useRef(null),a=se.useCallback(()=>{var c;(c=r.current)==null||c.scrollIntoView({block:"start",inline:"start"})},[]);return Ha(l,a),h.jsx("div",{ref:r,children:s})}function qt({test:l,result:s,anchor:r}){const a=new URLSearchParams;return l&&a.set("testId",l.testId),l&&s&&a.set("run",""+l.results.indexOf(s)),r&&a.set("anchor",r),"#?"+a}function es(l){switch(l){case"failed":case"unexpected":return K0();case"passed":case"expected":return Z0();case"timedOut":return Lm();case"flaky":return X0();case"skipped":case"interrupted":return Fm()}}const La=({title:l,leftSuperHeader:s,rightSuperHeader:r})=>h.jsxs("div",{className:"header-view",children:[h.jsxs("div",{className:"hbox header-superheader",children:[s,h.jsx("div",{style:{flex:"auto"}}),r]}),l&&h.jsx("div",{className:"header-title",children:Ci(l)})]}),rg=({stats:l,filterText:s,setFilterText:r})=>{const a=se.useContext(Et);return se.useEffect(()=>{const c=a.get("q");r(c?`${c.trim()} `:"")},[a,r]),h.jsx(h.Fragment,{children:h.jsxs("div",{className:"pt-3",children:[h.jsx("div",{className:"header-view-status-container ml-2 pl-2 d-flex",children:h.jsx(ig,{stats:l})}),h.jsxs("form",{className:"subnav-search",onSubmit:c=>{c.preventDefault();const f=new URL(window.location.href),d=new FormData(c.target).get("q");f.hash=d?"?"+new URLSearchParams({q:d}):"",Rn(f)},children:[Hm(),h.jsx("input",{name:"q",spellCheck:!1,className:"form-control subnav-search-input input-contrast width-full",value:s,onChange:c=>{r(c.target.value)}})]})]})})},ig=({stats:l})=>h.jsxs("nav",{children:[h.jsxs(jn,{className:"subnav-item",href:"#?",children:[h.jsx("span",{className:"subnav-item-label",children:"All"}),h.jsx("span",{className:"d-inline counter",children:l.total-l.skipped})]}),h.jsx(Vl,{token:"passed",count:l.expected}),h.jsx(Vl,{token:"failed",count:l.unexpected}),h.jsx(Vl,{token:"flaky",count:l.flaky}),h.jsx(Vl,{token:"skipped",count:l.skipped})]}),Vl=({token:l,count:s})=>{var g;const a=((g=se.useContext(Et).get("q"))==null?void 0:g.toString())||"",c=`s:${l}`,f=Si(a,c,!1),d=Si(a,c,!0),m=l.charAt(0).toUpperCase()+l.slice(1);return h.jsxs(jn,{className:"subnav-item",href:f,click:f,ctrlClick:d,children:[s>0&&es(l),h.jsx("span",{className:"subnav-item-label",children:m}),h.jsx("span",{className:"d-inline counter",children:s})]})},lg=({tabs:l,selectedTab:s,setSelectedTab:r})=>{const a=se.useId();return h.jsx("div",{className:"tabbed-pane",children:h.jsxs("div",{className:"vbox",children:[h.jsx("div",{className:"hbox",style:{flex:"none"},children:h.jsx("div",{className:"tabbed-pane-tab-strip",role:"tablist",children:l.map(c=>h.jsx("div",{className:At("tabbed-pane-tab-element",s===c.id&&"selected"),onClick:()=>r(c.id),id:`${a}-${c.id}`,role:"tab","aria-selected":s===c.id,children:h.jsx("div",{className:"tabbed-pane-tab-label",children:c.title})},c.id))})}),l.map(c=>{if(s===c.id)return h.jsx("div",{className:"tab-content",role:"tabpanel","aria-labelledby":`${a}-${c.id}`,children:c.render()},c.id)})]})})},tp=({header:l,expanded:s,setExpanded:r,children:a,noInsets:c,dataTestId:f})=>{const d=se.useId();return h.jsxs("div",{className:"chip","data-testid":f,children:[h.jsxs("div",{role:"button","aria-expanded":!!s,"aria-controls":d,className:At("chip-header",r&&" expanded-"+s),onClick:()=>r==null?void 0:r(!s),title:typeof l=="string"?l:void 0,children:[r&&!!s&&$l(),r&&!s&&kr(),l]}),(!r||s)&&h.jsx("div",{id:d,role:"region",className:At("chip-body",c&&"chip-body-no-insets"),children:a})]})},Bt=({header:l,initialExpanded:s,noInsets:r,children:a,dataTestId:c,revealOnAnchorId:f})=>{const[d,m]=se.useState(s??!0),g=se.useCallback(()=>m(!0),[]);return Ha(f,g),h.jsx(tp,{header:l,expanded:d,setExpanded:m,noInsets:r,dataTestId:c,children:a})},sg=({title:l,loadChildren:s,onClick:r,expandByDefault:a,depth:c,style:f,flash:d})=>{const[m,g]=se.useState(a||!1);return h.jsxs("div",{role:"treeitem",className:At("tree-item",d&&"yellow-flash"),style:f,children:[h.jsxs("span",{className:"tree-item-title",style:{whiteSpace:"nowrap",paddingLeft:c*22+4},onClick:()=>{r==null||r(),g(!m)},children:[s&&!!m&&$l(),s&&!m&&kr(),!s&&h.jsx("span",{style:{visibility:"hidden"},children:kr()}),l]}),m&&(s==null?void 0:s())]})},og="data:image/png;base64,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",ag=({cursor:l,onPaneMouseMove:s,onPaneMouseUp:r,onPaneDoubleClick:a})=>(Ft.useEffect(()=>{const c=document.createElement("div");return c.style.position="fixed",c.style.top="0",c.style.right="0",c.style.bottom="0",c.style.left="0",c.style.zIndex="9999",c.style.cursor=l,document.body.appendChild(c),s&&c.addEventListener("mousemove",s),r&&c.addEventListener("mouseup",r),a&&document.body.addEventListener("dblclick",a),()=>{s&&c.removeEventListener("mousemove",s),r&&c.removeEventListener("mouseup",r),a&&document.body.removeEventListener("dblclick",a),document.body.removeChild(c)}},[l,s,r,a]),h.jsx(h.Fragment,{})),ug={position:"absolute",top:0,right:0,bottom:0,left:0},cg=({orientation:l,offsets:s,setOffsets:r,resizerColor:a,resizerWidth:c,minColumnWidth:f})=>{const d=f||0,[m,g]=Ft.useState(null),[A,E]=q0(),k={position:"absolute",right:l==="horizontal"?void 0:0,bottom:l==="horizontal"?0:void 0,width:l==="horizontal"?7:void 0,height:l==="horizontal"?void 0:7,borderTopWidth:l==="horizontal"?void 0:(7-c)/2,borderRightWidth:l==="horizontal"?(7-c)/2:void 0,borderBottomWidth:l==="horizontal"?void 0:(7-c)/2,borderLeftWidth:l==="horizontal"?(7-c)/2:void 0,borderColor:"transparent",borderStyle:"solid",cursor:l==="horizontal"?"ew-resize":"ns-resize"};return h.jsxs("div",{style:{position:"absolute",top:0,right:0,bottom:0,left:-(7-c)/2,zIndex:100,pointerEvents:"none"},ref:E,children:[!!m&&h.jsx(ag,{cursor:l==="horizontal"?"ew-resize":"ns-resize",onPaneMouseUp:()=>g(null),onPaneMouseMove:I=>{if(!I.buttons)g(null);else if(m){const T=l==="horizontal"?I.clientX-m.clientX:I.clientY-m.clientY,F=m.offset+T,x=m.index>0?s[m.index-1]:0,v=l==="horizontal"?A.width:A.height,w=Math.min(Math.max(x+d,F),v-d)-s[m.index];for(let j=m.index;j<s.length;++j)s[j]=s[j]+w;r([...s])}}}),s.map((I,T)=>h.jsx("div",{style:{...k,top:l==="horizontal"?0:I,left:l==="horizontal"?I:0,pointerEvents:"initial"},onMouseDown:F=>g({clientX:F.clientX,clientY:F.clientY,offset:I,index:T}),children:h.jsx("div",{style:{...ug,background:a}})},T))]})};async function oa(l){const s=new Image;return l&&(s.src=l,await new Promise((r,a)=>{s.onload=r,s.onerror=r})),s}const wa={backgroundImage:`linear-gradient(45deg, #80808020 25%, transparent 25%),
+                    linear-gradient(-45deg, #80808020 25%, transparent 25%),
+                    linear-gradient(45deg, transparent 75%, #80808020 75%),
+                    linear-gradient(-45deg, transparent 75%, #80808020 75%)`,backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",boxShadow:`rgb(0 0 0 / 10%) 0px 1.8px 1.9px,
+              rgb(0 0 0 / 15%) 0px 6.1px 6.3px,
+              rgb(0 0 0 / 10%) 0px -2px 4px,
+              rgb(0 0 0 / 15%) 0px -6.1px 12px,
+              rgb(0 0 0 / 25%) 0px 6px 12px`},np=({diff:l,noTargetBlank:s,hideDetails:r})=>{const[a,c]=se.useState(l.diff?"diff":"actual"),[f,d]=se.useState(!1),[m,g]=se.useState(null),[A,E]=se.useState("Expected"),[k,I]=se.useState(null),[T,F]=se.useState(null),[x,v]=q0();se.useEffect(()=>{(async()=>{var G,V,b,re;g(await oa((G=l.expected)==null?void 0:G.attachment.path)),E(((V=l.expected)==null?void 0:V.title)||"Expected"),I(await oa((b=l.actual)==null?void 0:b.attachment.path)),F(await oa((re=l.diff)==null?void 0:re.attachment.path))})()},[l]);const w=m&&k&&T,j=w?Math.max(m.naturalWidth,k.naturalWidth,200):500,M=w?Math.max(m.naturalHeight,k.naturalHeight,200):500,B=Math.min(1,(x.width-30)/j),Q=Math.min(1,(x.width-50)/j/2),O=j*B,H=M*B,U={flex:"none",margin:"0 10px",cursor:"pointer",userSelect:"none"};return h.jsx("div",{"data-testid":"test-result-image-mismatch",style:{display:"flex",flexDirection:"column",alignItems:"center",flex:"auto"},ref:v,children:w&&h.jsxs(h.Fragment,{children:[h.jsxs("div",{"data-testid":"test-result-image-mismatch-tabs",style:{display:"flex",margin:"10px 0 20px"},children:[l.diff&&h.jsx("div",{style:{...U,fontWeight:a==="diff"?600:"initial"},onClick:()=>c("diff"),children:"Diff"}),h.jsx("div",{style:{...U,fontWeight:a==="actual"?600:"initial"},onClick:()=>c("actual"),children:"Actual"}),h.jsx("div",{style:{...U,fontWeight:a==="expected"?600:"initial"},onClick:()=>c("expected"),children:A}),h.jsx("div",{style:{...U,fontWeight:a==="sxs"?600:"initial"},onClick:()=>c("sxs"),children:"Side by side"}),h.jsx("div",{style:{...U,fontWeight:a==="slider"?600:"initial"},onClick:()=>c("slider"),children:"Slider"})]}),h.jsxs("div",{style:{display:"flex",justifyContent:"center",flex:"auto",minHeight:H+60},children:[l.diff&&a==="diff"&&h.jsx(Kt,{image:T,alt:"Diff",hideSize:r,canvasWidth:O,canvasHeight:H,scale:B}),l.diff&&a==="actual"&&h.jsx(Kt,{image:k,alt:"Actual",hideSize:r,canvasWidth:O,canvasHeight:H,scale:B}),l.diff&&a==="expected"&&h.jsx(Kt,{image:m,alt:A,hideSize:r,canvasWidth:O,canvasHeight:H,scale:B}),l.diff&&a==="slider"&&h.jsx(fg,{expectedImage:m,actualImage:k,hideSize:r,canvasWidth:O,canvasHeight:H,scale:B,expectedTitle:A}),l.diff&&a==="sxs"&&h.jsxs("div",{style:{display:"flex"},children:[h.jsx(Kt,{image:m,title:A,hideSize:r,canvasWidth:Q*j,canvasHeight:Q*M,scale:Q}),h.jsx(Kt,{image:f?T:k,title:f?"Diff":"Actual",onClick:()=>d(!f),hideSize:r,canvasWidth:Q*j,canvasHeight:Q*M,scale:Q})]}),!l.diff&&a==="actual"&&h.jsx(Kt,{image:k,title:"Actual",hideSize:r,canvasWidth:O,canvasHeight:H,scale:B}),!l.diff&&a==="expected"&&h.jsx(Kt,{image:m,title:A,hideSize:r,canvasWidth:O,canvasHeight:H,scale:B}),!l.diff&&a==="sxs"&&h.jsxs("div",{style:{display:"flex"},children:[h.jsx(Kt,{image:m,title:A,canvasWidth:Q*j,canvasHeight:Q*M,scale:Q}),h.jsx(Kt,{image:k,title:"Actual",canvasWidth:Q*j,canvasHeight:Q*M,scale:Q})]})]}),!r&&h.jsxs("div",{style:{alignSelf:"start",lineHeight:"18px",marginLeft:"15px"},children:[h.jsx("div",{children:l.diff&&h.jsx("a",{target:"_blank",href:l.diff.attachment.path,rel:"noreferrer",children:l.diff.attachment.name})}),h.jsx("div",{children:h.jsx("a",{target:s?"":"_blank",href:l.actual.attachment.path,rel:"noreferrer",children:l.actual.attachment.name})}),h.jsx("div",{children:h.jsx("a",{target:s?"":"_blank",href:l.expected.attachment.path,rel:"noreferrer",children:l.expected.attachment.name})})]})]})})},fg=({expectedImage:l,actualImage:s,canvasWidth:r,canvasHeight:a,scale:c,expectedTitle:f,hideSize:d})=>{const m={position:"absolute",top:0,left:0},[g,A]=se.useState(r/2),E=l.naturalWidth===s.naturalWidth&&l.naturalHeight===s.naturalHeight;return h.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column",userSelect:"none"},children:[!d&&h.jsxs("div",{style:{margin:5},children:[!E&&h.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"Expected "}),h.jsx("span",{children:l.naturalWidth}),h.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),h.jsx("span",{children:l.naturalHeight}),!E&&h.jsx("span",{style:{flex:"none",margin:"0 5px 0 15px"},children:"Actual "}),!E&&h.jsx("span",{children:s.naturalWidth}),!E&&h.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),!E&&h.jsx("span",{children:s.naturalHeight})]}),h.jsxs("div",{style:{position:"relative",width:r,height:a,margin:15,...wa},children:[h.jsx(cg,{orientation:"horizontal",offsets:[g],setOffsets:k=>A(k[0]),resizerColor:"#57606a80",resizerWidth:6}),h.jsx("img",{alt:f,style:{width:l.naturalWidth*c,height:l.naturalHeight*c},draggable:"false",src:l.src}),h.jsx("div",{style:{...m,bottom:0,overflow:"hidden",width:g,...wa},children:h.jsx("img",{alt:"Actual",style:{width:s.naturalWidth*c,height:s.naturalHeight*c},draggable:"false",src:s.src})})]})]})},Kt=({image:l,title:s,alt:r,hideSize:a,canvasWidth:c,canvasHeight:f,scale:d,onClick:m})=>h.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column"},children:[!a&&h.jsxs("div",{style:{margin:5},children:[s&&h.jsx("span",{style:{flex:"none",margin:"0 5px"},children:s}),h.jsx("span",{children:l.naturalWidth}),h.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),h.jsx("span",{children:l.naturalHeight})]}),h.jsx("div",{style:{display:"flex",flex:"none",width:c,height:f,margin:15,...wa},children:h.jsx("img",{width:l.naturalWidth*d,height:l.naturalHeight*d,alt:s||r,style:{cursor:m?"pointer":"initial"},draggable:"false",src:l.src,onClick:m})})]});function dg(l,s){const r=/(\x1b\[(\d+(;\d+)*)m)|([^\x1b]+)/g,a=[];let c,f={},d=!1,m=s==null?void 0:s.fg,g=s==null?void 0:s.bg;for(;(c=r.exec(l))!==null;){const[,,A,,E]=c;if(A){const k=+A;switch(k){case 0:f={};break;case 1:f["font-weight"]="bold";break;case 2:f.opacity="0.8";break;case 3:f["font-style"]="italic";break;case 4:f["text-decoration"]="underline";break;case 7:d=!0;break;case 8:f.display="none";break;case 9:f["text-decoration"]="line-through";break;case 22:delete f["font-weight"],delete f["font-style"],delete f.opacity,delete f["text-decoration"];break;case 23:delete f["font-weight"],delete f["font-style"],delete f.opacity;break;case 24:delete f["text-decoration"];break;case 27:d=!1;break;case 30:case 31:case 32:case 33:case 34:case 35:case 36:case 37:m=Qd[k-30];break;case 39:m=s==null?void 0:s.fg;break;case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:g=Qd[k-40];break;case 49:g=s==null?void 0:s.bg;break;case 53:f["text-decoration"]="overline";break;case 90:case 91:case 92:case 93:case 94:case 95:case 96:case 97:m=Ud[k-90];break;case 100:case 101:case 102:case 103:case 104:case 105:case 106:case 107:g=Ud[k-100];break}}else if(E){const k={...f},I=d?g:m;I!==void 0&&(k.color=I);const T=d?m:g;T!==void 0&&(k["background-color"]=T),a.push(`<span style="${hg(k)}">${pg(E)}</span>`)}}return a.join("")}const Qd={0:"var(--vscode-terminal-ansiBlack)",1:"var(--vscode-terminal-ansiRed)",2:"var(--vscode-terminal-ansiGreen)",3:"var(--vscode-terminal-ansiYellow)",4:"var(--vscode-terminal-ansiBlue)",5:"var(--vscode-terminal-ansiMagenta)",6:"var(--vscode-terminal-ansiCyan)",7:"var(--vscode-terminal-ansiWhite)"},Ud={0:"var(--vscode-terminal-ansiBrightBlack)",1:"var(--vscode-terminal-ansiBrightRed)",2:"var(--vscode-terminal-ansiBrightGreen)",3:"var(--vscode-terminal-ansiBrightYellow)",4:"var(--vscode-terminal-ansiBrightBlue)",5:"var(--vscode-terminal-ansiBrightMagenta)",6:"var(--vscode-terminal-ansiBrightCyan)",7:"var(--vscode-terminal-ansiBrightWhite)"};function pg(l){return l.replace(/[&"<>]/g,s=>({"&":"&amp;",'"':"&quot;","<":"&lt;",">":"&gt;"})[s])}function hg(l){return Object.entries(l).map(([s,r])=>`${s}: ${r}`).join("; ")}const Fa=({code:l,children:s,testId:r})=>{const a=se.useMemo(()=>vg(l),[l]);return h.jsxs("div",{className:"test-error-container test-error-text","data-testid":r,children:[s,h.jsx("div",{className:"test-error-view",dangerouslySetInnerHTML:{__html:a||""}})]})},mg=({prompt:l})=>{const[s,r]=se.useState(!1);return h.jsx("button",{className:"button",style:{minWidth:100},onClick:async()=>{await navigator.clipboard.writeText(l),r(!0),setTimeout(()=>{r(!1)},3e3)},children:s?"Copied":"Copy prompt"})},gg=({diff:l})=>h.jsx("div",{"data-testid":"test-screenshot-error-view",className:"test-error-view",children:h.jsx(np,{diff:l,hideDetails:!0},"image-diff")});function vg(l){return dg(l||"",{bg:"var(--color-canvas-subtle)",fg:"var(--color-fg-default)"})}const yg=`
+# Instructions
+
+- Following Playwright test failed.
+- Explain why, be concise, respect Playwright best practices.
+- Provide a snippet of code with the fix, if possible.
+`.trimStart();async function xg({testInfo:l,metadata:s,errorContext:r,errors:a,buildCodeFrame:c,stdout:f,stderr:d}){var k;const m=new Set(a.filter(I=>I.message&&!I.message.includes(`
+`)).map(I=>I.message));for(const I of a)for(const T of m.keys())(k=I.message)!=null&&k.includes(T)&&m.delete(T);const g=a.filter(I=>!(!I.message||!I.message.includes(`
+`)&&!m.has(I.message)));if(!g.length)return;const A=[yg,"# Test info","",l];f&&A.push("","# Stdout","","```",aa(f),"```"),d&&A.push("","# Stderr","","```",aa(d),"```"),A.push("","# Error details");for(const I of g)A.push("","```",aa(I.message||""),"```");r&&A.push(r);const E=await c(g[g.length-1]);return E&&A.push("","# Test source","","```ts",E,"```"),s!=null&&s.gitDiff&&A.push("","# Local changes","","```diff",s.gitDiff,"```"),A.join(`
+`)}const wg=new RegExp("([\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)|(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~])))","g");function aa(l){return l.replace(wg,"")}function Ag(l,s){var a;const r=new Map;for(const c of l){const f=c.name.match(/^(.*)-(expected|actual|diff|previous)(\.[^.]+)?$/);if(!f)continue;const[,d,m,g=""]=f,A=d+g;let E=r.get(A);E||(E={name:A,anchors:[`attachment-${d}`]},r.set(A,E)),E.anchors.push(`attachment-${s.attachments.indexOf(c)}`),m==="actual"&&(E.actual={attachment:c}),m==="expected"&&(E.expected={attachment:c,title:"Expected"}),m==="previous"&&(E.expected={attachment:c,title:"Previous"}),m==="diff"&&(E.diff={attachment:c})}for(const[c,f]of r)!f.actual||!f.expected?r.delete(c):(l.delete(f.actual.attachment),l.delete(f.expected.attachment),l.delete((a=f.diff)==null?void 0:a.attachment));return[...r.values()]}const Eg=({test:l,result:s,testRunMetadata:r})=>{const{screenshots:a,videos:c,traces:f,otherAttachments:d,diffs:m,errors:g,otherAttachmentAnchors:A,screenshotAnchors:E,errorContext:k}=se.useMemo(()=>{const T=s.attachments.filter(H=>!H.name.startsWith("_")),F=new Set(T.filter(H=>H.contentType.startsWith("image/"))),x=[...F].map(H=>`attachment-${T.indexOf(H)}`),v=T.filter(H=>H.contentType.startsWith("video/")),w=T.filter(H=>H.name==="trace"),j=T.find(H=>H.name==="error-context"),M=new Set(T);[...F,...v,...w].forEach(H=>M.delete(H));const B=[...M].map(H=>`attachment-${T.indexOf(H)}`),Q=Ag(F,s),O=s.errors.map(H=>H.message);return{screenshots:[...F],videos:v,traces:w,otherAttachments:M,diffs:Q,errors:O,otherAttachmentAnchors:B,screenshotAnchors:x,errorContext:j}},[s]),I=bm(async()=>{const T=s.attachments.find(w=>w.name==="stdout"),F=s.attachments.find(w=>w.name==="stderr"),x=T!=null&&T.body&&T.contentType==="text/plain"?T.body:void 0,v=F!=null&&F.body&&F.contentType==="text/plain"?F.body:void 0;return await xg({testInfo:[`- Name: ${l.path.join(" >> ")} >> ${l.title}`,`- Location: ${l.location.file}:${l.location.line}:${l.location.column}`].join(`
+`),metadata:r,errorContext:k!=null&&k.path?await fetch(k.path).then(w=>w.text()):k==null?void 0:k.body,errors:s.errors,buildCodeFrame:async w=>w.codeframe,stdout:x,stderr:v})},[l,k,r,s],void 0);return h.jsxs("div",{className:"test-result",children:[!!g.length&&h.jsxs(Bt,{header:"Errors",children:[I&&h.jsx("div",{style:{position:"absolute",right:"16px",padding:"10px",zIndex:1},children:h.jsx(mg,{prompt:I})}),g.map((T,F)=>{const x=Sg(T,m);return h.jsxs(h.Fragment,{children:[h.jsx(Fa,{code:T},"test-result-error-message-"+F),x&&h.jsx(gg,{diff:x})]})})]}),!!s.steps.length&&h.jsx(Bt,{header:"Test Steps",children:s.steps.map((T,F)=>h.jsx(rp,{step:T,result:s,test:l,depth:0},`step-${F}`))}),m.map((T,F)=>h.jsx(yi,{id:T.anchors,children:h.jsx(Bt,{dataTestId:"test-results-image-diff",header:`Image mismatch: ${T.name}`,revealOnAnchorId:T.anchors,children:h.jsx(np,{diff:T})})},`diff-${F}`)),!!a.length&&h.jsx(Bt,{header:"Screenshots",revealOnAnchorId:E,children:a.map((T,F)=>h.jsxs(yi,{id:`attachment-${s.attachments.indexOf(T)}`,children:[h.jsx("a",{href:T.path,children:h.jsx("img",{className:"screenshot",src:T.path})}),h.jsx(Wl,{attachment:T,result:s})]},`screenshot-${F}`))}),!!f.length&&h.jsx(yi,{id:"attachment-trace",children:h.jsx(Bt,{header:"Traces",revealOnAnchorId:"attachment-trace",children:h.jsxs("div",{children:[h.jsx("a",{href:ep(f),children:h.jsx("img",{className:"screenshot",src:og,style:{width:192,height:117,marginLeft:20}})}),f.map((T,F)=>h.jsx(Wl,{attachment:T,result:s,linkName:f.length===1?"trace":`trace-${F+1}`},`trace-${F}`))]})})}),!!c.length&&h.jsx(yi,{id:"attachment-video",children:h.jsx(Bt,{header:"Videos",revealOnAnchorId:"attachment-video",children:c.map(T=>h.jsxs("div",{children:[h.jsx("video",{controls:!0,children:h.jsx("source",{src:T.path,type:T.contentType})}),h.jsx(Wl,{attachment:T,result:s})]},T.path))})}),!!d.size&&h.jsx(Bt,{header:"Attachments",revealOnAnchorId:A,dataTestId:"attachments",children:[...d].map((T,F)=>h.jsx(yi,{id:`attachment-${s.attachments.indexOf(T)}`,children:h.jsx(Wl,{attachment:T,result:s,openInNewTab:T.contentType.startsWith("text/html")})},`attachment-link-${F}`))})]})};function Sg(l,s){const r=l.split(`
+`)[0];if(!(!r.includes("toHaveScreenshot")&&!r.includes("toMatchSnapshot")))return s.find(a=>l.includes(a.name))}const rp=({test:l,step:s,result:r,depth:a})=>h.jsx(sg,{title:h.jsxs("span",{"aria-label":s.title,children:[h.jsx("span",{style:{float:"right"},children:Ir(s.duration)}),s.attachments.length>0&&h.jsx("a",{style:{float:"right"},title:"reveal attachment",href:qt({test:l,result:r,anchor:`attachment-${s.attachments[0]}`}),onClick:c=>{c.stopPropagation()},children:G0()}),es(s.error||s.duration===-1?"failed":s.skipped?"skipped":"passed"),h.jsx("span",{children:s.title}),s.count>1&&h.jsxs(h.Fragment,{children:[" ✕ ",h.jsx("span",{className:"test-result-counter",children:s.count})]}),s.location&&h.jsxs("span",{className:"test-result-path",children:["— ",s.location.file,":",s.location.line]})]}),loadChildren:s.steps.length||s.snippet?()=>{const c=s.snippet?[h.jsx(Fa,{testId:"test-snippet",code:s.snippet},"line")]:[],f=s.steps.map((d,m)=>h.jsx(rp,{step:d,depth:a+1,result:r,test:l},m));return c.concat(f)}:void 0,depth:a}),Cg=({projectNames:l,test:s,testRunMetadata:r,run:a,next:c,prev:f})=>{const[d,m]=se.useState(a),g=se.useContext(Et),A=g.has("q")?"&q="+g.get("q"):"",E=s.annotations.filter(k=>!k.type.startsWith("_"))??[];return h.jsxs(h.Fragment,{children:[h.jsx(La,{title:s.title,leftSuperHeader:h.jsx("div",{className:"test-case-path",children:s.path.join(" › ")}),rightSuperHeader:h.jsxs(h.Fragment,{children:[h.jsx("div",{className:At(!f&&"hidden"),children:h.jsx(jn,{href:qt({test:f})+A,children:"« previous"})}),h.jsx("div",{style:{width:10}}),h.jsx("div",{className:At(!c&&"hidden"),children:h.jsx(jn,{href:qt({test:c})+A,children:"next »"})})]})}),h.jsxs("div",{className:"hbox",style:{lineHeight:"24px"},children:[h.jsx("div",{className:"test-case-location",children:h.jsxs(Na,{value:`${s.location.file}:${s.location.line}`,children:[s.location.file,":",s.location.line]})}),h.jsx("div",{style:{flex:"auto"}}),h.jsx($0,{test:s,trailingSeparator:!0}),h.jsx("div",{className:"test-case-duration",children:Ir(s.duration)})]}),h.jsx(_0,{style:{marginLeft:"6px"},projectNames:l,activeProjectName:s.projectName,otherLabels:s.tags}),s.results.length===0&&E.length!==0&&h.jsx(Bt,{header:"Annotations",dataTestId:"test-case-annotations",children:E.map((k,I)=>h.jsx(Wd,{annotation:k},I))}),h.jsx(lg,{tabs:s.results.map((k,I)=>({id:String(I),title:h.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[es(k.status)," ",kg(I),s.results.length>1&&h.jsx("span",{className:"test-case-run-duration",children:Ir(k.duration)})]}),render:()=>{const T=k.annotations.filter(F=>!F.type.startsWith("_"));return h.jsxs(h.Fragment,{children:[!!T.length&&h.jsx(Bt,{header:"Annotations",dataTestId:"test-case-annotations",children:T.map((F,x)=>h.jsx(Wd,{annotation:F},x))}),h.jsx(Eg,{test:s,result:k,testRunMetadata:r})]})}}))||[],selectedTab:String(d),setSelectedTab:k=>m(+k)})]})};function Wd({annotation:{type:l,description:s}}){return h.jsxs("div",{className:"test-case-annotation",children:[h.jsx("span",{style:{fontWeight:"bold"},children:l}),s&&h.jsxs(Na,{value:s,children:[": ",Ci(s)]})]})}function kg(l){return l?`Retry #${l}`:"Run"}const Ig=({file:l,projectNames:s,isFileExpanded:r,setFileExpanded:a})=>{const c=se.useContext(Et),f=c.has("q")?"&q="+c.get("q"):"";return h.jsx(tp,{expanded:r(l.fileId),noInsets:!0,setExpanded:d=>a(l.fileId,d),header:h.jsx("span",{className:"chip-header-allow-selection",children:l.fileName}),children:l.tests.map(d=>h.jsxs("div",{className:At("test-file-test","test-file-test-outcome-"+d.outcome),children:[h.jsxs("div",{className:"hbox",style:{alignItems:"flex-start"},children:[h.jsxs("div",{className:"hbox",children:[h.jsx("span",{className:"test-file-test-status-icon",children:es(d.outcome)}),h.jsxs("span",{children:[h.jsx(jn,{href:qt({test:d})+f,title:[...d.path,d.title].join(" › "),children:h.jsx("span",{className:"test-file-title",children:[...d.path,d.title].join(" › ")})}),h.jsx(_0,{style:{marginLeft:"6px"},projectNames:s,activeProjectName:d.projectName,otherLabels:d.tags})]})]}),h.jsx("span",{"data-testid":"test-duration",style:{minWidth:"50px",textAlign:"right"},children:Ir(d.duration)})]}),h.jsx("div",{className:"test-file-details-row",children:h.jsxs("div",{className:"test-file-details-row-items",children:[h.jsx(jn,{href:qt({test:d}),title:[...d.path,d.title].join(" › "),className:"test-file-path-link",children:h.jsxs("span",{className:"test-file-path",children:[d.location.file,":",d.location.line]})}),Rg(d),Tg(d),h.jsx($0,{test:d,dim:!0})]})})]},`test-${d.testId}`))})};function Rg(l){for(const s of l.results)for(const r of s.attachments)if(r.contentType.startsWith("image/")&&r.name.match(/-(expected|actual|diff)/))return h.jsx(Ba,{href:qt({test:l,result:s,anchor:`attachment-${s.attachments.indexOf(r)}`}),title:"View images",dim:!0,children:Qm()})}function Tg(l){const s=l.results.find(r=>r.attachments.some(a=>a.name==="video"));return s?h.jsx(Ba,{href:qt({test:l,result:s,anchor:"attachment-video"}),title:"View video",dim:!0,children:Um()}):void 0}class jg extends se.Component{constructor(){super(...arguments);Gt(this,"state",{error:null,errorInfo:null})}componentDidCatch(r,a){this.setState({error:r,errorInfo:a})}render(){var r,a,c;return this.state.error||this.state.errorInfo?h.jsxs("div",{className:"metadata-view p-3",children:[h.jsx("p",{children:"An error was encountered when trying to render metadata."}),h.jsx("p",{children:h.jsxs("pre",{style:{overflow:"scroll"},children:[(r=this.state.error)==null?void 0:r.message,h.jsx("br",{}),(a=this.state.error)==null?void 0:a.stack,h.jsx("br",{}),(c=this.state.errorInfo)==null?void 0:c.componentStack]})})]}):this.props.children}}const Pg=l=>h.jsx(jg,{children:h.jsx(Og,{metadata:l.metadata})}),Og=l=>{const s=se.useContext(Et),r=l.metadata,a=s.has("show-metadata-other")?Object.entries(l.metadata).filter(([f])=>!ip.has(f)):[];if(r.ci||r.gitCommit||a.length>0)return h.jsxs("div",{className:"metadata-view",children:[r.ci&&!r.gitCommit&&h.jsx(Dg,{info:r.ci}),r.gitCommit&&h.jsx(Ng,{ci:r.ci,commit:r.gitCommit}),a.length>0&&(r.gitCommit||r.ci)&&h.jsx("div",{className:"metadata-separator"}),h.jsx("div",{className:"metadata-section metadata-properties",role:"list",children:a.map(([f,d])=>{const m=typeof d!="object"||d===null||d===void 0?String(d):JSON.stringify(d),g=m.length>1e3?m.slice(0,1e3)+"…":m;return h.jsx("div",{className:"copyable-property",role:"listitem",children:h.jsxs(Na,{value:m,children:[h.jsx("span",{style:{fontWeight:"bold"},title:f,children:f}),": ",h.jsx("span",{title:g,children:Ci(g)})]})},f)})})]})},Dg=({info:l})=>{const s=l.prTitle||`Commit ${l.commitHash}`,r=l.prHref||l.commitHref;return h.jsx("div",{className:"metadata-section",role:"list",children:h.jsx("div",{role:"listitem",children:h.jsx("a",{href:r,target:"_blank",rel:"noopener noreferrer",title:s,children:s})})})},Ng=({ci:l,commit:s})=>{const r=(l==null?void 0:l.prTitle)||s.subject,a=(l==null?void 0:l.prHref)||(l==null?void 0:l.commitHref),c=` <${s.author.email}>`,f=`${s.author.name}${c}`,d=Intl.DateTimeFormat(void 0,{dateStyle:"medium"}).format(s.committer.time),m=Intl.DateTimeFormat(void 0,{dateStyle:"full",timeStyle:"long"}).format(s.committer.time);return h.jsxs("div",{className:"metadata-section",role:"list",children:[h.jsxs("div",{role:"listitem",children:[a&&h.jsx("a",{href:a,target:"_blank",rel:"noopener noreferrer",title:r,children:r}),!a&&h.jsx("span",{title:r,children:r})]}),h.jsxs("div",{role:"listitem",className:"hbox",children:[h.jsx("span",{className:"mr-1",children:f}),h.jsxs("span",{title:m,children:[" on ",d]})]})]})},ip=new Set(["ci","gitCommit","gitDiff","actualWorkers"]),Mg=l=>{const s=Object.entries(l).filter(([r])=>!ip.has(r));return!l.ci&&!l.gitCommit&&!s.length},Bg=({tests:l,expandedFiles:s,setExpandedFiles:r,projectNames:a})=>{const c=se.useMemo(()=>{const f=[];let d=0;for(const m of l)d+=m.tests.length,f.push({file:m,defaultExpanded:d<200});return f},[l]);return h.jsx(h.Fragment,{children:c.map(({file:f,defaultExpanded:d})=>h.jsx(Ig,{file:f,projectNames:a,isFileExpanded:m=>{const g=s.get(m);return g===void 0?d:!!g},setFileExpanded:(m,g)=>{const A=new Map(s);A.set(m,g),r(A)}},`file-${f.fileId}`))})},Hg=({report:l,filteredStats:s,metadataVisible:r,toggleMetadataVisible:a})=>{if(!l)return null;const c=l.projectNames.length===1&&!!l.projectNames[0],f=!c&&!s,d=!Mg(l.metadata)&&h.jsxs("div",{className:At("metadata-toggle",!f&&"metadata-toggle-second-line"),role:"button",onClick:a,title:r?"Hide metadata":"Show metadata",children:[r?$l():kr(),"Metadata"]}),m=h.jsxs("div",{className:"test-file-header-info",children:[c&&h.jsxs("div",{"data-testid":"project-name",children:["Project: ",l.projectNames[0]]}),s&&h.jsxs("div",{"data-testid":"filtered-tests-count",children:["Filtered: ",s.total," ",!!s.total&&"("+Ir(s.duration)+")"]}),f&&d]}),g=h.jsxs(h.Fragment,{children:[h.jsx("div",{"data-testid":"overall-time",style:{marginRight:"10px"},children:l?new Date(l.startTime).toLocaleString():""}),h.jsxs("div",{"data-testid":"overall-duration",children:["Total time: ",Ir(l.duration??0)]})]});return h.jsxs(h.Fragment,{children:[h.jsx(La,{title:l.title,leftSuperHeader:m,rightSuperHeader:g}),!f&&d,r&&h.jsx(Pg,{metadata:l.metadata}),!!l.errors.length&&h.jsx(Bt,{header:"Errors",dataTestId:"report-errors",children:l.errors.map((A,E)=>h.jsx(Fa,{code:A},"test-report-error-message-"+E))})]})},Lg=l=>!l.has("testId"),Fg=l=>l.has("testId"),Qg=({report:l})=>{var j,M;const s=se.useContext(Et),[r,a]=se.useState(new Map),[c,f]=se.useState(s.get("q")||""),[d,m]=se.useState(!1),g=s.get("testId"),A=((j=s.get("q"))==null?void 0:j.toString())||"",E=A?"&q="+A:"",k=(M=l==null?void 0:l.json())==null?void 0:M.title,I=se.useMemo(()=>{const B=new Map;for(const Q of(l==null?void 0:l.json().files)||[])for(const O of Q.tests)B.set(O.testId,Q.fileId);return B},[l]),T=se.useMemo(()=>Jl.parse(c),[c]),F=se.useMemo(()=>T.empty()?void 0:Wg((l==null?void 0:l.json().files)||[],T),[l,T]),x=se.useMemo(()=>{const B={files:[],tests:[]};for(const Q of(l==null?void 0:l.json().files)||[]){const O=Q.tests.filter(H=>T.matches(H));O.length&&B.files.push({...Q,tests:O}),B.tests.push(...O)}return B},[l,T]),{prev:v,next:w}=se.useMemo(()=>{const B=x.tests.findIndex(H=>H.testId===g),Q=B>0?x.tests[B-1]:void 0,O=B<x.tests.length-1?x.tests[B+1]:void 0;return{prev:Q,next:O}},[g,x]);return se.useEffect(()=>{const B=Q=>{if(!(Q.target instanceof HTMLInputElement||Q.target instanceof HTMLTextAreaElement||Q.shiftKey||Q.ctrlKey||Q.metaKey||Q.altKey))switch(Q.key){case"a":Q.preventDefault(),Rn("#?");break;case"p":Q.preventDefault(),Rn(Si(A,"s:passed",!1));break;case"f":Q.preventDefault(),Rn(Si(A,"s:failed",!1));break;case"ArrowLeft":v&&(Q.preventDefault(),Rn(qt({test:v})+E));break;case"ArrowRight":w&&(Q.preventDefault(),Rn(qt({test:w})+E));break}};return document.addEventListener("keydown",B),()=>document.removeEventListener("keydown",B)},[v,w,E,A]),se.useEffect(()=>{k?document.title=k:document.title="Playwright Test Report"},[k]),h.jsx("div",{className:"htmlreport vbox px-4 pb-4",children:h.jsxs("main",{children:[(l==null?void 0:l.json())&&h.jsx(rg,{stats:l.json().stats,filterText:c,setFilterText:f}),h.jsxs(Fd,{predicate:Lg,children:[h.jsx(Hg,{report:l==null?void 0:l.json(),filteredStats:F,metadataVisible:d,toggleMetadataVisible:()=>m(B=>!B)}),h.jsx(Bg,{tests:x.files,expandedFiles:r,setExpandedFiles:a,projectNames:(l==null?void 0:l.json().projectNames)||[]})]}),h.jsx(Fd,{predicate:Fg,children:!!l&&h.jsx(Ug,{report:l,next:w,prev:v,testId:g,testIdToFileIdMap:I})})]})})},Ug=({report:l,testIdToFileIdMap:s,next:r,prev:a,testId:c})=>{const f=se.useContext(Et),[d,m]=se.useState("loading"),g=+(f.get("run")||"0");return se.useEffect(()=>{(async()=>{if(!c||typeof d=="object"&&c===d.testId)return;const A=s.get(c);if(!A){m("not-found");return}const E=await l.entry(`${A}.json`);m((E==null?void 0:E.tests.find(k=>k.testId===c))||"not-found")})()},[d,l,c,s]),d==="loading"?h.jsx("div",{className:"test-case-column"}):d==="not-found"?h.jsxs("div",{className:"test-case-column",children:[h.jsx(La,{title:"Test not found"}),h.jsxs("div",{className:"test-case-location",children:["Test ID: ",c]})]}):h.jsx("div",{className:"test-case-column",children:h.jsx(Cg,{projectNames:l.json().projectNames,testRunMetadata:l.json().metadata,next:r,prev:a,test:d,run:g})})};function Wg(l,s){const r={total:0,duration:0};for(const a of l){const c=a.tests.filter(f=>s.matches(f));r.total+=c.length;for(const f of c)r.duration+=f.duration}return r}const Vg="data:image/svg+xml,%3csvg%20width='400'%20height='400'%20viewBox='0%200%20400%20400'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M136.444%20221.556C123.558%20225.213%20115.104%20231.625%20109.535%20238.032C114.869%20233.364%20122.014%20229.08%20131.652%20226.348C141.51%20223.554%20149.92%20223.574%20156.869%20224.915V219.481C150.941%20218.939%20144.145%20219.371%20136.444%20221.556ZM108.946%20175.876L61.0895%20188.484C61.0895%20188.484%2061.9617%20189.716%2063.5767%20191.36L104.153%20180.668C104.153%20180.668%20103.578%20188.077%2098.5847%20194.705C108.03%20187.559%20108.946%20175.876%20108.946%20175.876ZM149.005%20288.347C81.6582%20306.486%2046.0272%20228.438%2035.2396%20187.928C30.2556%20169.229%2028.0799%20155.067%2027.5%20145.928C27.4377%20144.979%2027.4665%20144.179%2027.5336%20143.446C24.04%20143.657%2022.3674%20145.473%2022.7077%20150.721C23.2876%20159.855%2025.4633%20174.016%2030.4473%20192.721C41.2301%20233.225%2076.8659%20311.273%20144.213%20293.134C158.872%20289.185%20169.885%20281.992%20178.152%20272.81C170.532%20279.692%20160.995%20285.112%20149.005%20288.347ZM161.661%20128.11V132.903H188.077C187.535%20131.206%20186.989%20129.677%20186.447%20128.11H161.661Z'%20fill='%232D4552'/%3e%3cpath%20d='M193.981%20167.584C205.861%20170.958%20212.144%20179.287%20215.465%20186.658L228.711%20190.42C228.711%20190.42%20226.904%20164.623%20203.57%20157.995C181.741%20151.793%20168.308%20170.124%20166.674%20172.496C173.024%20167.972%20182.297%20164.268%20193.981%20167.584ZM299.422%20186.777C277.573%20180.547%20264.145%20198.916%20262.535%20201.255C268.89%20196.736%20278.158%20193.031%20289.837%20196.362C301.698%20199.741%20307.976%20208.06%20311.307%20215.436L324.572%20219.212C324.572%20219.212%20322.736%20193.41%20299.422%20186.777ZM286.262%20254.795L176.072%20223.99C176.072%20223.99%20177.265%20230.038%20181.842%20237.869L274.617%20263.805C282.255%20259.386%20286.262%20254.795%20286.262%20254.795ZM209.867%20321.102C122.618%20297.71%20133.166%20186.543%20147.284%20133.865C153.097%20112.156%20159.073%2096.0203%20164.029%2085.204C161.072%2084.5953%20158.623%2086.1529%20156.203%2091.0746C150.941%20101.747%20144.212%20119.124%20137.7%20143.45C123.586%20196.127%20113.038%20307.29%20200.283%20330.682C241.406%20341.699%20273.442%20324.955%20297.323%20298.659C274.655%20319.19%20245.714%20330.701%20209.867%20321.102Z'%20fill='%232D4552'/%3e%3cpath%20d='M161.661%20262.296V239.863L99.3324%20257.537C99.3324%20257.537%20103.938%20230.777%20136.444%20221.556C146.302%20218.762%20154.713%20218.781%20161.661%20220.123V128.11H192.869C189.471%20117.61%20186.184%20109.526%20183.423%20103.909C178.856%2094.612%20174.174%20100.775%20163.545%20109.665C156.059%20115.919%20137.139%20129.261%20108.668%20136.933C80.1966%20144.61%2057.179%20142.574%2047.5752%20140.911C33.9601%20138.562%2026.8387%20135.572%2027.5049%20145.928C28.0847%20155.062%2030.2605%20169.224%2035.2445%20187.928C46.0272%20228.433%2081.663%20306.481%20149.01%20288.342C166.602%20283.602%20179.019%20274.233%20187.626%20262.291H161.661V262.296ZM61.0848%20188.484L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6614%20203.743%2061.0848%20188.484%2061.0848%20188.484Z'%20fill='%23E2574C'/%3e%3cpath%20d='M341.786%20129.174C329.345%20131.355%20299.498%20134.072%20262.612%20124.185C225.716%20114.304%20201.236%2097.0224%20191.537%2088.8994C177.788%2077.3834%20171.74%2069.3802%20165.788%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.098C297.093%20344.47%20343.53%20242.92%20357.644%20190.238C364.157%20165.917%20367.013%20147.5%20367.799%20135.625C368.695%20122.173%20359.455%20126.078%20341.786%20129.174ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756ZM223.42%20268.713C182.403%20256.698%20176.077%20223.99%20176.077%20223.99L286.262%20254.796C286.262%20254.791%20264.021%20280.578%20223.42%20268.713ZM262.377%20201.495C262.377%20201.495%20276.107%20180.126%20299.422%20186.773C322.736%20193.411%20324.572%20219.208%20324.572%20219.208L262.377%20201.495Z'%20fill='%232EAD33'/%3e%3cpath%20d='M139.88%20246.04L99.3324%20257.532C99.3324%20257.532%20103.737%20232.44%20133.607%20222.496L110.647%20136.33L108.663%20136.933C80.1918%20144.611%2057.1742%20142.574%2047.5704%20140.911C33.9554%20138.563%2026.834%20135.572%2027.5001%20145.929C28.08%20155.063%2030.2557%20169.224%2035.2397%20187.929C46.0225%20228.433%2081.6583%20306.481%20149.005%20288.342L150.989%20287.719L139.88%20246.04ZM61.0848%20188.485L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6615%20203.743%2061.0848%20188.485%2061.0848%20188.485Z'%20fill='%23D65348'/%3e%3cpath%20d='M225.27%20269.163L223.415%20268.712C182.398%20256.698%20176.072%20223.99%20176.072%20223.99L232.89%20239.872L262.971%20124.281L262.607%20124.185C225.711%20114.304%20201.232%2097.0224%20191.532%2088.8994C177.783%2077.3834%20171.735%2069.3802%20165.783%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.097L211.655%20321.5L225.27%20269.163ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756Z'%20fill='%231D8D22'/%3e%3cpath%20d='M141.946%20245.451L131.072%20248.537C133.641%20263.019%20138.169%20276.917%20145.276%20289.195C146.513%20288.922%20147.74%20288.687%20149%20288.342C152.302%20287.451%20155.364%20286.348%20158.312%20285.145C150.371%20273.361%20145.118%20259.789%20141.946%20245.451ZM137.7%20143.451C132.112%20164.307%20127.113%20194.326%20128.489%20224.436C130.952%20223.367%20133.554%20222.371%20136.444%20221.551L138.457%20221.101C136.003%20188.939%20141.308%20156.165%20147.284%20133.866C148.799%20128.225%20150.318%20122.978%20151.832%20118.085C149.393%20119.637%20146.767%20121.228%20143.776%20122.867C141.759%20129.093%20139.722%20135.898%20137.7%20143.451Z'%20fill='%23C04B41'/%3e%3c/svg%3e",ua=Rm,Qa=document.createElement("link");Qa.rel="shortcut icon";Qa.href=Vg;document.head.appendChild(Qa);const bg=()=>{const[l,s]=se.useState();return se.useEffect(()=>{const r=new Yg;r.load().then(()=>{var a;(a=document.getElementById("playwrightReportBase64"))==null||a.remove(),s(r)})},[]),h.jsx($m,{children:h.jsx(Qg,{report:l})})};window.onload=()=>{Nm.createRoot(document.querySelector("#root")).render(h.jsx(bg,{}))};const Vd="playwrightReportStorageForHMR";class Yg{constructor(){Gt(this,"_entries",new Map);Gt(this,"_json")}async load(){const s=await new Promise(a=>{const c=document.getElementById("playwrightReportBase64");if(c!=null&&c.textContent)return a(c.textContent);if(window.opener){const f=d=>{d.source===window.opener&&(localStorage.setItem(Vd,d.data),a(d.data),window.removeEventListener("message",f))};window.addEventListener("message",f),window.opener.postMessage("ready","*")}else{const f=localStorage.getItem(Vd);if(f)return a(f);alert("couldnt find report, something with HMR is broken")}}),r=new ua.ZipReader(new ua.Data64URIReader(s),{useWebWorkers:!1});for(const a of await r.getEntries())this._entries.set(a.filename,a);this._json=await this.entry("report.json")}json(){return this._json}async entry(s){const r=this._entries.get(s),a=new ua.TextWriter;return await r.getData(a),JSON.parse(await a.getData())}}
+</script>
+    <style type='text/css'>:root{--color-canvas-default-transparent: rgba(255,255,255,0);--color-marketing-icon-primary: #218bff;--color-marketing-icon-secondary: #54aeff;--color-diff-blob-addition-num-text: #24292f;--color-diff-blob-addition-fg: #24292f;--color-diff-blob-addition-num-bg: #CCFFD8;--color-diff-blob-addition-line-bg: #E6FFEC;--color-diff-blob-addition-word-bg: #ABF2BC;--color-diff-blob-deletion-num-text: #24292f;--color-diff-blob-deletion-fg: #24292f;--color-diff-blob-deletion-num-bg: #FFD7D5;--color-diff-blob-deletion-line-bg: #FFEBE9;--color-diff-blob-deletion-word-bg: rgba(255,129,130,.4);--color-diff-blob-hunk-num-bg: rgba(84,174,255,.4);--color-diff-blob-expander-icon: #57606a;--color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;--color-diffstat-deletion-border: rgba(27,31,36,.15);--color-diffstat-addition-border: rgba(27,31,36,.15);--color-diffstat-addition-bg: #2da44e;--color-search-keyword-hl: #fff8c5;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #FFEBE9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-codemirror-text: #24292f;--color-codemirror-bg: #ffffff;--color-codemirror-gutters-bg: #ffffff;--color-codemirror-guttermarker-text: #ffffff;--color-codemirror-guttermarker-subtle-text: #6e7781;--color-codemirror-linenumber-text: #57606a;--color-codemirror-cursor: #24292f;--color-codemirror-selection-bg: rgba(84,174,255,.4);--color-codemirror-activeline-bg: rgba(234,238,242,.5);--color-codemirror-matchingbracket-text: #24292f;--color-codemirror-lines-bg: #ffffff;--color-codemirror-syntax-comment: #24292f;--color-codemirror-syntax-constant: #0550ae;--color-codemirror-syntax-entity: #8250df;--color-codemirror-syntax-keyword: #cf222e;--color-codemirror-syntax-storage: #cf222e;--color-codemirror-syntax-string: #0a3069;--color-codemirror-syntax-support: #0550ae;--color-codemirror-syntax-variable: #953800;--color-checks-bg: #24292f;--color-checks-run-border-width: 0px;--color-checks-container-border-width: 0px;--color-checks-text-primary: #f6f8fa;--color-checks-text-secondary: #8c959f;--color-checks-text-link: #54aeff;--color-checks-btn-icon: #afb8c1;--color-checks-btn-hover-icon: #f6f8fa;--color-checks-btn-hover-bg: rgba(255,255,255,.125);--color-checks-input-text: #eaeef2;--color-checks-input-placeholder-text: #8c959f;--color-checks-input-focus-text: #8c959f;--color-checks-input-bg: #32383f;--color-checks-input-shadow: none;--color-checks-donut-error: #fa4549;--color-checks-donut-pending: #bf8700;--color-checks-donut-success: #2da44e;--color-checks-donut-neutral: #afb8c1;--color-checks-dropdown-text: #afb8c1;--color-checks-dropdown-bg: #32383f;--color-checks-dropdown-border: #424a53;--color-checks-dropdown-shadow: rgba(27,31,36,.3);--color-checks-dropdown-hover-text: #f6f8fa;--color-checks-dropdown-hover-bg: #424a53;--color-checks-dropdown-btn-hover-text: #f6f8fa;--color-checks-dropdown-btn-hover-bg: #32383f;--color-checks-scrollbar-thumb-bg: #57606a;--color-checks-header-label-text: #d0d7de;--color-checks-header-label-open-text: #f6f8fa;--color-checks-header-border: #32383f;--color-checks-header-icon: #8c959f;--color-checks-line-text: #d0d7de;--color-checks-line-num-text: rgba(140,149,159,.75);--color-checks-line-timestamp-text: #8c959f;--color-checks-line-hover-bg: #32383f;--color-checks-line-selected-bg: rgba(33,139,255,.15);--color-checks-line-selected-num-text: #54aeff;--color-checks-line-dt-fm-text: #24292f;--color-checks-line-dt-fm-bg: #9a6700;--color-checks-gate-bg: rgba(125,78,0,.15);--color-checks-gate-text: #d0d7de;--color-checks-gate-waiting-text: #afb8c1;--color-checks-step-header-open-bg: #32383f;--color-checks-step-error-text: #ff8182;--color-checks-step-warning-text: #d4a72c;--color-checks-logline-text: #8c959f;--color-checks-logline-num-text: rgba(140,149,159,.75);--color-checks-logline-debug-text: #c297ff;--color-checks-logline-error-text: #d0d7de;--color-checks-logline-error-num-text: #ff8182;--color-checks-logline-error-bg: rgba(164,14,38,.15);--color-checks-logline-warning-text: #d0d7de;--color-checks-logline-warning-num-text: #d4a72c;--color-checks-logline-warning-bg: rgba(125,78,0,.15);--color-checks-logline-command-text: #54aeff;--color-checks-logline-section-text: #4ac26b;--color-checks-ansi-black: #24292f;--color-checks-ansi-black-bright: #32383f;--color-checks-ansi-white: #d0d7de;--color-checks-ansi-white-bright: #d0d7de;--color-checks-ansi-gray: #8c959f;--color-checks-ansi-red: #ff8182;--color-checks-ansi-red-bright: #ffaba8;--color-checks-ansi-green: #4ac26b;--color-checks-ansi-green-bright: #6fdd8b;--color-checks-ansi-yellow: #d4a72c;--color-checks-ansi-yellow-bright: #eac54f;--color-checks-ansi-blue: #54aeff;--color-checks-ansi-blue-bright: #80ccff;--color-checks-ansi-magenta: #c297ff;--color-checks-ansi-magenta-bright: #d8b9ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #24292f;--color-project-sidebar-bg: #ffffff;--color-project-gradient-in: #ffffff;--color-project-gradient-out: rgba(255,255,255,0);--color-mktg-success: rgba(36,146,67,1);--color-mktg-info: rgba(19,119,234,1);--color-mktg-bg-shade-gradient-top: rgba(27,31,36,.065);--color-mktg-bg-shade-gradient-bottom: rgba(27,31,36,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #ffffff;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #ffffff;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #ffffff;--color-mktg-btn-outline-text: #4969ed;--color-mktg-btn-outline-border: rgba(73,105,237,.3);--color-mktg-btn-outline-hover-text: #3355e0;--color-mktg-btn-outline-hover-border: rgba(51,85,224,.5);--color-mktg-btn-outline-focus-border: #4969ed;--color-mktg-btn-outline-focus-border-inset: rgba(73,105,237,.5);--color-mktg-btn-dark-text: #ffffff;--color-mktg-btn-dark-border: rgba(255,255,255,.3);--color-mktg-btn-dark-hover-text: #ffffff;--color-mktg-btn-dark-hover-border: rgba(255,255,255,.5);--color-mktg-btn-dark-focus-border: #ffffff;--color-mktg-btn-dark-focus-border-inset: rgba(255,255,255,.5);--color-avatar-bg: #ffffff;--color-avatar-border: rgba(27,31,36,.15);--color-avatar-stack-fade: #afb8c1;--color-avatar-stack-fade-more: #d0d7de;--color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,.8);--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: rgba(0,0,0,0);--color-select-menu-tap-highlight: rgba(175,184,193,.5);--color-select-menu-tap-focus-bg: #b6e3ff;--color-overlay-shadow: 0 1px 3px rgba(27,31,36,.12), 0 8px 24px rgba(66,74,83,.12);--color-header-text: rgba(255,255,255,.7);--color-header-bg: #24292f;--color-header-logo: #ffffff;--color-header-search-bg: #24292f;--color-header-search-border: #57606a;--color-sidenav-selected-bg: #ffffff;--color-menu-bg-active: rgba(0,0,0,0);--color-input-disabled-bg: rgba(175,184,193,.2);--color-timeline-badge-bg: #eaeef2;--color-ansi-black: #24292f;--color-ansi-black-bright: #57606a;--color-ansi-white: #6e7781;--color-ansi-white-bright: #8c959f;--color-ansi-gray: #6e7781;--color-ansi-red: #cf222e;--color-ansi-red-bright: #a40e26;--color-ansi-green: #116329;--color-ansi-green-bright: #1a7f37;--color-ansi-yellow: #4d2d00;--color-ansi-yellow-bright: #633c01;--color-ansi-blue: #0969da;--color-ansi-blue-bright: #218bff;--color-ansi-magenta: #8250df;--color-ansi-magenta-bright: #a475f9;--color-ansi-cyan: #1b7c83;--color-ansi-cyan-bright: #3192aa;--color-btn-text: #24292f;--color-btn-bg: #f6f8fa;--color-btn-border: rgba(27,31,36,.15);--color-btn-shadow: 0 1px 0 rgba(27,31,36,.04);--color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,.25);--color-btn-hover-bg: #f3f4f6;--color-btn-hover-border: rgba(27,31,36,.15);--color-btn-active-bg: hsla(220,14%,93%,1);--color-btn-active-border: rgba(27,31,36,.15);--color-btn-selected-bg: hsla(220,14%,94%,1);--color-btn-focus-bg: #f6f8fa;--color-btn-focus-border: rgba(27,31,36,.15);--color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(27,31,36,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(9,105,218,.3);--color-btn-counter-bg: rgba(27,31,36,.08);--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #2da44e;--color-btn-primary-border: rgba(27,31,36,.15);--color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-primary-hover-bg: #2c974b;--color-btn-primary-hover-border: rgba(27,31,36,.15);--color-btn-primary-selected-bg: hsla(137,55%,36%,1);--color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,.2);--color-btn-primary-disabled-text: rgba(255,255,255,.8);--color-btn-primary-disabled-bg: #94d3a2;--color-btn-primary-disabled-border: rgba(27,31,36,.15);--color-btn-primary-focus-bg: #2da44e;--color-btn-primary-focus-border: rgba(27,31,36,.15);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,.4);--color-btn-primary-icon: rgba(255,255,255,.8);--color-btn-primary-counter-bg: rgba(255,255,255,.2);--color-btn-outline-text: #0969da;--color-btn-outline-hover-text: #ffffff;--color-btn-outline-hover-bg: #0969da;--color-btn-outline-hover-border: rgba(27,31,36,.15);--color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-outline-hover-counter-bg: rgba(255,255,255,.2);--color-btn-outline-selected-text: #ffffff;--color-btn-outline-selected-bg: hsla(212,92%,42%,1);--color-btn-outline-selected-border: rgba(27,31,36,.15);--color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,.2);--color-btn-outline-disabled-text: rgba(9,105,218,.5);--color-btn-outline-disabled-bg: #f6f8fa;--color-btn-outline-disabled-counter-bg: rgba(9,105,218,.05);--color-btn-outline-focus-border: rgba(27,31,36,.15);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,.4);--color-btn-outline-counter-bg: rgba(9,105,218,.1);--color-btn-danger-text: #cf222e;--color-btn-danger-hover-text: #ffffff;--color-btn-danger-hover-bg: #a40e26;--color-btn-danger-hover-border: rgba(27,31,36,.15);--color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: hsla(356,72%,44%,1);--color-btn-danger-selected-border: rgba(27,31,36,.15);--color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,.2);--color-btn-danger-disabled-text: rgba(207,34,46,.5);--color-btn-danger-disabled-bg: #f6f8fa;--color-btn-danger-disabled-counter-bg: rgba(207,34,46,.05);--color-btn-danger-focus-border: rgba(27,31,36,.15);--color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,.4);--color-btn-danger-counter-bg: rgba(207,34,46,.1);--color-btn-danger-icon: #cf222e;--color-btn-danger-hover-icon: #ffffff;--color-underlinenav-icon: #6e7781;--color-underlinenav-border-hover: rgba(175,184,193,.2);--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-fg-on-emphasis: #ffffff;--color-canvas-default: #ffffff;--color-canvas-overlay: #ffffff;--color-canvas-inset: #f6f8fa;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: hsla(210,18%,87%,1);--color-border-subtle: rgba(27,31,36,.15);--color-shadow-small: 0 1px 0 rgba(27,31,36,.04);--color-shadow-medium: 0 3px 6px rgba(140,149,159,.15);--color-shadow-large: 0 8px 24px rgba(140,149,159,.2);--color-shadow-extra-large: 0 12px 28px rgba(140,149,159,.3);--color-neutral-emphasis-plus: #24292f;--color-neutral-emphasis: #6e7781;--color-neutral-muted: rgba(175,184,193,.2);--color-neutral-subtle: rgba(234,238,242,.5);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-accent-muted: rgba(84,174,255,.4);--color-accent-subtle: #ddf4ff;--color-success-fg: #1a7f37;--color-success-emphasis: #2da44e;--color-success-muted: rgba(74,194,107,.4);--color-success-subtle: #dafbe1;--color-attention-fg: #9a6700;--color-attention-emphasis: #bf8700;--color-attention-muted: rgba(212,167,44,.4);--color-attention-subtle: #fff8c5;--color-severe-fg: #bc4c00;--color-severe-emphasis: #bc4c00;--color-severe-muted: rgba(251,143,68,.4);--color-severe-subtle: #fff1e5;--color-danger-fg: #cf222e;--color-danger-emphasis: #cf222e;--color-danger-muted: rgba(255,129,130,.4);--color-danger-subtle: #FFEBE9;--color-done-fg: #8250df;--color-done-emphasis: #8250df;--color-done-muted: rgba(194,151,255,.4);--color-done-subtle: #fbefff;--color-sponsors-fg: #bf3989;--color-sponsors-emphasis: #bf3989;--color-sponsors-muted: rgba(255,128,200,.4);--color-sponsors-subtle: #ffeff7;--color-primer-canvas-backdrop: rgba(27,31,36,.5);--color-primer-canvas-sticky: rgba(255,255,255,.95);--color-primer-border-active: #FD8C73;--color-primer-border-contrast: rgba(27,31,36,.1);--color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,.25);--color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,.2);--color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,.3);--color-scale-black: #1b1f24;--color-scale-white: #ffffff;--color-scale-gray-0: #f6f8fa;--color-scale-gray-1: #eaeef2;--color-scale-gray-2: #d0d7de;--color-scale-gray-3: #afb8c1;--color-scale-gray-4: #8c959f;--color-scale-gray-5: #6e7781;--color-scale-gray-6: #57606a;--color-scale-gray-7: #424a53;--color-scale-gray-8: #32383f;--color-scale-gray-9: #24292f;--color-scale-blue-0: #ddf4ff;--color-scale-blue-1: #b6e3ff;--color-scale-blue-2: #80ccff;--color-scale-blue-3: #54aeff;--color-scale-blue-4: #218bff;--color-scale-blue-5: #0969da;--color-scale-blue-6: #0550ae;--color-scale-blue-7: #033d8b;--color-scale-blue-8: #0a3069;--color-scale-blue-9: #002155;--color-scale-green-0: #dafbe1;--color-scale-green-1: #aceebb;--color-scale-green-2: #6fdd8b;--color-scale-green-3: #4ac26b;--color-scale-green-4: #2da44e;--color-scale-green-5: #1a7f37;--color-scale-green-6: #116329;--color-scale-green-7: #044f1e;--color-scale-green-8: #003d16;--color-scale-green-9: #002d11;--color-scale-yellow-0: #fff8c5;--color-scale-yellow-1: #fae17d;--color-scale-yellow-2: #eac54f;--color-scale-yellow-3: #d4a72c;--color-scale-yellow-4: #bf8700;--color-scale-yellow-5: #9a6700;--color-scale-yellow-6: #7d4e00;--color-scale-yellow-7: #633c01;--color-scale-yellow-8: #4d2d00;--color-scale-yellow-9: #3b2300;--color-scale-orange-0: #fff1e5;--color-scale-orange-1: #ffd8b5;--color-scale-orange-2: #ffb77c;--color-scale-orange-3: #fb8f44;--color-scale-orange-4: #e16f24;--color-scale-orange-5: #bc4c00;--color-scale-orange-6: #953800;--color-scale-orange-7: #762c00;--color-scale-orange-8: #5c2200;--color-scale-orange-9: #471700;--color-scale-red-0: #FFEBE9;--color-scale-red-1: #ffcecb;--color-scale-red-2: #ffaba8;--color-scale-red-3: #ff8182;--color-scale-red-4: #fa4549;--color-scale-red-5: #cf222e;--color-scale-red-6: #a40e26;--color-scale-red-7: #82071e;--color-scale-red-8: #660018;--color-scale-red-9: #4c0014;--color-scale-purple-0: #fbefff;--color-scale-purple-1: #ecd8ff;--color-scale-purple-2: #d8b9ff;--color-scale-purple-3: #c297ff;--color-scale-purple-4: #a475f9;--color-scale-purple-5: #8250df;--color-scale-purple-6: #6639ba;--color-scale-purple-7: #512a97;--color-scale-purple-8: #3e1f79;--color-scale-purple-9: #2e1461;--color-scale-pink-0: #ffeff7;--color-scale-pink-1: #ffd3eb;--color-scale-pink-2: #ffadda;--color-scale-pink-3: #ff80c8;--color-scale-pink-4: #e85aad;--color-scale-pink-5: #bf3989;--color-scale-pink-6: #99286e;--color-scale-pink-7: #772057;--color-scale-pink-8: #611347;--color-scale-pink-9: #4d0336;--color-scale-coral-0: #FFF0EB;--color-scale-coral-1: #FFD6CC;--color-scale-coral-2: #FFB4A1;--color-scale-coral-3: #FD8C73;--color-scale-coral-4: #EC6547;--color-scale-coral-5: #C4432B;--color-scale-coral-6: #9E2F1C;--color-scale-coral-7: #801F0F;--color-scale-coral-8: #691105;--color-scale-coral-9: #510901 }@media (prefers-color-scheme: dark){:root{--color-canvas-default-transparent: rgba(13,17,23,0);--color-marketing-icon-primary: #79c0ff;--color-marketing-icon-secondary: #1f6feb;--color-diff-blob-addition-num-text: #c9d1d9;--color-diff-blob-addition-fg: #c9d1d9;--color-diff-blob-addition-num-bg: rgba(63,185,80,.3);--color-diff-blob-addition-line-bg: rgba(46,160,67,.15);--color-diff-blob-addition-word-bg: rgba(46,160,67,.4);--color-diff-blob-deletion-num-text: #c9d1d9;--color-diff-blob-deletion-fg: #c9d1d9;--color-diff-blob-deletion-num-bg: rgba(248,81,73,.3);--color-diff-blob-deletion-line-bg: rgba(248,81,73,.15);--color-diff-blob-deletion-word-bg: rgba(248,81,73,.4);--color-diff-blob-hunk-num-bg: rgba(56,139,253,.4);--color-diff-blob-expander-icon: #8b949e;--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;--color-diffstat-deletion-border: rgba(240,246,252,.1);--color-diffstat-addition-border: rgba(240,246,252,.1);--color-diffstat-addition-bg: #3fb950;--color-search-keyword-hl: rgba(210,153,34,.4);--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-codemirror-text: #c9d1d9;--color-codemirror-bg: #0d1117;--color-codemirror-gutters-bg: #0d1117;--color-codemirror-guttermarker-text: #0d1117;--color-codemirror-guttermarker-subtle-text: #484f58;--color-codemirror-linenumber-text: #8b949e;--color-codemirror-cursor: #c9d1d9;--color-codemirror-selection-bg: rgba(56,139,253,.4);--color-codemirror-activeline-bg: rgba(110,118,129,.1);--color-codemirror-matchingbracket-text: #c9d1d9;--color-codemirror-lines-bg: #0d1117;--color-codemirror-syntax-comment: #8b949e;--color-codemirror-syntax-constant: #79c0ff;--color-codemirror-syntax-entity: #d2a8ff;--color-codemirror-syntax-keyword: #ff7b72;--color-codemirror-syntax-storage: #ff7b72;--color-codemirror-syntax-string: #a5d6ff;--color-codemirror-syntax-support: #79c0ff;--color-codemirror-syntax-variable: #ffa657;--color-checks-bg: #010409;--color-checks-run-border-width: 1px;--color-checks-container-border-width: 1px;--color-checks-text-primary: #c9d1d9;--color-checks-text-secondary: #8b949e;--color-checks-text-link: #58a6ff;--color-checks-btn-icon: #8b949e;--color-checks-btn-hover-icon: #c9d1d9;--color-checks-btn-hover-bg: rgba(110,118,129,.1);--color-checks-input-text: #8b949e;--color-checks-input-placeholder-text: #484f58;--color-checks-input-focus-text: #c9d1d9;--color-checks-input-bg: #161b22;--color-checks-input-shadow: none;--color-checks-donut-error: #f85149;--color-checks-donut-pending: #d29922;--color-checks-donut-success: #2ea043;--color-checks-donut-neutral: #8b949e;--color-checks-dropdown-text: #c9d1d9;--color-checks-dropdown-bg: #161b22;--color-checks-dropdown-border: #30363d;--color-checks-dropdown-shadow: rgba(1,4,9,.3);--color-checks-dropdown-hover-text: #c9d1d9;--color-checks-dropdown-hover-bg: rgba(110,118,129,.1);--color-checks-dropdown-btn-hover-text: #c9d1d9;--color-checks-dropdown-btn-hover-bg: rgba(110,118,129,.1);--color-checks-scrollbar-thumb-bg: rgba(110,118,129,.4);--color-checks-header-label-text: #8b949e;--color-checks-header-label-open-text: #c9d1d9;--color-checks-header-border: #21262d;--color-checks-header-icon: #8b949e;--color-checks-line-text: #8b949e;--color-checks-line-num-text: #484f58;--color-checks-line-timestamp-text: #484f58;--color-checks-line-hover-bg: rgba(110,118,129,.1);--color-checks-line-selected-bg: rgba(56,139,253,.15);--color-checks-line-selected-num-text: #58a6ff;--color-checks-line-dt-fm-text: #f0f6fc;--color-checks-line-dt-fm-bg: #9e6a03;--color-checks-gate-bg: rgba(187,128,9,.15);--color-checks-gate-text: #8b949e;--color-checks-gate-waiting-text: #d29922;--color-checks-step-header-open-bg: #161b22;--color-checks-step-error-text: #f85149;--color-checks-step-warning-text: #d29922;--color-checks-logline-text: #8b949e;--color-checks-logline-num-text: #484f58;--color-checks-logline-debug-text: #a371f7;--color-checks-logline-error-text: #8b949e;--color-checks-logline-error-num-text: #484f58;--color-checks-logline-error-bg: rgba(248,81,73,.15);--color-checks-logline-warning-text: #8b949e;--color-checks-logline-warning-num-text: #d29922;--color-checks-logline-warning-bg: rgba(187,128,9,.15);--color-checks-logline-command-text: #58a6ff;--color-checks-logline-section-text: #3fb950;--color-checks-ansi-black: #0d1117;--color-checks-ansi-black-bright: #161b22;--color-checks-ansi-white: #b1bac4;--color-checks-ansi-white-bright: #b1bac4;--color-checks-ansi-gray: #6e7681;--color-checks-ansi-red: #ff7b72;--color-checks-ansi-red-bright: #ffa198;--color-checks-ansi-green: #3fb950;--color-checks-ansi-green-bright: #56d364;--color-checks-ansi-yellow: #d29922;--color-checks-ansi-yellow-bright: #e3b341;--color-checks-ansi-blue: #58a6ff;--color-checks-ansi-blue-bright: #79c0ff;--color-checks-ansi-magenta: #bc8cff;--color-checks-ansi-magenta-bright: #d2a8ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #0d1117;--color-project-sidebar-bg: #161b22;--color-project-gradient-in: #161b22;--color-project-gradient-out: rgba(22,27,34,0);--color-mktg-success: rgba(41,147,61,1);--color-mktg-info: rgba(42,123,243,1);--color-mktg-bg-shade-gradient-top: rgba(1,4,9,.065);--color-mktg-bg-shade-gradient-bottom: rgba(1,4,9,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #f0f6fc;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #f0f6fc;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #f0f6fc;--color-mktg-btn-outline-text: #f0f6fc;--color-mktg-btn-outline-border: rgba(240,246,252,.3);--color-mktg-btn-outline-hover-text: #f0f6fc;--color-mktg-btn-outline-hover-border: rgba(240,246,252,.5);--color-mktg-btn-outline-focus-border: #f0f6fc;--color-mktg-btn-outline-focus-border-inset: rgba(240,246,252,.5);--color-mktg-btn-dark-text: #f0f6fc;--color-mktg-btn-dark-border: rgba(240,246,252,.3);--color-mktg-btn-dark-hover-text: #f0f6fc;--color-mktg-btn-dark-hover-border: rgba(240,246,252,.5);--color-mktg-btn-dark-focus-border: #f0f6fc;--color-mktg-btn-dark-focus-border-inset: rgba(240,246,252,.5);--color-avatar-bg: rgba(240,246,252,.1);--color-avatar-border: rgba(240,246,252,.1);--color-avatar-stack-fade: #30363d;--color-avatar-stack-fade-more: #21262d;--color-avatar-child-shadow: -2px -2px 0 #0d1117;--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: #484f58;--color-select-menu-tap-highlight: rgba(48,54,61,.5);--color-select-menu-tap-focus-bg: #0c2d6b;--color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,.85);--color-header-text: rgba(240,246,252,.7);--color-header-bg: #161b22;--color-header-logo: #f0f6fc;--color-header-search-bg: #0d1117;--color-header-search-border: #30363d;--color-sidenav-selected-bg: #21262d;--color-menu-bg-active: #161b22;--color-input-disabled-bg: rgba(110,118,129,0);--color-timeline-badge-bg: #21262d;--color-ansi-black: #484f58;--color-ansi-black-bright: #6e7681;--color-ansi-white: #b1bac4;--color-ansi-white-bright: #f0f6fc;--color-ansi-gray: #6e7681;--color-ansi-red: #ff7b72;--color-ansi-red-bright: #ffa198;--color-ansi-green: #3fb950;--color-ansi-green-bright: #56d364;--color-ansi-yellow: #d29922;--color-ansi-yellow-bright: #e3b341;--color-ansi-blue: #58a6ff;--color-ansi-blue-bright: #79c0ff;--color-ansi-magenta: #bc8cff;--color-ansi-magenta-bright: #d2a8ff;--color-ansi-cyan: #39c5cf;--color-ansi-cyan-bright: #56d4dd;--color-btn-text: #c9d1d9;--color-btn-bg: #21262d;--color-btn-border: rgba(240,246,252,.1);--color-btn-shadow: 0 0 transparent;--color-btn-inset-shadow: 0 0 transparent;--color-btn-hover-bg: #30363d;--color-btn-hover-border: #8b949e;--color-btn-active-bg: hsla(212,12%,18%,1);--color-btn-active-border: #6e7681;--color-btn-selected-bg: #161b22;--color-btn-focus-bg: #21262d;--color-btn-focus-border: #8b949e;--color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(1,4,9,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(31,111,235,.3);--color-btn-counter-bg: #30363d;--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #238636;--color-btn-primary-border: rgba(240,246,252,.1);--color-btn-primary-shadow: 0 0 transparent;--color-btn-primary-inset-shadow: 0 0 transparent;--color-btn-primary-hover-bg: #2ea043;--color-btn-primary-hover-border: rgba(240,246,252,.1);--color-btn-primary-selected-bg: #238636;--color-btn-primary-selected-shadow: 0 0 transparent;--color-btn-primary-disabled-text: rgba(240,246,252,.5);--color-btn-primary-disabled-bg: rgba(35,134,54,.6);--color-btn-primary-disabled-border: rgba(240,246,252,.1);--color-btn-primary-focus-bg: #238636;--color-btn-primary-focus-border: rgba(240,246,252,.1);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,.4);--color-btn-primary-icon: #f0f6fc;--color-btn-primary-counter-bg: rgba(240,246,252,.2);--color-btn-outline-text: #58a6ff;--color-btn-outline-hover-text: #58a6ff;--color-btn-outline-hover-bg: #30363d;--color-btn-outline-hover-border: rgba(240,246,252,.1);--color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(240,246,252,.03);--color-btn-outline-hover-counter-bg: rgba(240,246,252,.2);--color-btn-outline-selected-text: #f0f6fc;--color-btn-outline-selected-bg: #0d419d;--color-btn-outline-selected-border: rgba(240,246,252,.1);--color-btn-outline-selected-shadow: 0 0 transparent;--color-btn-outline-disabled-text: rgba(88,166,255,.5);--color-btn-outline-disabled-bg: #0d1117;--color-btn-outline-disabled-counter-bg: rgba(31,111,235,.05);--color-btn-outline-focus-border: rgba(240,246,252,.1);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,.4);--color-btn-outline-counter-bg: rgba(31,111,235,.1);--color-btn-danger-text: #f85149;--color-btn-danger-hover-text: #f0f6fc;--color-btn-danger-hover-bg: #da3633;--color-btn-danger-hover-border: #f85149;--color-btn-danger-hover-shadow: 0 0 transparent;--color-btn-danger-hover-inset-shadow: 0 0 transparent;--color-btn-danger-hover-icon: #f0f6fc;--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: #b62324;--color-btn-danger-selected-border: #ff7b72;--color-btn-danger-selected-shadow: 0 0 transparent;--color-btn-danger-disabled-text: rgba(248,81,73,.5);--color-btn-danger-disabled-bg: #0d1117;--color-btn-danger-disabled-counter-bg: rgba(218,54,51,.05);--color-btn-danger-focus-border: #f85149;--color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,.4);--color-btn-danger-counter-bg: rgba(218,54,51,.1);--color-btn-danger-icon: #f85149;--color-underlinenav-icon: #484f58;--color-underlinenav-border-hover: rgba(110,118,129,.4);--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-fg-on-emphasis: #f0f6fc;--color-canvas-default: #0d1117;--color-canvas-overlay: #161b22;--color-canvas-inset: #010409;--color-canvas-subtle: #161b22;--color-border-default: #30363d;--color-border-muted: #21262d;--color-border-subtle: rgba(240,246,252,.1);--color-shadow-small: 0 0 transparent;--color-shadow-medium: 0 3px 6px #010409;--color-shadow-large: 0 8px 24px #010409;--color-shadow-extra-large: 0 12px 48px #010409;--color-neutral-emphasis-plus: #6e7681;--color-neutral-emphasis: #6e7681;--color-neutral-muted: rgba(110,118,129,.4);--color-neutral-subtle: rgba(110,118,129,.1);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-accent-muted: rgba(56,139,253,.4);--color-accent-subtle: rgba(56,139,253,.15);--color-success-fg: #3fb950;--color-success-emphasis: #238636;--color-success-muted: rgba(46,160,67,.4);--color-success-subtle: rgba(46,160,67,.15);--color-attention-fg: #d29922;--color-attention-emphasis: #9e6a03;--color-attention-muted: rgba(187,128,9,.4);--color-attention-subtle: rgba(187,128,9,.15);--color-severe-fg: #db6d28;--color-severe-emphasis: #bd561d;--color-severe-muted: rgba(219,109,40,.4);--color-severe-subtle: rgba(219,109,40,.15);--color-danger-fg: #f85149;--color-danger-emphasis: #da3633;--color-danger-muted: rgba(248,81,73,.4);--color-danger-subtle: rgba(248,81,73,.15);--color-done-fg: #a371f7;--color-done-emphasis: #8957e5;--color-done-muted: rgba(163,113,247,.4);--color-done-subtle: rgba(163,113,247,.15);--color-sponsors-fg: #db61a2;--color-sponsors-emphasis: #bf4b8a;--color-sponsors-muted: rgba(219,97,162,.4);--color-sponsors-subtle: rgba(219,97,162,.15);--color-primer-canvas-backdrop: rgba(1,4,9,.8);--color-primer-canvas-sticky: rgba(13,17,23,.95);--color-primer-border-active: #F78166;--color-primer-border-contrast: rgba(240,246,252,.2);--color-primer-shadow-highlight: 0 0 transparent;--color-primer-shadow-inset: 0 0 transparent;--color-primer-shadow-focus: 0 0 0 3px #0c2d6b;--color-scale-black: #010409;--color-scale-white: #f0f6fc;--color-scale-gray-0: #f0f6fc;--color-scale-gray-1: #c9d1d9;--color-scale-gray-2: #b1bac4;--color-scale-gray-3: #8b949e;--color-scale-gray-4: #6e7681;--color-scale-gray-5: #484f58;--color-scale-gray-6: #30363d;--color-scale-gray-7: #21262d;--color-scale-gray-8: #161b22;--color-scale-gray-9: #0d1117;--color-scale-blue-0: #cae8ff;--color-scale-blue-1: #a5d6ff;--color-scale-blue-2: #79c0ff;--color-scale-blue-3: #58a6ff;--color-scale-blue-4: #388bfd;--color-scale-blue-5: #1f6feb;--color-scale-blue-6: #1158c7;--color-scale-blue-7: #0d419d;--color-scale-blue-8: #0c2d6b;--color-scale-blue-9: #051d4d;--color-scale-green-0: #aff5b4;--color-scale-green-1: #7ee787;--color-scale-green-2: #56d364;--color-scale-green-3: #3fb950;--color-scale-green-4: #2ea043;--color-scale-green-5: #238636;--color-scale-green-6: #196c2e;--color-scale-green-7: #0f5323;--color-scale-green-8: #033a16;--color-scale-green-9: #04260f;--color-scale-yellow-0: #f8e3a1;--color-scale-yellow-1: #f2cc60;--color-scale-yellow-2: #e3b341;--color-scale-yellow-3: #d29922;--color-scale-yellow-4: #bb8009;--color-scale-yellow-5: #9e6a03;--color-scale-yellow-6: #845306;--color-scale-yellow-7: #693e00;--color-scale-yellow-8: #4b2900;--color-scale-yellow-9: #341a00;--color-scale-orange-0: #ffdfb6;--color-scale-orange-1: #ffc680;--color-scale-orange-2: #ffa657;--color-scale-orange-3: #f0883e;--color-scale-orange-4: #db6d28;--color-scale-orange-5: #bd561d;--color-scale-orange-6: #9b4215;--color-scale-orange-7: #762d0a;--color-scale-orange-8: #5a1e02;--color-scale-orange-9: #3d1300;--color-scale-red-0: #ffdcd7;--color-scale-red-1: #ffc1ba;--color-scale-red-2: #ffa198;--color-scale-red-3: #ff7b72;--color-scale-red-4: #f85149;--color-scale-red-5: #da3633;--color-scale-red-6: #b62324;--color-scale-red-7: #8e1519;--color-scale-red-8: #67060c;--color-scale-red-9: #490202;--color-scale-purple-0: #eddeff;--color-scale-purple-1: #e2c5ff;--color-scale-purple-2: #d2a8ff;--color-scale-purple-3: #bc8cff;--color-scale-purple-4: #a371f7;--color-scale-purple-5: #8957e5;--color-scale-purple-6: #6e40c9;--color-scale-purple-7: #553098;--color-scale-purple-8: #3c1e70;--color-scale-purple-9: #271052;--color-scale-pink-0: #ffdaec;--color-scale-pink-1: #ffbedd;--color-scale-pink-2: #ff9bce;--color-scale-pink-3: #f778ba;--color-scale-pink-4: #db61a2;--color-scale-pink-5: #bf4b8a;--color-scale-pink-6: #9e3670;--color-scale-pink-7: #7d2457;--color-scale-pink-8: #5e103e;--color-scale-pink-9: #42062a;--color-scale-coral-0: #FFDDD2;--color-scale-coral-1: #FFC2B2;--color-scale-coral-2: #FFA28B;--color-scale-coral-3: #F78166;--color-scale-coral-4: #EA6045;--color-scale-coral-5: #CF462D;--color-scale-coral-6: #AC3220;--color-scale-coral-7: #872012;--color-scale-coral-8: #640D04;--color-scale-coral-9: #460701 }}:root{--box-shadow: rgba(0, 0, 0, .133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, .11) 0px .3px .9px 0px;--box-shadow-thick: rgb(0 0 0 / 10%) 0px 1.8px 1.9px, rgb(0 0 0 / 15%) 0px 6.1px 6.3px, rgb(0 0 0 / 10%) 0px -2px 4px, rgb(0 0 0 / 15%) 0px -6.1px 12px, rgb(0 0 0 / 25%) 0px 6px 12px}*{box-sizing:border-box;min-width:0;min-height:0}svg{fill:currentColor}.vbox{display:flex;flex-direction:column;flex:auto;position:relative}.hbox{display:flex;flex:auto;position:relative}.hidden{visibility:hidden}.d-flex{display:flex!important}.d-inline{display:inline!important}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:16px}.m-4{margin:24px}.m-5{margin:32px}.mx-1{margin:0 4px}.mx-2{margin:0 8px}.mx-3{margin:0 16px}.mx-4{margin:0 24px}.mx-5{margin:0 32px}.my-1{margin:4px 0}.my-2{margin:8px 0}.my-3{margin:16px 0}.my-4{margin:24px 0}.my-5{margin:32px 0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:16px}.mr-4{margin-right:24px}.mr-5{margin-right:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:16px}.ml-4{margin-left:24px}.ml-5{margin-left:32px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:16px}.p-4{padding:24px}.p-5{padding:32px}.px-1{padding:0 4px}.px-2{padding:0 8px}.px-3{padding:0 16px}.px-4{padding:0 24px}.px-5{padding:0 32px}.py-1{padding:4px 0}.py-2{padding:8px 0}.py-3{padding:16px 0}.py-4{padding:24px 0}.py-5{padding:32px 0}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:16px}.pt-4{padding-top:24px}.pt-5{padding-top:32px}.pr-1{padding-right:4px}.pr-2{padding-right:8px}.pr-3{padding-right:16px}.pr-4{padding-right:24px}.pr-5{padding-right:32px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:16px}.pb-4{padding-bottom:24px}.pb-5{padding-bottom:32px}.pl-1{padding-left:4px}.pl-2{padding-left:8px}.pl-3{padding-left:16px}.pl-4{padding-left:24px}.pl-5{padding-left:32px}.no-wrap{white-space:nowrap!important}.float-left{float:left!important}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}.form-control,.form-select{padding:5px 12px;font-size:14px;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--color-border-default);border-radius:6px;outline:none;box-shadow:var(--color-primer-shadow-inset)}.input-contrast{background-color:var(--color-canvas-inset)}.subnav-search{position:relative;flex:auto;display:flex}.subnav-search-input{flex:auto;padding-left:32px;color:var(--color-fg-muted)}.subnav-search-icon{position:absolute;top:9px;left:8px;display:block;color:var(--color-fg-muted);text-align:center;pointer-events:none}.subnav-search-context+.subnav-search{margin-left:-1px}.subnav-item{flex:none;position:relative;float:left;padding:5px 8px;font-weight:500;line-height:20px;color:var(--color-fg-default);border:1px solid var(--color-border-default);-webkit-user-select:none;user-select:none}.subnav-item:hover{background-color:var(--color-canvas-subtle)}.subnav-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.subnav-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.subnav-item+.subnav-item{margin-left:-1px}.subnav-item .octicon,.subnav-item-label{margin-right:8px}.counter{display:inline-block;min-width:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px;color:var(--color-fg-default);text-align:center;background-color:var(--color-neutral-muted);border:1px solid transparent;border-radius:2em}.color-icon-success{color:var(--color-success-fg)!important}.color-text-danger{color:var(--color-danger-fg)!important}.color-text-warning{color:var(--color-checks-step-warning-text)!important}.color-fg-muted{color:var(--color-fg-muted)!important}.octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor;margin-right:7px;flex:none}.button{flex:none;height:24px;border:1px solid var(--color-btn-border);outline:none;color:var(--color-btn-text);background:var(--color-btn-bg);padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.button:not(:disabled):hover{border-color:var(--color-btn-hover-border);background-color:var(--color-btn-hover-bg)}@media only screen and (max-width: 600px){.subnav-item,.form-control{border-radius:0!important}.subnav-item{border:none}.subnav-search-input{border-left:0;border-right:0}}.header-view-status-container{float:right}.header-view{padding:12px 8px 0}.header-view div{flex-shrink:0;flex-wrap:wrap}.header-superheader{color:var(--color-fg-muted)}.header-title{flex:none;font-weight:400;font-size:32px;line-height:1.25}@media only screen and (max-width: 600px){.header-view{padding:0}.header-view div{flex-shrink:1}.header-view-status-container{float:none;margin:0 0 10px!important;overflow:hidden}.header-view-status-container .subnav-search-input{border-left:none;border-right:none}.header-title,.header-superheader{margin:0 8px}}.copy-icon{flex:none;height:24px;width:24px;border:none;outline:none;color:var(--color-fg-muted);background:transparent;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.copy-icon svg{margin:0}.copy-icon:not(:disabled):hover{background-color:var(--color-border-default)}.copy-button-container{visibility:hidden;display:inline-flex;margin-left:8px;vertical-align:bottom}.copy-value-container:hover .copy-button-container{visibility:visible}.attachment-body{white-space:pre-wrap;background-color:var(--color-canvas-subtle);margin-left:24px;line-height:normal;padding:8px;font-family:monospace;position:relative}.attachment-body .copy-icon{position:absolute;right:5px;top:5px}.link-badge{flex:none;background-color:transparent;border-color:transparent;-webkit-user-select:none;user-select:none}.link-badge-dim span{color:var(--color-fg-muted)}.link-badge:hover{cursor:pointer}.link-badge svg{fill:var(--color-fg-default)}.link-badge-dim svg{fill:var(--color-fg-muted)}.link-badge-dim:hover svg{fill:var(--color-fg-muted)}.trace-link{margin-right:3px}.trace-link-separator{color:var(--color-fg-muted);-webkit-user-select:none;user-select:none}.expandable-summary{cursor:pointer;list-style:none;white-space:nowrap;padding-left:4px}.label{display:inline-block;padding:0 8px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em;background-color:var(--color-scale-gray-4);color:#fff;margin:0 10px;flex:none;font-weight:600;cursor:pointer}.label-anchor{text-decoration:none;color:var(--color-fg-default)}@media (prefers-color-scheme: light){.label-color-0{background-color:var(--color-scale-blue-0);color:var(--color-scale-blue-6);border:1px solid var(--color-scale-blue-4)}.label-color-1{background-color:var(--color-scale-yellow-0);color:var(--color-scale-yellow-6);border:1px solid var(--color-scale-yellow-4)}.label-color-2{background-color:var(--color-scale-purple-0);color:var(--color-scale-purple-6);border:1px solid var(--color-scale-purple-4)}.label-color-3{background-color:var(--color-scale-pink-0);color:var(--color-scale-pink-6);border:1px solid var(--color-scale-pink-4)}.label-color-4{background-color:var(--color-scale-coral-0);color:var(--color-scale-coral-6);border:1px solid var(--color-scale-coral-4)}.label-color-5{background-color:var(--color-scale-orange-0);color:var(--color-scale-orange-6);border:1px solid var(--color-scale-orange-4)}}@media (prefers-color-scheme: dark){.label-color-0{background-color:var(--color-scale-blue-9);color:var(--color-scale-blue-2);border:1px solid var(--color-scale-blue-4)}.label-color-1{background-color:var(--color-scale-yellow-9);color:var(--color-scale-yellow-2);border:1px solid var(--color-scale-yellow-4)}.label-color-2{background-color:var(--color-scale-purple-9);color:var(--color-scale-purple-2);border:1px solid var(--color-scale-purple-4)}.label-color-3{background-color:var(--color-scale-pink-9);color:var(--color-scale-pink-2);border:1px solid var(--color-scale-pink-4)}.label-color-4{background-color:var(--color-scale-coral-9);color:var(--color-scale-coral-2);border:1px solid var(--color-scale-coral-4)}.label-color-5{background-color:var(--color-scale-orange-9);color:var(--color-scale-orange-2);border:1px solid var(--color-scale-orange-4)}}.label-row .label{margin:0}.label-row .label:not(:first-child){margin-left:6px}html,body{width:100%;height:100%;padding:0;margin:0;overscroll-behavior-x:none}body{overflow:auto;max-width:1024px;margin:0 auto;width:100%}.test-file-test:not(:first-child){border-top:1px solid var(--color-border-default)}@media only screen and (max-width: 600px){.htmlreport{padding:0!important}}.tabbed-pane{display:flex;flex:auto;overflow:hidden}.tabbed-pane-tab-strip{display:flex;align-items:center;padding-right:10px;flex:none;width:100%;z-index:2;font-size:14px;line-height:32px;color:var(--color-fg-default);height:48px;min-width:70px;box-shadow:inset 0 -1px 0 var(--color-border-muted)!important}.tabbed-pane-tab-strip:focus{outline:none}.tabbed-pane-tab-element{padding:4px 8px 0;margin-right:4px;cursor:pointer;display:flex;flex:none;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-bottom:2px solid transparent;outline:none;height:100%}.tabbed-pane-tab-label{max-width:250px;white-space:pre;overflow:hidden;text-overflow:ellipsis;display:inline-block}.tabbed-pane-tab-element.selected{border-bottom-color:#666}.tabbed-pane-tab-element:hover{color:#333}.chip-header{border:1px solid var(--color-border-default);border-top-left-radius:6px;border-top-right-radius:6px;background-color:var(--color-canvas-subtle);padding:0 8px;border-bottom:none;margin-top:12px;font-weight:600;line-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.chip-header-allow-selection{-webkit-user-select:text;user-select:text}.chip-header.expanded-false{border:1px solid var(--color-border-default);border-radius:6px}.chip-header.expanded-false,.chip-header.expanded-true{cursor:pointer}.chip-body{border:1px solid var(--color-border-default);border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding:16px;margin-bottom:12px}.chip-body-no-insets{padding:0}@media only screen and (max-width: 600px){.chip-header{border-radius:0;border-right:none;border-left:none}.chip-body{border-radius:0;border-right:none;border-left:none;padding:8px}.chip-body-no-insets{padding:0}}.test-case-column{border-radius:6px;margin-bottom:24px}.test-case-column .tab-element.selected{font-weight:600;border-bottom-color:var(--color-primer-border-active)}.test-case-column .tab-element{border:none;color:var(--color-fg-default);border-bottom:2px solid transparent}.test-case-column .tab-element:hover{color:var(--color-fg-default)}.test-case-location,.test-case-duration{flex:none;align-items:center;padding:0 8px 8px}.test-case-run-duration{color:var(--color-fg-muted);padding-left:8px}.header-view .test-case-path{flex:none;flex-shrink:1;align-items:center;padding-right:8px}.test-case-annotation{flex:none;align-items:center;padding:0 8px;line-height:24px;white-space:pre-wrap}@media only screen and (max-width: 600px){.test-case-column{border-radius:0!important;margin:0!important}}.tree-item{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:38px}.tree-item-title{cursor:pointer}.tree-item-body{min-height:18px}.yellow-flash{animation:yellowflash-bg 2s}@keyframes yellowflash-bg{0%{background:var(--color-attention-subtle)}to{background:transparent}}body{--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #616161;--vscode-disabledForeground: rgba(97, 97, 97, .5);--vscode-errorForeground: #a1260d;--vscode-descriptionForeground: #717171;--vscode-icon-foreground: #424242;--vscode-focusBorder: #0090f1;--vscode-textSeparator-foreground: rgba(0, 0, 0, .18);--vscode-textLink-foreground: #006ab1;--vscode-textLink-activeForeground: #006ab1;--vscode-textPreformat-foreground: #a31515;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(220, 220, 220, .4);--vscode-widget-shadow: rgba(0, 0, 0, .16);--vscode-input-background: #ffffff;--vscode-input-foreground: #616161;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(184, 184, 184, .31);--vscode-inputOption-activeBackground: rgba(0, 144, 241, .2);--vscode-inputOption-activeForeground: #000000;--vscode-input-placeholderForeground: #767676;--vscode-inputValidation-infoBackground: #d6ecf2;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #f6f5d2;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #f2dede;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #ffffff;--vscode-dropdown-border: #cecece;--vscode-checkbox-background: #ffffff;--vscode-checkbox-border: #cecece;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #007acc;--vscode-button-hoverBackground: #0062a3;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #5f6a79;--vscode-button-secondaryHoverBackground: #4c5561;--vscode-badge-background: #c4c4c4;--vscode-badge-foreground: #333333;--vscode-scrollbar-shadow: #dddddd;--vscode-scrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #e51400;--vscode-editorWarning-foreground: #bf8803;--vscode-editorInfo-foreground: #1a85ff;--vscode-editorHint-foreground: #6c6c6c;--vscode-sash-hoverBorder: #0090f1;--vscode-editor-background: #ffffff;--vscode-editor-foreground: #000000;--vscode-editorStickyScroll-background: #ffffff;--vscode-editorStickyScrollHover-background: #f0f0f0;--vscode-editorWidget-background: #f3f3f3;--vscode-editorWidget-foreground: #616161;--vscode-editorWidget-border: #c8c8c8;--vscode-quickInput-background: #f3f3f3;--vscode-quickInput-foreground: #616161;--vscode-quickInputTitle-background: rgba(0, 0, 0, .06);--vscode-pickerGroup-foreground: #0066bf;--vscode-pickerGroup-border: #cccedb;--vscode-keybindingLabel-background: rgba(221, 221, 221, .4);--vscode-keybindingLabel-foreground: #555555;--vscode-keybindingLabel-border: rgba(204, 204, 204, .4);--vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, .4);--vscode-editor-selectionBackground: #add6ff;--vscode-editor-inactiveSelectionBackground: #e5ebf1;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .5);--vscode-editor-findMatchBackground: #a8ac94;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, .3);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, .15);--vscode-editorHoverWidget-background: #f3f3f3;--vscode-editorHoverWidget-foreground: #616161;--vscode-editorHoverWidget-border: #c8c8c8;--vscode-editorHoverWidget-statusBarBackground: #e7e7e7;--vscode-editorLink-activeForeground: #0000ff;--vscode-editorInlayHint-foreground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-background: rgba(196, 196, 196, .3);--vscode-editorInlayHint-typeForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-typeBackground: rgba(196, 196, 196, .3);--vscode-editorInlayHint-parameterForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-parameterBackground: rgba(196, 196, 196, .3);--vscode-editorLightBulb-foreground: #ddb100;--vscode-editorLightBulbAutoFix-foreground: #007acc;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .4);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .3);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(34, 34, 34, .2);--vscode-list-focusOutline: #0090f1;--vscode-list-focusAndSelectionOutline: #90c2f9;--vscode-list-activeSelectionBackground: #0060c0;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #e4e6f1;--vscode-list-hoverBackground: #e8e8e8;--vscode-list-dropBackground: #d6ebff;--vscode-list-highlightForeground: #0066bf;--vscode-list-focusHighlightForeground: #bbe7ff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #b01011;--vscode-list-warningForeground: #855f00;--vscode-listFilterWidget-background: #f3f3f3;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .16);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #a9a9a9;--vscode-tree-tableColumnsBorder: rgba(97, 97, 97, .13);--vscode-tree-tableOddRowsBackground: rgba(97, 97, 97, .04);--vscode-list-deemphasizedForeground: #8e8e90;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #0060c0;--vscode-menu-foreground: #616161;--vscode-menu-background: #ffffff;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #0060c0;--vscode-menu-separatorBackground: #d4d4d4;--vscode-toolbar-hoverBackground: rgba(184, 184, 184, .31);--vscode-toolbar-activeBackground: rgba(166, 166, 166, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, .2);--vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, .5);--vscode-breadcrumb-foreground: rgba(97, 97, 97, .8);--vscode-breadcrumb-background: #ffffff;--vscode-breadcrumb-focusForeground: #4e4e4e;--vscode-breadcrumb-activeSelectionForeground: #4e4e4e;--vscode-breadcrumbPicker-background: #f3f3f3;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #c9c9c9;--vscode-minimap-selectionHighlight: #add6ff;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #bf8803;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(100, 100, 100, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(0, 0, 0, .3);--vscode-problemsErrorIcon-foreground: #e51400;--vscode-problemsWarningIcon-foreground: #bf8803;--vscode-problemsInfoIcon-foreground: #1a85ff;--vscode-charts-foreground: #616161;--vscode-charts-lines: rgba(97, 97, 97, .5);--vscode-charts-red: #e51400;--vscode-charts-blue: #1a85ff;--vscode-charts-yellow: #bf8803;--vscode-charts-orange: #d18616;--vscode-charts-green: #388a34;--vscode-charts-purple: #652d90;--vscode-editor-lineHighlightBorder: #eeeeee;--vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, .2);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #000000;--vscode-editorWhitespace-foreground: rgba(51, 51, 51, .2);--vscode-editorIndentGuide-background: #d3d3d3;--vscode-editorIndentGuide-activeBackground: #939393;--vscode-editorLineNumber-foreground: #237893;--vscode-editorActiveLineNumber-foreground: #0b216f;--vscode-editorLineNumber-activeForeground: #0b216f;--vscode-editorRuler-foreground: #d3d3d3;--vscode-editorCodeLens-foreground: #919191;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #b9b9b9;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #ffffff;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .47);--vscode-editorGhostText-foreground: rgba(0, 0, 0, .47);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #bf8803;--vscode-editorOverviewRuler-infoForeground: #1a85ff;--vscode-editorBracketHighlight-foreground1: #0431fa;--vscode-editorBracketHighlight-foreground2: #319331;--vscode-editorBracketHighlight-foreground3: #7b3814;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #cea33d;--vscode-editorUnicodeHighlight-background: rgba(206, 163, 61, .08);--vscode-symbolIcon-arrayForeground: #616161;--vscode-symbolIcon-booleanForeground: #616161;--vscode-symbolIcon-classForeground: #d67e00;--vscode-symbolIcon-colorForeground: #616161;--vscode-symbolIcon-constantForeground: #616161;--vscode-symbolIcon-constructorForeground: #652d90;--vscode-symbolIcon-enumeratorForeground: #d67e00;--vscode-symbolIcon-enumeratorMemberForeground: #007acc;--vscode-symbolIcon-eventForeground: #d67e00;--vscode-symbolIcon-fieldForeground: #007acc;--vscode-symbolIcon-fileForeground: #616161;--vscode-symbolIcon-folderForeground: #616161;--vscode-symbolIcon-functionForeground: #652d90;--vscode-symbolIcon-interfaceForeground: #007acc;--vscode-symbolIcon-keyForeground: #616161;--vscode-symbolIcon-keywordForeground: #616161;--vscode-symbolIcon-methodForeground: #652d90;--vscode-symbolIcon-moduleForeground: #616161;--vscode-symbolIcon-namespaceForeground: #616161;--vscode-symbolIcon-nullForeground: #616161;--vscode-symbolIcon-numberForeground: #616161;--vscode-symbolIcon-objectForeground: #616161;--vscode-symbolIcon-operatorForeground: #616161;--vscode-symbolIcon-packageForeground: #616161;--vscode-symbolIcon-propertyForeground: #616161;--vscode-symbolIcon-referenceForeground: #616161;--vscode-symbolIcon-snippetForeground: #616161;--vscode-symbolIcon-stringForeground: #616161;--vscode-symbolIcon-structForeground: #616161;--vscode-symbolIcon-textForeground: #616161;--vscode-symbolIcon-typeParameterForeground: #616161;--vscode-symbolIcon-unitForeground: #616161;--vscode-symbolIcon-variableForeground: #007acc;--vscode-editorHoverWidget-highlightForeground: #0066bf;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(173, 214, 255, .3);--vscode-editorGutter-foldingControlForeground: #424242;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .25);--vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, .25);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(26, 133, 255, .1);--vscode-peekViewTitleLabel-foreground: #000000;--vscode-peekViewTitleDescription-foreground: #616161;--vscode-peekView-border: #1a85ff;--vscode-peekViewResult-background: #f3f3f3;--vscode-peekViewResult-lineForeground: #646465;--vscode-peekViewResult-fileForeground: #1e1e1e;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #6c6c6c;--vscode-peekViewEditor-background: #f2f8fc;--vscode-peekViewEditorGutter-background: #f2f8fc;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, .87);--vscode-editorMarkerNavigationError-background: #e51400;--vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, .1);--vscode-editorMarkerNavigationWarning-background: #bf8803;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, .1);--vscode-editorMarkerNavigationInfo-background: #1a85ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, .1);--vscode-editorMarkerNavigation-background: #ffffff;--vscode-editorSuggestWidget-background: #f3f3f3;--vscode-editorSuggestWidget-border: #c8c8c8;--vscode-editorSuggestWidget-foreground: #000000;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #0060c0;--vscode-editorSuggestWidget-highlightForeground: #0066bf;--vscode-editorSuggestWidget-focusHighlightForeground: #bbe7ff;--vscode-editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, .5);--vscode-tab-activeBackground: #ffffff;--vscode-tab-unfocusedActiveBackground: #ffffff;--vscode-tab-inactiveBackground: #ececec;--vscode-tab-unfocusedInactiveBackground: #ececec;--vscode-tab-activeForeground: #333333;--vscode-tab-inactiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedActiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedInactiveForeground: rgba(51, 51, 51, .35);--vscode-tab-border: #f3f3f3;--vscode-tab-lastPinnedBorder: rgba(97, 97, 97, .19);--vscode-tab-activeModifiedBorder: #33aaee;--vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, .7);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, .25);--vscode-editorPane-background: #ffffff;--vscode-editorGroupHeader-tabsBackground: #f3f3f3;--vscode-editorGroupHeader-noTabsBackground: #ffffff;--vscode-editorGroup-border: #e7e7e7;--vscode-editorGroup-dropBackground: rgba(38, 119, 203, .18);--vscode-editorGroup-dropIntoPromptForeground: #616161;--vscode-editorGroup-dropIntoPromptBackground: #f3f3f3;--vscode-sideBySideEditor-horizontalBorder: #e7e7e7;--vscode-sideBySideEditor-verticalBorder: #e7e7e7;--vscode-panel-background: #ffffff;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #424242;--vscode-panelTitle-inactiveForeground: rgba(66, 66, 66, .75);--vscode-panelTitle-activeBorder: #424242;--vscode-panelInput-border: #dddddd;--vscode-panel-dropBorder: #424242;--vscode-panelSection-dropBackground: rgba(38, 119, 203, .18);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #004386;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #1a85ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #725102;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #2c2c2c;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #f3f3f3;--vscode-sideBarTitle-foreground: #6f6f6f;--vscode-sideBar-dropBackground: rgba(38, 119, 203, .18);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(97, 97, 97, .19);--vscode-titleBar-activeForeground: #333333;--vscode-titleBar-inactiveForeground: rgba(51, 51, 51, .6);--vscode-titleBar-activeBackground: #dddddd;--vscode-titleBar-inactiveBackground: rgba(221, 221, 221, .6);--vscode-menubar-selectionForeground: #333333;--vscode-menubar-selectionBackground: rgba(184, 184, 184, .31);--vscode-notifications-foreground: #616161;--vscode-notifications-background: #f3f3f3;--vscode-notificationLink-foreground: #006ab1;--vscode-notificationCenterHeader-background: #e7e7e7;--vscode-notifications-border: #e7e7e7;--vscode-notificationsErrorIcon-foreground: #e51400;--vscode-notificationsWarningIcon-foreground: #bf8803;--vscode-notificationsInfoIcon-foreground: #1a85ff;--vscode-commandCenter-foreground: #333333;--vscode-commandCenter-activeForeground: #333333;--vscode-commandCenter-activeBackground: rgba(184, 184, 184, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, .5);--vscode-editorCommentsWidget-unresolvedBorder: #1a85ff;--vscode-editorCommentsWidget-rangeBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(26, 133, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(26, 133, 255, .4);--vscode-editorGutter-commentRangeForeground: #d5d8e9;--vscode-debugToolBar-background: #f3f3f3;--vscode-debugIcon-startForeground: #388a34;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, .45);--vscode-editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, .45);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .4);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #444444;--vscode-settings-modifiedItemIndicator: #66afe0;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #ffffff;--vscode-settings-dropdownBorder: #cecece;--vscode-settings-dropdownListBorder: #c8c8c8;--vscode-settings-checkboxBackground: #ffffff;--vscode-settings-checkboxBorder: #cecece;--vscode-settings-textInputBackground: #ffffff;--vscode-settings-textInputForeground: #616161;--vscode-settings-textInputBorder: #cecece;--vscode-settings-numberInputBackground: #ffffff;--vscode-settings-numberInputForeground: #616161;--vscode-settings-numberInputBorder: #cecece;--vscode-settings-focusedRowBackground: rgba(232, 232, 232, .6);--vscode-settings-rowHoverBackground: rgba(232, 232, 232, .3);--vscode-settings-focusedRowBorder: rgba(0, 0, 0, .12);--vscode-terminal-foreground: #333333;--vscode-terminal-selectionBackground: #add6ff;--vscode-terminal-inactiveSelectionBackground: #e5ebf1;--vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, .25);--vscode-terminalCommandDecoration-successBackground: #2090d3;--vscode-terminalCommandDecoration-errorBackground: #e51400;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #a8ac94;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(38, 119, 203, .18);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #e51400;--vscode-testing-peekHeaderBackground: rgba(229, 20, 0, .1);--vscode-testing-message\.error\.decorationForeground: #e51400;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(0, 0, 0, .5);--vscode-welcomePage-tileBackground: #f3f3f3;--vscode-welcomePage-tileHoverBackground: #dbdbdb;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .16);--vscode-welcomePage-progress\.background: #ffffff;--vscode-welcomePage-progress\.foreground: #006ab1;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #f1dfde;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(0, 0, 0, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #2090d3;--vscode-editorGutter-addedBackground: #48985d;--vscode-editorGutter-deletedBackground: #e51400;--vscode-minimapGutter-modifiedBackground: #2090d3;--vscode-minimapGutter-addedBackground: #48985d;--vscode-minimapGutter-deletedBackground: #e51400;--vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #e8e8e8;--vscode-notebook-focusedEditorBorder: #0090f1;--vscode-notebookStatusSuccessIcon-foreground: #388a34;--vscode-notebookStatusErrorIcon-foreground: #a1260d;--vscode-notebookStatusRunningIcon-foreground: #616161;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: rgba(200, 221, 241, .31);--vscode-notebook-selectedCellBorder: #e8e8e8;--vscode-notebook-focusedCellBorder: #0090f1;--vscode-notebook-inactiveFocusedCellBorder: #e8e8e8;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, .08);--vscode-notebook-cellInsertionIndicator: #0090f1;--vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, .2);--vscode-notebook-cellEditorBackground: #f3f3f3;--vscode-notebook-editorBackground: #ffffff;--vscode-keybindingTable-headerBackground: rgba(97, 97, 97, .04);--vscode-keybindingTable-rowsBackground: rgba(97, 97, 97, .04);--vscode-scm-providerBorder: #c8c8c8;--vscode-searchEditor-textInputBorder: #cecece;--vscode-debugTokenExpression-name: #9b46b0;--vscode-debugTokenExpression-value: rgba(108, 108, 108, .8);--vscode-debugTokenExpression-string: #a31515;--vscode-debugTokenExpression-boolean: #0000ff;--vscode-debugTokenExpression-number: #098658;--vscode-debugTokenExpression-error: #e51400;--vscode-debugView-exceptionLabelForeground: #ffffff;--vscode-debugView-exceptionLabelBackground: #a31515;--vscode-debugView-stateLabelForeground: #616161;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #1a85ff;--vscode-debugConsole-warningForeground: #bf8803;--vscode-debugConsole-errorForeground: #a1260d;--vscode-debugConsole-sourceForeground: #616161;--vscode-debugConsoleInputIcon-foreground: #616161;--vscode-debugIcon-pauseForeground: #007acc;--vscode-debugIcon-stopForeground: #a1260d;--vscode-debugIcon-disconnectForeground: #a1260d;--vscode-debugIcon-restartForeground: #388a34;--vscode-debugIcon-stepOverForeground: #007acc;--vscode-debugIcon-stepIntoForeground: #007acc;--vscode-debugIcon-stepOutForeground: #007acc;--vscode-debugIcon-continueForeground: #007acc;--vscode-debugIcon-stepBackForeground: #007acc;--vscode-extensionButton-prominentBackground: #007acc;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #0062a3;--vscode-extensionIcon-starForeground: #df6100;--vscode-extensionIcon-verifiedForeground: #006ab1;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #b51e78;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #00bc00;--vscode-terminal-ansiYellow: #949800;--vscode-terminal-ansiBlue: #0451a5;--vscode-terminal-ansiMagenta: #bc05bc;--vscode-terminal-ansiCyan: #0598bc;--vscode-terminal-ansiWhite: #555555;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #cd3131;--vscode-terminal-ansiBrightGreen: #14ce14;--vscode-terminal-ansiBrightYellow: #b5ba00;--vscode-terminal-ansiBrightBlue: #0451a5;--vscode-terminal-ansiBrightMagenta: #bc05bc;--vscode-terminal-ansiBrightCyan: #0598bc;--vscode-terminal-ansiBrightWhite: #a5a5a5;--vscode-interactive-activeCodeBorder: #1a85ff;--vscode-interactive-inactiveCodeBorder: #e4e6f1;--vscode-gitDecoration-addedResourceForeground: #587c0c;--vscode-gitDecoration-modifiedResourceForeground: #895503;--vscode-gitDecoration-deletedResourceForeground: #ad0707;--vscode-gitDecoration-renamedResourceForeground: #007100;--vscode-gitDecoration-untrackedResourceForeground: #007100;--vscode-gitDecoration-ignoredResourceForeground: #8e8e90;--vscode-gitDecoration-stageModifiedResourceForeground: #895503;--vscode-gitDecoration-stageDeletedResourceForeground: #ad0707;--vscode-gitDecoration-conflictingResourceForeground: #ad0707;--vscode-gitDecoration-submoduleResourceForeground: #1258a7}body.dark-mode{--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #cccccc;--vscode-disabledForeground: rgba(204, 204, 204, .5);--vscode-errorForeground: #f48771;--vscode-descriptionForeground: rgba(204, 204, 204, .7);--vscode-icon-foreground: #c5c5c5;--vscode-focusBorder: #007fd4;--vscode-textSeparator-foreground: rgba(255, 255, 255, .18);--vscode-textLink-foreground: #3794ff;--vscode-textLink-activeForeground: #3794ff;--vscode-textPreformat-foreground: #d7ba7d;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(10, 10, 10, .4);--vscode-widget-shadow: rgba(0, 0, 0, .36);--vscode-input-background: #3c3c3c;--vscode-input-foreground: #cccccc;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(90, 93, 94, .5);--vscode-inputOption-activeBackground: rgba(0, 127, 212, .4);--vscode-inputOption-activeForeground: #ffffff;--vscode-input-placeholderForeground: #a6a6a6;--vscode-inputValidation-infoBackground: #063b49;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #352a05;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #5a1d1d;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #3c3c3c;--vscode-dropdown-foreground: #f0f0f0;--vscode-dropdown-border: #3c3c3c;--vscode-checkbox-background: #3c3c3c;--vscode-checkbox-foreground: #f0f0f0;--vscode-checkbox-border: #3c3c3c;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #0e639c;--vscode-button-hoverBackground: #1177bb;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #3a3d41;--vscode-button-secondaryHoverBackground: #45494e;--vscode-badge-background: #4d4d4d;--vscode-badge-foreground: #ffffff;--vscode-scrollbar-shadow: #000000;--vscode-scrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #f14c4c;--vscode-editorWarning-foreground: #cca700;--vscode-editorInfo-foreground: #3794ff;--vscode-editorHint-foreground: rgba(238, 238, 238, .7);--vscode-sash-hoverBorder: #007fd4;--vscode-editor-background: #1e1e1e;--vscode-editor-foreground: #d4d4d4;--vscode-editorStickyScroll-background: #1e1e1e;--vscode-editorStickyScrollHover-background: #2a2d2e;--vscode-editorWidget-background: #252526;--vscode-editorWidget-foreground: #cccccc;--vscode-editorWidget-border: #454545;--vscode-quickInput-background: #252526;--vscode-quickInput-foreground: #cccccc;--vscode-quickInputTitle-background: rgba(255, 255, 255, .1);--vscode-pickerGroup-foreground: #3794ff;--vscode-pickerGroup-border: #3f3f46;--vscode-keybindingLabel-background: rgba(128, 128, 128, .17);--vscode-keybindingLabel-foreground: #cccccc;--vscode-keybindingLabel-border: rgba(51, 51, 51, .6);--vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, .6);--vscode-editor-selectionBackground: #264f78;--vscode-editor-inactiveSelectionBackground: #3a3d41;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .15);--vscode-editor-findMatchBackground: #515c6a;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, .4);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, .25);--vscode-editorHoverWidget-background: #252526;--vscode-editorHoverWidget-foreground: #cccccc;--vscode-editorHoverWidget-border: #454545;--vscode-editorHoverWidget-statusBarBackground: #2c2c2d;--vscode-editorLink-activeForeground: #4e94ce;--vscode-editorInlayHint-foreground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-background: rgba(77, 77, 77, .6);--vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, .6);--vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, .6);--vscode-editorLightBulb-foreground: #ffcc00;--vscode-editorLightBulbAutoFix-foreground: #75beff;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .2);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .4);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(204, 204, 204, .2);--vscode-list-focusOutline: #007fd4;--vscode-list-activeSelectionBackground: #04395e;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #37373d;--vscode-list-hoverBackground: #2a2d2e;--vscode-list-dropBackground: #383b3d;--vscode-list-highlightForeground: #2aaaff;--vscode-list-focusHighlightForeground: #2aaaff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #f88070;--vscode-list-warningForeground: #cca700;--vscode-listFilterWidget-background: #252526;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .36);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #585858;--vscode-tree-tableColumnsBorder: rgba(204, 204, 204, .13);--vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, .04);--vscode-list-deemphasizedForeground: #8c8c8c;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #04395e;--vscode-menu-foreground: #cccccc;--vscode-menu-background: #303031;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #04395e;--vscode-menu-separatorBackground: #606060;--vscode-toolbar-hoverBackground: rgba(90, 93, 94, .31);--vscode-toolbar-activeBackground: rgba(99, 102, 103, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, .3);--vscode-editor-snippetFinalTabstopHighlightBorder: #525252;--vscode-breadcrumb-foreground: rgba(204, 204, 204, .8);--vscode-breadcrumb-background: #1e1e1e;--vscode-breadcrumb-focusForeground: #e0e0e0;--vscode-breadcrumb-activeSelectionForeground: #e0e0e0;--vscode-breadcrumbPicker-background: #252526;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #676767;--vscode-minimap-selectionHighlight: #264f78;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #cca700;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(121, 121, 121, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(191, 191, 191, .2);--vscode-problemsErrorIcon-foreground: #f14c4c;--vscode-problemsWarningIcon-foreground: #cca700;--vscode-problemsInfoIcon-foreground: #3794ff;--vscode-charts-foreground: #cccccc;--vscode-charts-lines: rgba(204, 204, 204, .5);--vscode-charts-red: #f14c4c;--vscode-charts-blue: #3794ff;--vscode-charts-yellow: #cca700;--vscode-charts-orange: #d18616;--vscode-charts-green: #89d185;--vscode-charts-purple: #b180d7;--vscode-editor-lineHighlightBorder: #282828;--vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, .04);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #aeafad;--vscode-editorWhitespace-foreground: rgba(227, 228, 226, .16);--vscode-editorIndentGuide-background: #404040;--vscode-editorIndentGuide-activeBackground: #707070;--vscode-editorLineNumber-foreground: #858585;--vscode-editorActiveLineNumber-foreground: #c6c6c6;--vscode-editorLineNumber-activeForeground: #c6c6c6;--vscode-editorRuler-foreground: #5a5a5a;--vscode-editorCodeLens-foreground: #999999;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #888888;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #1e1e1e;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .67);--vscode-editorGhostText-foreground: rgba(255, 255, 255, .34);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #cca700;--vscode-editorOverviewRuler-infoForeground: #3794ff;--vscode-editorBracketHighlight-foreground1: #ffd700;--vscode-editorBracketHighlight-foreground2: #da70d6;--vscode-editorBracketHighlight-foreground3: #179fff;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #bd9b03;--vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, .15);--vscode-symbolIcon-arrayForeground: #cccccc;--vscode-symbolIcon-booleanForeground: #cccccc;--vscode-symbolIcon-classForeground: #ee9d28;--vscode-symbolIcon-colorForeground: #cccccc;--vscode-symbolIcon-constantForeground: #cccccc;--vscode-symbolIcon-constructorForeground: #b180d7;--vscode-symbolIcon-enumeratorForeground: #ee9d28;--vscode-symbolIcon-enumeratorMemberForeground: #75beff;--vscode-symbolIcon-eventForeground: #ee9d28;--vscode-symbolIcon-fieldForeground: #75beff;--vscode-symbolIcon-fileForeground: #cccccc;--vscode-symbolIcon-folderForeground: #cccccc;--vscode-symbolIcon-functionForeground: #b180d7;--vscode-symbolIcon-interfaceForeground: #75beff;--vscode-symbolIcon-keyForeground: #cccccc;--vscode-symbolIcon-keywordForeground: #cccccc;--vscode-symbolIcon-methodForeground: #b180d7;--vscode-symbolIcon-moduleForeground: #cccccc;--vscode-symbolIcon-namespaceForeground: #cccccc;--vscode-symbolIcon-nullForeground: #cccccc;--vscode-symbolIcon-numberForeground: #cccccc;--vscode-symbolIcon-objectForeground: #cccccc;--vscode-symbolIcon-operatorForeground: #cccccc;--vscode-symbolIcon-packageForeground: #cccccc;--vscode-symbolIcon-propertyForeground: #cccccc;--vscode-symbolIcon-referenceForeground: #cccccc;--vscode-symbolIcon-snippetForeground: #cccccc;--vscode-symbolIcon-stringForeground: #cccccc;--vscode-symbolIcon-structForeground: #cccccc;--vscode-symbolIcon-textForeground: #cccccc;--vscode-symbolIcon-typeParameterForeground: #cccccc;--vscode-symbolIcon-unitForeground: #cccccc;--vscode-symbolIcon-variableForeground: #75beff;--vscode-editorHoverWidget-highlightForeground: #2aaaff;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(38, 79, 120, .3);--vscode-editorGutter-foldingControlForeground: #c5c5c5;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .72);--vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, .72);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(55, 148, 255, .1);--vscode-peekViewTitleLabel-foreground: #ffffff;--vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, .7);--vscode-peekView-border: #3794ff;--vscode-peekViewResult-background: #252526;--vscode-peekViewResult-lineForeground: #bbbbbb;--vscode-peekViewResult-fileForeground: #ffffff;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #ffffff;--vscode-peekViewEditor-background: #001f33;--vscode-peekViewEditorGutter-background: #001f33;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, .6);--vscode-editorMarkerNavigationError-background: #f14c4c;--vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, .1);--vscode-editorMarkerNavigationWarning-background: #cca700;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, .1);--vscode-editorMarkerNavigationInfo-background: #3794ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, .1);--vscode-editorMarkerNavigation-background: #1e1e1e;--vscode-editorSuggestWidget-background: #252526;--vscode-editorSuggestWidget-border: #454545;--vscode-editorSuggestWidget-foreground: #d4d4d4;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #04395e;--vscode-editorSuggestWidget-highlightForeground: #2aaaff;--vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff;--vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, .5);--vscode-tab-activeBackground: #1e1e1e;--vscode-tab-unfocusedActiveBackground: #1e1e1e;--vscode-tab-inactiveBackground: #2d2d2d;--vscode-tab-unfocusedInactiveBackground: #2d2d2d;--vscode-tab-activeForeground: #ffffff;--vscode-tab-inactiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, .25);--vscode-tab-border: #252526;--vscode-tab-lastPinnedBorder: rgba(204, 204, 204, .2);--vscode-tab-activeModifiedBorder: #3399cc;--vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, .25);--vscode-editorPane-background: #1e1e1e;--vscode-editorGroupHeader-tabsBackground: #252526;--vscode-editorGroupHeader-noTabsBackground: #1e1e1e;--vscode-editorGroup-border: #444444;--vscode-editorGroup-dropBackground: rgba(83, 89, 93, .5);--vscode-editorGroup-dropIntoPromptForeground: #cccccc;--vscode-editorGroup-dropIntoPromptBackground: #252526;--vscode-sideBySideEditor-horizontalBorder: #444444;--vscode-sideBySideEditor-verticalBorder: #444444;--vscode-panel-background: #1e1e1e;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #e7e7e7;--vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, .6);--vscode-panelTitle-activeBorder: #e7e7e7;--vscode-panel-dropBorder: #e7e7e7;--vscode-panelSection-dropBackground: rgba(83, 89, 93, .5);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #04395e;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #3794ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #7a6400;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #333333;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #252526;--vscode-sideBarTitle-foreground: #bbbbbb;--vscode-sideBar-dropBackground: rgba(83, 89, 93, .5);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(204, 204, 204, .2);--vscode-titleBar-activeForeground: #cccccc;--vscode-titleBar-inactiveForeground: rgba(204, 204, 204, .6);--vscode-titleBar-activeBackground: #3c3c3c;--vscode-titleBar-inactiveBackground: rgba(60, 60, 60, .6);--vscode-menubar-selectionForeground: #cccccc;--vscode-menubar-selectionBackground: rgba(90, 93, 94, .31);--vscode-notifications-foreground: #cccccc;--vscode-notifications-background: #252526;--vscode-notificationLink-foreground: #3794ff;--vscode-notificationCenterHeader-background: #303031;--vscode-notifications-border: #303031;--vscode-notificationsErrorIcon-foreground: #f14c4c;--vscode-notificationsWarningIcon-foreground: #cca700;--vscode-notificationsInfoIcon-foreground: #3794ff;--vscode-commandCenter-foreground: #cccccc;--vscode-commandCenter-activeForeground: #cccccc;--vscode-commandCenter-activeBackground: rgba(90, 93, 94, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, .5);--vscode-editorCommentsWidget-unresolvedBorder: #3794ff;--vscode-editorCommentsWidget-rangeBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(55, 148, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(55, 148, 255, .4);--vscode-editorGutter-commentRangeForeground: #37373d;--vscode-debugToolBar-background: #333333;--vscode-debugIcon-startForeground: #89d185;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, .2);--vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, .3);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .2);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #e7e7e7;--vscode-settings-modifiedItemIndicator: #0c7d9d;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #3c3c3c;--vscode-settings-dropdownForeground: #f0f0f0;--vscode-settings-dropdownBorder: #3c3c3c;--vscode-settings-dropdownListBorder: #454545;--vscode-settings-checkboxBackground: #3c3c3c;--vscode-settings-checkboxForeground: #f0f0f0;--vscode-settings-checkboxBorder: #3c3c3c;--vscode-settings-textInputBackground: #3c3c3c;--vscode-settings-textInputForeground: #cccccc;--vscode-settings-numberInputBackground: #3c3c3c;--vscode-settings-numberInputForeground: #cccccc;--vscode-settings-focusedRowBackground: rgba(42, 45, 46, .6);--vscode-settings-rowHoverBackground: rgba(42, 45, 46, .3);--vscode-settings-focusedRowBorder: rgba(255, 255, 255, .12);--vscode-terminal-foreground: #cccccc;--vscode-terminal-selectionBackground: #264f78;--vscode-terminal-inactiveSelectionBackground: #3a3d41;--vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, .25);--vscode-terminalCommandDecoration-successBackground: #1b81a8;--vscode-terminalCommandDecoration-errorBackground: #f14c4c;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #515c6a;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(83, 89, 93, .5);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #f14c4c;--vscode-testing-peekHeaderBackground: rgba(241, 76, 76, .1);--vscode-testing-message\.error\.decorationForeground: #f14c4c;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(212, 212, 212, .5);--vscode-welcomePage-tileBackground: #252526;--vscode-welcomePage-tileHoverBackground: #2c2c2d;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .36);--vscode-welcomePage-progress\.background: #3c3c3c;--vscode-welcomePage-progress\.foreground: #3794ff;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #420b0d;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(255, 255, 255, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #1b81a8;--vscode-editorGutter-addedBackground: #487e02;--vscode-editorGutter-deletedBackground: #f14c4c;--vscode-minimapGutter-modifiedBackground: #1b81a8;--vscode-minimapGutter-addedBackground: #487e02;--vscode-minimapGutter-deletedBackground: #f14c4c;--vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #37373d;--vscode-notebook-focusedEditorBorder: #007fd4;--vscode-notebookStatusSuccessIcon-foreground: #89d185;--vscode-notebookStatusErrorIcon-foreground: #f48771;--vscode-notebookStatusRunningIcon-foreground: #cccccc;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: #37373d;--vscode-notebook-selectedCellBorder: #37373d;--vscode-notebook-focusedCellBorder: #007fd4;--vscode-notebook-inactiveFocusedCellBorder: #37373d;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, .15);--vscode-notebook-cellInsertionIndicator: #007fd4;--vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, .04);--vscode-notebook-cellEditorBackground: #252526;--vscode-notebook-editorBackground: #1e1e1e;--vscode-keybindingTable-headerBackground: rgba(204, 204, 204, .04);--vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, .04);--vscode-scm-providerBorder: #454545;--vscode-debugTokenExpression-name: #c586c0;--vscode-debugTokenExpression-value: rgba(204, 204, 204, .6);--vscode-debugTokenExpression-string: #ce9178;--vscode-debugTokenExpression-boolean: #4e94ce;--vscode-debugTokenExpression-number: #b5cea8;--vscode-debugTokenExpression-error: #f48771;--vscode-debugView-exceptionLabelForeground: #cccccc;--vscode-debugView-exceptionLabelBackground: #6c2022;--vscode-debugView-stateLabelForeground: #cccccc;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #3794ff;--vscode-debugConsole-warningForeground: #cca700;--vscode-debugConsole-errorForeground: #f48771;--vscode-debugConsole-sourceForeground: #cccccc;--vscode-debugConsoleInputIcon-foreground: #cccccc;--vscode-debugIcon-pauseForeground: #75beff;--vscode-debugIcon-stopForeground: #f48771;--vscode-debugIcon-disconnectForeground: #f48771;--vscode-debugIcon-restartForeground: #89d185;--vscode-debugIcon-stepOverForeground: #75beff;--vscode-debugIcon-stepIntoForeground: #75beff;--vscode-debugIcon-stepOutForeground: #75beff;--vscode-debugIcon-continueForeground: #75beff;--vscode-debugIcon-stepBackForeground: #75beff;--vscode-extensionButton-prominentBackground: #0e639c;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #1177bb;--vscode-extensionIcon-starForeground: #ff8e00;--vscode-extensionIcon-verifiedForeground: #3794ff;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #d758b3;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #0dbc79;--vscode-terminal-ansiYellow: #e5e510;--vscode-terminal-ansiBlue: #2472c8;--vscode-terminal-ansiMagenta: #bc3fbc;--vscode-terminal-ansiCyan: #11a8cd;--vscode-terminal-ansiWhite: #e5e5e5;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #f14c4c;--vscode-terminal-ansiBrightGreen: #23d18b;--vscode-terminal-ansiBrightYellow: #f5f543;--vscode-terminal-ansiBrightBlue: #3b8eea;--vscode-terminal-ansiBrightMagenta: #d670d6;--vscode-terminal-ansiBrightCyan: #29b8db;--vscode-terminal-ansiBrightWhite: #e5e5e5;--vscode-interactive-activeCodeBorder: #3794ff;--vscode-interactive-inactiveCodeBorder: #37373d;--vscode-gitDecoration-addedResourceForeground: #81b88b;--vscode-gitDecoration-modifiedResourceForeground: #e2c08d;--vscode-gitDecoration-deletedResourceForeground: #c74e39;--vscode-gitDecoration-renamedResourceForeground: #73c991;--vscode-gitDecoration-untrackedResourceForeground: #73c991;--vscode-gitDecoration-ignoredResourceForeground: #8c8c8c;--vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d;--vscode-gitDecoration-stageDeletedResourceForeground: #c74e39;--vscode-gitDecoration-conflictingResourceForeground: #e4676b;--vscode-gitDecoration-submoduleResourceForeground: #8db9e2}.test-error-container{position:relative;white-space:pre;flex:none;padding:0;background-color:var(--color-canvas-subtle);border-radius:6px;line-height:initial;margin-bottom:6px}.test-error-view{overflow:auto;padding:16px}.test-error-text{font-family:monospace}.test-result{flex:auto;display:flex;flex-direction:column;margin-bottom:24px}.test-result>div{flex:none}.test-result video,.test-result img.screenshot{flex:none;box-shadow:var(--box-shadow-thick);margin:24px auto;min-width:200px;max-width:80%}.test-result-path{padding:0 0 0 5px;color:var(--color-fg-muted)}.test-result-counter{border-radius:12px;color:var(--color-canvas-default);padding:2px 8px}@media (prefers-color-scheme: light){.test-result-counter{background:var(--color-scale-gray-5)}}@media (prefers-color-scheme: dark){.test-result-counter{background:var(--color-scale-gray-3)}}@media only screen and (max-width: 600px){.test-result{padding:0!important}}.test-file-test{line-height:32px;align-items:center;padding:2px 8px;overflow:hidden;text-overflow:ellipsis}.test-file-test:hover{background-color:var(--color-canvas-subtle)}.test-file-title{font-weight:600;font-size:16px}.test-file-details-row{padding:0 0 6px 8px;margin:0 0 0 15px;line-height:16px;font-weight:400;color:var(--color-fg-muted);display:flex;align-items:center}.test-file-details-row-items{display:flex;height:16px}.test-file-details-row-items>.link-badge{margin-top:-2px}.test-file-details-row-items>.trace-link{margin-top:-4px}.test-file-path{text-overflow:ellipsis;overflow:hidden;color:var(--color-fg-muted)}.test-file-path-link{margin-right:10px}.test-file-test-outcome-skipped{color:var(--color-fg-muted)}.test-file-test-status-icon{flex:none}.test-file-header-info{display:flex;align-items:center;gap:4px 8px;color:var(--color-fg-muted)}.test-file-header-br{flex-basis:100%;height:0}#root{color:var(--color-fg-default);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased}.metadata-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-fg-default)}.metadata-toggle-second-line{margin-top:8px;margin-left:8px}.metadata-view{border:1px solid var(--color-border-default);border-radius:6px;margin-top:12px}.metadata-view .metadata-section{margin:8px 10px 8px 32px}.metadata-view span:not(.copy-button-container),.metadata-view a{display:inline-block;line-height:24px}.metadata-properties{display:flex;flex-direction:column;align-items:normal;gap:8px}.metadata-properties>div{height:24px}.metadata-separator{height:1px;border-bottom:1px solid var(--color-border-default)}.metadata-view a{color:var(--color-fg-default)}.copyable-property{white-space:pre}.copyable-property>span{display:flex;align-items:center}
+</style>
+  </head>
+  <body>
+    <div id='root'></div>
+  </body>
+</html>
+<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>
\ No newline at end of file
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 00000000..a42a587a
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,71 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+export default defineConfig({
+   testDir: './tests/e2e',
+   /* Run tests in files in parallel */
+   fullyParallel: true,
+   /* Fail the build on CI if you accidentally left test.only in the source code. */
+   forbidOnly: !!process.env.CI,
+   /* Retry on CI only */
+   retries: process.env.CI ? 2 : 0,
+   /* Opt out of parallel tests on CI. */
+   workers: process.env.CI ? 1 : undefined,
+   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+   reporter: 'html',
+   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+   use: {
+      /* Base URL to use in actions like `await page.goto('/')`. */
+      baseURL: 'http://localhost:3000',
+
+      /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+      trace: 'on-first-retry',
+   },
+
+   /* Configure projects for major browsers */
+   projects: [
+      {
+         name: 'chromium',
+         use: { ...devices['Desktop Chrome'] },
+      },
+
+      {
+         name: 'firefox',
+         use: { ...devices['Desktop Firefox'] },
+      },
+
+      {
+         name: 'webkit',
+         use: { ...devices['Desktop Safari'] },
+      },
+
+      /* Test against mobile viewports. */
+      {
+         name: 'Mobile Chrome',
+         use: { ...devices['Pixel 5'] },
+      },
+      {
+         name: 'Mobile Safari',
+         use: { ...devices['iPhone 12'] },
+      },
+
+      /* Test against branded browsers. */
+      // {
+      //   name: 'Microsoft Edge',
+      //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+      // },
+      // {
+      //   name: 'Google Chrome',
+      //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+      // },
+   ],
+
+   /* Run your local dev server before starting the tests */
+   webServer: {
+      command: 'npm run dev',
+      url: 'http://localhost:3000',
+      reuseExistingServer: !process.env.CI,
+   },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9531b9fa..4514ee07 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       '@kayron013/lexorank':
         specifier: ^2.0.0
         version: 2.0.0
+      '@prisma/client':
+        specifier: ^6.0.0
+        version: 6.15.0(prisma@6.15.0(typescript@5.7.3))(typescript@5.7.3)
       '@radix-ui/react-alert-dialog':
         specifier: ^1.1.6
         version: 1.1.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -68,6 +71,18 @@ importers:
       '@remixicon/react':
         specifier: ^4.6.0
         version: 4.6.0(react@19.0.0)
+      '@tiptap/pm':
+        specifier: ^3.3.0
+        version: 3.3.0
+      '@tiptap/react':
+        specifier: ^3.3.0
+        version: 3.3.0(@floating-ui/dom@1.6.13)(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@tiptap/starter-kit':
+        specifier: ^3.3.0
+        version: 3.3.0
+      bcryptjs:
+        specifier: ^3.0.2
+        version: 3.0.2
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -80,6 +95,9 @@ importers:
       date-fns:
         specifier: ^4.1.0
         version: 4.1.0
+      formidable:
+        specifier: ^3.5.4
+        version: 3.5.4
       lucide-react:
         specifier: ^0.476.0
         version: 0.476.0(react@19.0.0)
@@ -88,10 +106,19 @@ importers:
         version: 12.4.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       next:
         specifier: 15.2.4
-        version: 15.2.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      next-auth:
+        specifier: 5.0.0-beta.29
+        version: 5.0.0-beta.29(next@15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)
+      next-intl:
+        specifier: ^4.3.5
+        version: 4.3.5(next@15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(typescript@5.7.3)
       next-themes:
         specifier: ^0.4.4
         version: 0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      openai:
+        specifier: ^5.16.0
+        version: 5.16.0(ws@8.18.3)(zod@3.24.2)
       react:
         specifier: ^19.0.0
         version: 19.0.0
@@ -128,6 +155,9 @@ importers:
       tailwindcss-animate:
         specifier: ^1.0.7
         version: 1.0.7(tailwindcss@4.0.8)
+      uploadthing:
+        specifier: ^7.7.4
+        version: 7.7.4(next@15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(tailwindcss@4.0.8)
       usehooks-ts:
         specifier: ^3.1.1
         version: 3.1.1(react@19.0.0)
@@ -139,14 +169,35 @@ importers:
         version: 3.24.2
       zustand:
         specifier: ^5.0.3
-        version: 5.0.3(@types/react@19.0.10)(react@19.0.0)
+        version: 5.0.3(@types/react@19.0.10)(react@19.0.0)(use-sync-external-store@1.5.0(react@19.0.0))
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3
         version: 3.3.0
+      '@playwright/test':
+        specifier: ^1.55.0
+        version: 1.55.0
       '@tailwindcss/postcss':
         specifier: ^4
         version: 4.0.8
+      '@testing-library/jest-dom':
+        specifier: ^6.8.0
+        version: 6.8.0
+      '@testing-library/react':
+        specifier: ^16.3.0
+        version: 16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@testing-library/user-event':
+        specifier: ^14.6.1
+        version: 14.6.1(@testing-library/dom@10.4.1)
+      '@types/bcryptjs':
+        specifier: ^3.0.0
+        version: 3.0.0
+      '@types/formidable':
+        specifier: ^3.4.5
+        version: 3.4.5
+      '@types/jest':
+        specifier: ^30.0.0
+        version: 30.0.0
       '@types/node':
         specifier: ^20
         version: 20.17.19
@@ -171,32 +222,431 @@ importers:
       husky:
         specifier: ^9.1.7
         version: 9.1.7
+      jest:
+        specifier: ^30.1.2
+        version: 30.1.2(@types/node@20.17.19)
+      jest-environment-jsdom:
+        specifier: ^30.1.2
+        version: 30.1.2
       lint-staged:
         specifier: ^15.4.3
         version: 15.4.3
       prettier:
         specifier: ^3.5.2
         version: 3.5.2
+      prisma:
+        specifier: ^6.0.0
+        version: 6.15.0(typescript@5.7.3)
       tailwindcss:
         specifier: ^4
         version: 4.0.8
+      tsx:
+        specifier: ^4.19.2
+        version: 4.20.5
       typescript:
         specifier: ^5
         version: 5.7.3
 
 packages:
 
+  '@adobe/css-tools@4.4.4':
+    resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
+
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+
+  '@asamuzakjp/css-color@3.2.0':
+    resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
+
+  '@auth/core@0.40.0':
+    resolution: {integrity: sha512-n53uJE0RH5SqZ7N1xZoMKekbHfQgjd0sAEyUbE+IYJnmuQkbvuZnXItCU7d+i7Fj8VGOgqvNO7Mw4YfBTlZeQw==}
+    peerDependencies:
+      '@simplewebauthn/browser': ^9.0.1
+      '@simplewebauthn/server': ^9.0.2
+      nodemailer: ^6.8.0
+    peerDependenciesMeta:
+      '@simplewebauthn/browser':
+        optional: true
+      '@simplewebauthn/server':
+        optional: true
+      nodemailer:
+        optional: true
+
+  '@babel/code-frame@7.27.1':
+    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.28.0':
+    resolution: {integrity: sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.28.3':
+    resolution: {integrity: sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.28.3':
+    resolution: {integrity: sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.27.2':
+    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.27.1':
+    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.3':
+    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-plugin-utils@7.27.1':
+    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.27.1':
+    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.28.3':
+    resolution: {integrity: sha512-PTNtvUQihsAsDHMOP5pfobP8C6CM4JWXmP8DrEIt46c3r2bf87Ua1zoqevsMo9g+tWDwgWrFP5EIxuBx5RudAw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.28.3':
+    resolution: {integrity: sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-syntax-async-generators@7.8.4':
+    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-bigint@7.8.3':
+    resolution: {integrity: sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-class-properties@7.12.13':
+    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-class-static-block@7.14.5':
+    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-attributes@7.27.1':
+    resolution: {integrity: sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-meta@7.10.4':
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-json-strings@7.8.3':
+    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-jsx@7.27.1':
+    resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-logical-assignment-operators@7.10.4':
+    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3':
+    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-numeric-separator@7.10.4':
+    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-object-rest-spread@7.8.3':
+    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-optional-catch-binding@7.8.3':
+    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-optional-chaining@7.8.3':
+    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-private-property-in-object@7.14.5':
+    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-top-level-await@7.14.5':
+    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-typescript@7.27.1':
+    resolution: {integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
   '@babel/runtime@7.26.9':
     resolution: {integrity: sha512-aA63XwOkcl4xxQa3HjPMqOP6LiK0ZDv3mUPYEFXkpHbaFjtGggE1A61FjFzJnB+p7/oy2gA8E+rcBNl/zC1tMg==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/template@7.27.2':
+    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.28.3':
+    resolution: {integrity: sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.28.2':
+    resolution: {integrity: sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@bcoe/v8-coverage@0.2.3':
+    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
+
+  '@csstools/color-helpers@5.1.0':
+    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-color-parser@3.1.0':
+    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
+
+  '@effect/platform@0.90.3':
+    resolution: {integrity: sha512-XvQ37yzWQKih4Du2CYladd1i/MzqtgkTPNCaN6Ku6No4CK83hDtXIV/rP03nEoBg2R3Pqgz6gGWmE2id2G81HA==}
+    peerDependencies:
+      effect: ^3.17.7
+
+  '@emnapi/core@1.5.0':
+    resolution: {integrity: sha512-sbP8GzB1WDzacS8fgNPpHlp6C9VZe+SJP3F90W9rLemaQj2PzIuTEl1qDOYQf58YIpyjViI24y9aPWCjEzY2cg==}
+
   '@emnapi/runtime@1.3.1':
     resolution: {integrity: sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==}
 
+  '@emnapi/runtime@1.5.0':
+    resolution: {integrity: sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==}
+
+  '@emnapi/wasi-threads@1.1.0':
+    resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
+
+  '@esbuild/aix-ppc64@0.25.9':
+    resolution: {integrity: sha512-OaGtL73Jck6pBKjNIe24BnFE6agGl+6KxDtTfHhy1HmhthfKouEcOhqpSL64K4/0WCtbKFLOdzD/44cJ4k9opA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.25.9':
+    resolution: {integrity: sha512-IDrddSmpSv51ftWslJMvl3Q2ZT98fUSL2/rlUXuVqRXHCs5EUF1/f+jbjF5+NG9UffUDMCiTyh8iec7u8RlTLg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.25.9':
+    resolution: {integrity: sha512-5WNI1DaMtxQ7t7B6xa572XMXpHAaI/9Hnhk8lcxF4zVN4xstUgTlvuGDorBguKEnZO70qwEcLpfifMLoxiPqHQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.25.9':
+    resolution: {integrity: sha512-I853iMZ1hWZdNllhVZKm34f4wErd4lMyeV7BLzEExGEIZYsOzqDWDf+y082izYUE8gtJnYHdeDpN/6tUdwvfiw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.25.9':
+    resolution: {integrity: sha512-XIpIDMAjOELi/9PB30vEbVMs3GV1v2zkkPnuyRRURbhqjyzIINwj+nbQATh4H9GxUgH1kFsEyQMxwiLFKUS6Rg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.25.9':
+    resolution: {integrity: sha512-jhHfBzjYTA1IQu8VyrjCX4ApJDnH+ez+IYVEoJHeqJm9VhG9Dh2BYaJritkYK3vMaXrf7Ogr/0MQ8/MeIefsPQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.25.9':
+    resolution: {integrity: sha512-z93DmbnY6fX9+KdD4Ue/H6sYs+bhFQJNCPZsi4XWJoYblUqT06MQUdBCpcSfuiN72AbqeBFu5LVQTjfXDE2A6Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.25.9':
+    resolution: {integrity: sha512-mrKX6H/vOyo5v71YfXWJxLVxgy1kyt1MQaD8wZJgJfG4gq4DpQGpgTB74e5yBeQdyMTbgxp0YtNj7NuHN0PoZg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.25.9':
+    resolution: {integrity: sha512-BlB7bIcLT3G26urh5Dmse7fiLmLXnRlopw4s8DalgZ8ef79Jj4aUcYbk90g8iCa2467HX8SAIidbL7gsqXHdRw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.25.9':
+    resolution: {integrity: sha512-HBU2Xv78SMgaydBmdor38lg8YDnFKSARg1Q6AT0/y2ezUAKiZvc211RDFHlEZRFNRVhcMamiToo7bDx3VEOYQw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.25.9':
+    resolution: {integrity: sha512-e7S3MOJPZGp2QW6AK6+Ly81rC7oOSerQ+P8L0ta4FhVi+/j/v2yZzx5CqqDaWjtPFfYz21Vi1S0auHrap3Ma3A==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.25.9':
+    resolution: {integrity: sha512-Sbe10Bnn0oUAB2AalYztvGcK+o6YFFA/9829PhOCUS9vkJElXGdphz0A3DbMdP8gmKkqPmPcMJmJOrI3VYB1JQ==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.25.9':
+    resolution: {integrity: sha512-YcM5br0mVyZw2jcQeLIkhWtKPeVfAerES5PvOzaDxVtIyZ2NUBZKNLjC5z3/fUlDgT6w89VsxP2qzNipOaaDyA==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.25.9':
+    resolution: {integrity: sha512-++0HQvasdo20JytyDpFvQtNrEsAgNG2CY1CLMwGXfFTKGBGQT3bOeLSYE2l1fYdvML5KUuwn9Z8L1EWe2tzs1w==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.25.9':
+    resolution: {integrity: sha512-uNIBa279Y3fkjV+2cUjx36xkx7eSjb8IvnL01eXUKXez/CBHNRw5ekCGMPM0BcmqBxBcdgUWuUXmVWwm4CH9kg==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.25.9':
+    resolution: {integrity: sha512-Mfiphvp3MjC/lctb+7D287Xw1DGzqJPb/J2aHHcHxflUo+8tmN/6d4k6I2yFR7BVo5/g7x2Monq4+Yew0EHRIA==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.25.9':
+    resolution: {integrity: sha512-iSwByxzRe48YVkmpbgoxVzn76BXjlYFXC7NvLYq+b+kDjyyk30J0JY47DIn8z1MO3K0oSl9fZoRmZPQI4Hklzg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.25.9':
+    resolution: {integrity: sha512-9jNJl6FqaUG+COdQMjSCGW4QiMHH88xWbvZ+kRVblZsWrkXlABuGdFJ1E9L7HK+T0Yqd4akKNa/lO0+jDxQD4Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.25.9':
+    resolution: {integrity: sha512-RLLdkflmqRG8KanPGOU7Rpg829ZHu8nFy5Pqdi9U01VYtG9Y0zOG6Vr2z4/S+/3zIyOxiK6cCeYNWOFR9QP87g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.25.9':
+    resolution: {integrity: sha512-YaFBlPGeDasft5IIM+CQAhJAqS3St3nJzDEgsgFixcfZeyGPCd6eJBWzke5piZuZ7CtL656eOSYKk4Ls2C0FRQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.25.9':
+    resolution: {integrity: sha512-1MkgTCuvMGWuqVtAvkpkXFmtL8XhWy+j4jaSO2wxfJtilVCi0ZE37b8uOdMItIHz4I6z1bWWtEX4CJwcKYLcuA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.25.9':
+    resolution: {integrity: sha512-4Xd0xNiMVXKh6Fa7HEJQbrpP3m3DDn43jKxMjxLLRjWnRsfxjORYJlXPO4JNcXtOyfajXorRKY9NkOpTHptErg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.25.9':
+    resolution: {integrity: sha512-WjH4s6hzo00nNezhp3wFIAfmGZ8U7KtrJNlFMRKxiI9mxEK1scOMAaa9i4crUtu+tBr+0IN6JCuAcSBJZfnphw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.25.9':
+    resolution: {integrity: sha512-mGFrVJHmZiRqmP8xFOc6b84/7xa5y5YvR1x8djzXpJBSv/UsNK6aqec+6JDjConTgvvQefdGhFDAs2DLAds6gQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.25.9':
+    resolution: {integrity: sha512-b33gLVU2k11nVx1OhX3C8QQP6UHQK4ZtN56oFWvVXvz2VkDoe6fbG8TOgHFxEvqeqohmRnIHe5A1+HADk4OQww==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.25.9':
+    resolution: {integrity: sha512-PPOl1mi6lpLNQxnGoyAfschAodRFYXJ+9fs6WHXz7CSWKbOqiMZsubC+BQsVKuul+3vKLuwTHsS2c2y9EoKwxQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.4.1':
     resolution: {integrity: sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -246,6 +696,24 @@ packages:
   '@floating-ui/utils@0.2.9':
     resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
 
+  '@formatjs/ecma402-abstract@2.3.4':
+    resolution: {integrity: sha512-qrycXDeaORzIqNhBOx0btnhpD1c+/qFIHAN9znofuMJX6QBwtbrmlpWfD4oiUUD2vJUOIYFA/gYtg2KAMGG7sA==}
+
+  '@formatjs/fast-memoize@2.2.7':
+    resolution: {integrity: sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==}
+
+  '@formatjs/icu-messageformat-parser@2.11.2':
+    resolution: {integrity: sha512-AfiMi5NOSo2TQImsYAg8UYddsNJ/vUEv/HaNqiFjnI3ZFfWihUtD5QtuX6kHl8+H+d3qvnE/3HZrfzgdWpsLNA==}
+
+  '@formatjs/icu-skeleton-parser@1.8.14':
+    resolution: {integrity: sha512-i4q4V4qslThK4Ig8SxyD76cp3+QJ3sAqr7f6q9VVfeGtxG9OhiAk3y9XF6Q41OymsKzsGQ6OQQoJNY4/lI8TcQ==}
+
+  '@formatjs/intl-localematcher@0.5.10':
+    resolution: {integrity: sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==}
+
+  '@formatjs/intl-localematcher@0.6.1':
+    resolution: {integrity: sha512-ePEgLgVCqi2BBFnTMWPfIghu6FkbZnnBVhO2sSxvLfrdFw7wCHAHiDoM2h4NRgjbaY7+B7HgOLZGkK187pZTZg==}
+
   '@hookform/resolvers@4.1.2':
     resolution: {integrity: sha512-wl6H9c9wLOZMJAqGLEVKzbCkxJuV+BYuLFZFCQtCwMe0b3qQk4kUBd/ZAj13SwcSqcx86rCgSCyngQfmA6DOWg==}
     peerDependencies:
@@ -376,54 +844,204 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@kayron013/lexorank@2.0.0':
-    resolution: {integrity: sha512-acQaZPjnsHnXm28i6YATdi/nZ3gs2c5ZFlkFhXcSw0CgDymF+U5v4SYcQT0/ryjBcEjKl1HQWpBLK+PtVOIAHA==}
+  '@isaacs/cliui@8.0.2':
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
 
-  '@next/env@15.2.4':
-    resolution: {integrity: sha512-+SFtMgoiYP3WoSswuNmxJOCwi06TdWE733D+WPjpXIe4LXGULwEaofiiAy6kbS0+XjM5xF5n3lKuBwN2SnqD9g==}
+  '@istanbuljs/load-nyc-config@1.1.0':
+    resolution: {integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==}
+    engines: {node: '>=8'}
 
-  '@next/eslint-plugin-next@15.2.4':
-    resolution: {integrity: sha512-O8ScvKtnxkp8kL9TpJTTKnMqlkZnS+QxwoQnJwPGBxjBbzd6OVVPEJ5/pMNrktSyXQD/chEfzfFzYLM6JANOOQ==}
+  '@istanbuljs/schema@0.1.3':
+    resolution: {integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==}
+    engines: {node: '>=8'}
 
-  '@next/swc-darwin-arm64@15.2.4':
-    resolution: {integrity: sha512-1AnMfs655ipJEDC/FHkSr0r3lXBgpqKo4K1kiwfUf3iE68rDFXZ1TtHdMvf7D0hMItgDZ7Vuq3JgNMbt/+3bYw==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
+  '@jest/console@30.1.2':
+    resolution: {integrity: sha512-BGMAxj8VRmoD0MoA/jo9alMXSRoqW8KPeqOfEo1ncxnRLatTBCpRoOwlwlEMdudp68Q6WSGwYrrLtTGOh8fLzw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
 
-  '@next/swc-darwin-x64@15.2.4':
-    resolution: {integrity: sha512-3qK2zb5EwCwxnO2HeO+TRqCubeI/NgCe+kL5dTJlPldV/uwCnUgC7VbEzgmxbfrkbjehL4H9BPztWOEtsoMwew==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
+  '@jest/core@30.1.2':
+    resolution: {integrity: sha512-iSLOojkYgM7Lw0FF5egecZh+CiLWe4xICM3WOMjFbewhbWn+ixEoPwY7oK9jSCnLLphMFAjussXp7CE3tHa5EA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      node-notifier:
+        optional: true
 
-  '@next/swc-linux-arm64-gnu@15.2.4':
-    resolution: {integrity: sha512-HFN6GKUcrTWvem8AZN7tT95zPb0GUGv9v0d0iyuTb303vbXkkbHDp/DxufB04jNVD+IN9yHy7y/6Mqq0h0YVaQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
+  '@jest/diff-sequences@30.0.1':
+    resolution: {integrity: sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
 
-  '@next/swc-linux-arm64-musl@15.2.4':
-    resolution: {integrity: sha512-Oioa0SORWLwi35/kVB8aCk5Uq+5/ZIumMK1kJV+jSdazFm2NzPDztsefzdmzzpx5oGCJ6FkUC7vkaUseNTStNA==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
+  '@jest/environment-jsdom-abstract@30.1.2':
+    resolution: {integrity: sha512-u8kTh/ZBl97GOmnGJLYK/1GuwAruMC4hoP6xuk/kwltmVWsA9u/6fH1/CsPVGt2O+Wn2yEjs8n1B1zZJ62Cx0w==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+      jsdom: '*'
+    peerDependenciesMeta:
+      canvas:
+        optional: true
 
-  '@next/swc-linux-x64-gnu@15.2.4':
-    resolution: {integrity: sha512-yb5WTRaHdkgOqFOZiu6rHV1fAEK0flVpaIN2HB6kxHVSy/dIajWbThS7qON3W9/SNOH2JWkVCyulgGYekMePuw==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
+  '@jest/environment@30.1.2':
+    resolution: {integrity: sha512-N8t1Ytw4/mr9uN28OnVf0SYE2dGhaIxOVYcwsf9IInBKjvofAjbFRvedvBBlyTYk2knbJTiEjEJ2PyyDIBnd9w==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
 
-  '@next/swc-linux-x64-musl@15.2.4':
-    resolution: {integrity: sha512-Dcdv/ix6srhkM25fgXiyOieFUkz+fOYkHlydWCtB0xMST6X9XYI3yPDKBZt1xuhOytONsIFJFB08xXYsxUwJLw==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
+  '@jest/expect-utils@30.1.2':
+    resolution: {integrity: sha512-HXy1qT/bfdjCv7iC336ExbqqYtZvljrV8odNdso7dWK9bSeHtLlvwWWC3YSybSPL03Gg5rug6WLCZAZFH72m0A==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
 
-  '@next/swc-win32-arm64-msvc@15.2.4':
-    resolution: {integrity: sha512-dW0i7eukvDxtIhCYkMrZNQfNicPDExt2jPb9AZPpL7cfyUo7QSNl1DjsHjmmKp6qNAqUESyT8YFl/Aw91cNJJg==}
-    engines: {node: '>= 10'}
+  '@jest/expect@30.1.2':
+    resolution: {integrity: sha512-tyaIExOwQRCxPCGNC05lIjWJztDwk2gPDNSDGg1zitXJJ8dC3++G/CRjE5mb2wQsf89+lsgAgqxxNpDLiCViTA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/fake-timers@30.1.2':
+    resolution: {integrity: sha512-Beljfv9AYkr9K+ETX9tvV61rJTY706BhBUtiaepQHeEGfe0DbpvUA5Z3fomwc5Xkhns6NWrcFDZn+72fLieUnA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/get-type@30.1.0':
+    resolution: {integrity: sha512-eMbZE2hUnx1WV0pmURZY9XoXPkUYjpc55mb0CrhtdWLtzMQPFvu/rZkTLZFTsdaVQa+Tr4eWAteqcUzoawq/uA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/globals@30.1.2':
+    resolution: {integrity: sha512-teNTPZ8yZe3ahbYnvnVRDeOjr+3pu2uiAtNtrEsiMjVPPj+cXd5E/fr8BL7v/T7F31vYdEHrI5cC/2OoO/vM9A==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/pattern@30.0.1':
+    resolution: {integrity: sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/reporters@30.1.2':
+    resolution: {integrity: sha512-8Jd7y3DUFBn8dG/bNJ2blmaJmT2Up74WAXkUJsbL0OuEZHDRRMnS4JmRtLArW2d0H5k8RDdhNN7j70Ki16Zr5g==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      node-notifier:
+        optional: true
+
+  '@jest/schemas@30.0.5':
+    resolution: {integrity: sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/snapshot-utils@30.1.2':
+    resolution: {integrity: sha512-vHoMTpimcPSR7OxS2S0V1Cpg8eKDRxucHjoWl5u4RQcnxqQrV3avETiFpl8etn4dqxEGarBeHbIBety/f8mLXw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/source-map@30.0.1':
+    resolution: {integrity: sha512-MIRWMUUR3sdbP36oyNyhbThLHyJ2eEDClPCiHVbrYAe5g3CHRArIVpBw7cdSB5fr+ofSfIb2Tnsw8iEHL0PYQg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/test-result@30.1.2':
+    resolution: {integrity: sha512-mpKFr8DEpfG5aAfQYA5+3KneAsRBXhF7zwtwqT4UeYBckoOPD1MzVxU6gDHwx4gRB7I1MKL6owyJzr8QRq402Q==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/test-sequencer@30.1.2':
+    resolution: {integrity: sha512-v3vawuj2LC0XjpzF4q0pI0ZlQvMBDNqfRZZ2yHqcsGt7JEYsDK2L1WwrybEGlnOaEvnDFML/Y9xWLiW47Dda8A==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/transform@30.1.2':
+    resolution: {integrity: sha512-UYYFGifSgfjujf1Cbd3iU/IQoSd6uwsj8XHj5DSDf5ERDcWMdJOPTkHWXj4U+Z/uMagyOQZ6Vne8C4nRIrCxqA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/types@30.0.5':
+    resolution: {integrity: sha512-aREYa3aku9SSnea4aX6bhKn4bgv3AXkgijoQgbYV3yvbiGt6z+MQ85+6mIhx9DsKW2BuB/cLR/A+tcMThx+KLQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.30':
+    resolution: {integrity: sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==}
+
+  '@kayron013/lexorank@2.0.0':
+    resolution: {integrity: sha512-acQaZPjnsHnXm28i6YATdi/nZ3gs2c5ZFlkFhXcSw0CgDymF+U5v4SYcQT0/ryjBcEjKl1HQWpBLK+PtVOIAHA==}
+
+  '@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.3':
+    resolution: {integrity: sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@msgpackr-extract/msgpackr-extract-darwin-x64@3.0.3':
+    resolution: {integrity: sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@msgpackr-extract/msgpackr-extract-linux-arm64@3.0.3':
+    resolution: {integrity: sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@msgpackr-extract/msgpackr-extract-linux-arm@3.0.3':
+    resolution: {integrity: sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@msgpackr-extract/msgpackr-extract-linux-x64@3.0.3':
+    resolution: {integrity: sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@msgpackr-extract/msgpackr-extract-win32-x64@3.0.3':
+    resolution: {integrity: sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@napi-rs/wasm-runtime@0.2.12':
+    resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
+
+  '@next/env@15.2.4':
+    resolution: {integrity: sha512-+SFtMgoiYP3WoSswuNmxJOCwi06TdWE733D+WPjpXIe4LXGULwEaofiiAy6kbS0+XjM5xF5n3lKuBwN2SnqD9g==}
+
+  '@next/eslint-plugin-next@15.2.4':
+    resolution: {integrity: sha512-O8ScvKtnxkp8kL9TpJTTKnMqlkZnS+QxwoQnJwPGBxjBbzd6OVVPEJ5/pMNrktSyXQD/chEfzfFzYLM6JANOOQ==}
+
+  '@next/swc-darwin-arm64@15.2.4':
+    resolution: {integrity: sha512-1AnMfs655ipJEDC/FHkSr0r3lXBgpqKo4K1kiwfUf3iE68rDFXZ1TtHdMvf7D0hMItgDZ7Vuq3JgNMbt/+3bYw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@next/swc-darwin-x64@15.2.4':
+    resolution: {integrity: sha512-3qK2zb5EwCwxnO2HeO+TRqCubeI/NgCe+kL5dTJlPldV/uwCnUgC7VbEzgmxbfrkbjehL4H9BPztWOEtsoMwew==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@next/swc-linux-arm64-gnu@15.2.4':
+    resolution: {integrity: sha512-HFN6GKUcrTWvem8AZN7tT95zPb0GUGv9v0d0iyuTb303vbXkkbHDp/DxufB04jNVD+IN9yHy7y/6Mqq0h0YVaQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-arm64-musl@15.2.4':
+    resolution: {integrity: sha512-Oioa0SORWLwi35/kVB8aCk5Uq+5/ZIumMK1kJV+jSdazFm2NzPDztsefzdmzzpx5oGCJ6FkUC7vkaUseNTStNA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-x64-gnu@15.2.4':
+    resolution: {integrity: sha512-yb5WTRaHdkgOqFOZiu6rHV1fAEK0flVpaIN2HB6kxHVSy/dIajWbThS7qON3W9/SNOH2JWkVCyulgGYekMePuw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-linux-x64-musl@15.2.4':
+    resolution: {integrity: sha512-Dcdv/ix6srhkM25fgXiyOieFUkz+fOYkHlydWCtB0xMST6X9XYI3yPDKBZt1xuhOytONsIFJFB08xXYsxUwJLw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-win32-arm64-msvc@15.2.4':
+    resolution: {integrity: sha512-dW0i7eukvDxtIhCYkMrZNQfNicPDExt2jPb9AZPpL7cfyUo7QSNl1DjsHjmmKp6qNAqUESyT8YFl/Aw91cNJJg==}
+    engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
@@ -433,6 +1051,10 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@noble/hashes@1.8.0':
+    resolution: {integrity: sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==}
+    engines: {node: ^14.21.3 || >=16}
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -449,10 +1071,63 @@ packages:
     resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
     engines: {node: '>=12.4.0'}
 
+  '@opentelemetry/semantic-conventions@1.36.0':
+    resolution: {integrity: sha512-TtxJSRD8Ohxp6bKkhrm27JRHAxPczQA7idtcTOMYI+wQRRrfgqxHv1cFbCApcSnNjtXkmzFozn6jQtFrOmbjPQ==}
+    engines: {node: '>=14'}
+
+  '@panva/hkdf@1.2.1':
+    resolution: {integrity: sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==}
+
+  '@paralleldrive/cuid2@2.2.2':
+    resolution: {integrity: sha512-ZOBkgDwEdoYVlSeRbYYXs0S9MejQofiVYoTbKzy/6GQa39/q5tQU2IX46+shYnUkpEl3wc+J6wRlar7r2EK2xA==}
+
+  '@pkgjs/parseargs@0.11.0':
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+
   '@pkgr/core@0.1.1':
     resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
+  '@pkgr/core@0.2.9':
+    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
+  '@playwright/test@1.55.0':
+    resolution: {integrity: sha512-04IXzPwHrW69XusN/SIdDdKZBzMfOT9UNT/YiJit/xpy2VuAoB8NHc8Aplb96zsWDddLnbkPL3TsmrS04ZU2xQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  '@prisma/client@6.15.0':
+    resolution: {integrity: sha512-wR2LXUbOH4cL/WToatI/Y2c7uzni76oNFND7+23ypLllBmIS8e3ZHhO+nud9iXSXKFt1SoM3fTZvHawg63emZw==}
+    engines: {node: '>=18.18'}
+    peerDependencies:
+      prisma: '*'
+      typescript: '>=5.1.0'
+    peerDependenciesMeta:
+      prisma:
+        optional: true
+      typescript:
+        optional: true
+
+  '@prisma/config@6.15.0':
+    resolution: {integrity: sha512-KMEoec9b2u6zX0EbSEx/dRpx1oNLjqJEBZYyK0S3TTIbZ7GEGoVyGyFRk4C72+A38cuPLbfQGQvgOD+gBErKlA==}
+
+  '@prisma/debug@6.15.0':
+    resolution: {integrity: sha512-y7cSeLuQmyt+A3hstAs6tsuAiVXSnw9T55ra77z0nbNkA8Lcq9rNcQg6PI00by/+WnE/aMRJ/W7sZWn2cgIy1g==}
+
+  '@prisma/engines-version@6.15.0-5.85179d7826409ee107a6ba334b5e305ae3fba9fb':
+    resolution: {integrity: sha512-a/46aK5j6L3ePwilZYEgYDPrhBQ/n4gYjLxT5YncUTJJNRnTCVjPF86QdzUOLRdYjCLfhtZp9aum90W0J+trrg==}
+
+  '@prisma/engines@6.15.0':
+    resolution: {integrity: sha512-opITiR5ddFJ1N2iqa7mkRlohCZqVSsHhRcc29QXeldMljOf4FSellLT0J5goVb64EzRTKcIDeIsJBgmilNcKxA==}
+
+  '@prisma/fetch-engine@6.15.0':
+    resolution: {integrity: sha512-xcT5f6b+OWBq6vTUnRCc7qL+Im570CtwvgSj+0MTSGA1o9UDSKZ/WANvwtiRXdbYWECpyC3CukoG3A04VTAPHw==}
+
+  '@prisma/get-platform@6.15.0':
+    resolution: {integrity: sha512-Jbb+Xbxyp05NSR1x2epabetHiXvpO8tdN2YNoWoA/ZsbYyxxu/CO/ROBauIFuMXs3Ti+W7N7SJtWsHGaWte9Rg==}
+
   '@radix-ui/number@1.1.0':
     resolution: {integrity: sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==}
 
@@ -1354,6 +2029,9 @@ packages:
   '@react-dnd/shallowequal@4.0.2':
     resolution: {integrity: sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA==}
 
+  '@remirror/core-constants@3.0.0':
+    resolution: {integrity: sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==}
+
   '@remixicon/react@4.6.0':
     resolution: {integrity: sha512-bY56maEgT5IYUSRotqy9h03IAKJC85vlKtWFg2FKzfs8JPrkdBAYSa9dxoUSKFwGzup8Ux6vjShs9Aec3jvr2w==}
     peerDependencies:
@@ -1365,6 +2043,24 @@ packages:
   '@rushstack/eslint-patch@1.10.5':
     resolution: {integrity: sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A==}
 
+  '@schummar/icu-type-parser@1.21.5':
+    resolution: {integrity: sha512-bXHSaW5jRTmke9Vd0h5P7BtWZG9Znqb8gSDxZnxaGSJnGwPLDPfS+3g0BKzeWqzgZPsIVZkM7m2tbo18cm5HBw==}
+
+  '@sinclair/typebox@0.34.41':
+    resolution: {integrity: sha512-6gS8pZzSXdyRHTIqoqSVknxolr1kzfy4/CeDnrzsVz8TTIWUbOBr6gnzOmTYJ3eXQNh4IYHIGi5aIL7sOZ2G/g==}
+
+  '@sinonjs/commons@3.0.1':
+    resolution: {integrity: sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==}
+
+  '@sinonjs/fake-timers@13.0.5':
+    resolution: {integrity: sha512-36/hTbH2uaWuGVERyC6da9YwGWnzUZXuPro/F2LfsdOsLnCojz/iSH8MxUt/FD2S5XBSVPhmArFUXcpCQ2Hkiw==}
+
+  '@standard-schema/spec@1.0.0':
+    resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
+
+  '@standard-schema/spec@1.0.0-beta.4':
+    resolution: {integrity: sha512-d3IxtzLo7P1oZ8s8YNvxzBUXRXojSut8pbPrTYtzsc5sn4+53jVqbk66pQerSZbZSJZQux6LkclB/+8IDordHg==}
+
   '@standard-schema/utils@0.3.0':
     resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
 
@@ -1450,6 +2146,204 @@ packages:
   '@tailwindcss/postcss@4.0.8':
     resolution: {integrity: sha512-SUwlrXjn1ycmUbA0o0n3Y0LqlXqxN5R8HR+ti+OBbRS79wl2seDmiypEs3xJCuQXe07ol81s1AmRMitBmPveJA==}
 
+  '@testing-library/dom@10.4.1':
+    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
+    engines: {node: '>=18'}
+
+  '@testing-library/jest-dom@6.8.0':
+    resolution: {integrity: sha512-WgXcWzVM6idy5JaftTVC8Vs83NKRmGJz4Hqs4oyOuO2J4r/y79vvKZsb+CaGyCSEbUPI6OsewfPd0G1A0/TUZQ==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
+  '@testing-library/react@16.3.0':
+    resolution: {integrity: sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@testing-library/dom': ^10.0.0
+      '@types/react': ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^18.0.0 || ^19.0.0
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@testing-library/user-event@14.6.1':
+    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+
+  '@tiptap/core@3.3.0':
+    resolution: {integrity: sha512-YAmFITHzgp/hafA7Ety1qMo4Tl5e5b2+06LaiB9k3rAI7gfO6AXCwhXUqm3fCScmBfMMvMycq9IOIiHk946IzA==}
+    peerDependencies:
+      '@tiptap/pm': ^3.3.0
+
+  '@tiptap/extension-blockquote@3.3.0':
+    resolution: {integrity: sha512-CdntInLJl2L+suvX+YVNDQ0XZ0+NruGco50Gu4XOWkxyAK18FitW8aa+MnbaulPvinrVDyo4H1PQYdZsy3PIbw==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-bold@3.3.0':
+    resolution: {integrity: sha512-L/+NI+3OCpKWrcFTPOff8a1QuyTYp6PrANBmlShnnpXnv8mqE5wvQhxjn7sVF8nIDeMqgMFc9jP7pDCdfNykyw==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-bubble-menu@3.3.0':
+    resolution: {integrity: sha512-339PWX//JanNK+gNIccV0K+XYRcWUIftfGPZDVPrP0xnAYdDBVyEaRh7CXh56uijPrr7UfL69f+GYvEYnpn2bQ==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+      '@tiptap/pm': ^3.3.0
+
+  '@tiptap/extension-bullet-list@3.3.0':
+    resolution: {integrity: sha512-f8RFBip8MO4VJGdlQ1Bl5lITj/qRgMokeknyZL3vGxm34mHIovCXmPAqoPPFm5x7BEdlRO0Wv2U8QKuDQsdChw==}
+    peerDependencies:
+      '@tiptap/extension-list': ^3.3.0
+
+  '@tiptap/extension-code-block@3.3.0':
+    resolution: {integrity: sha512-CljkYxkv1XdUEOheQQrae7uqI0gAESfLg7kTxZtIeKLUmsJ7izRn+Ynpt7s83v772rzNw7cm47g2NW+pmNLH+Q==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+      '@tiptap/pm': ^3.3.0
+
+  '@tiptap/extension-code@3.3.0':
+    resolution: {integrity: sha512-YBIEAjjPsp5acb16VqTS7osKd7lwzIHAt72WLBrQL52UkThfjLHBBC88ARY3E3Cg54W/Rx4lqEs7civ+1AIVbg==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-document@3.3.0':
+    resolution: {integrity: sha512-J7w2pva06OSBoEUxIyL/faXx+P97H3L0Q8tCsH5umXgUVew2xLYq6nEDqtHOFIXRp/bvrQd677UlQorBaRrWeQ==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-dropcursor@3.3.0':
+    resolution: {integrity: sha512-aPgEmW6A7K9lq7Mfw8h/ATCJKsWJ5KHimnNoQGwu1V7onWyn3Set/tSgfqKQVGoyvk5xwgRqAg41pYYBIrxF7Q==}
+    peerDependencies:
+      '@tiptap/extensions': ^3.3.0
+
+  '@tiptap/extension-floating-menu@3.3.0':
+    resolution: {integrity: sha512-+YbP4hwTM4YLgrei4A3Jqk+Q10L5z1tQ8/vpEgXrzTdUrSnQo9XbyZxmFYWen5TT0ezgPEopnx/eTru6NS2+Lg==}
+    peerDependencies:
+      '@floating-ui/dom': ^1.0.0
+      '@tiptap/core': ^3.3.0
+      '@tiptap/pm': ^3.3.0
+
+  '@tiptap/extension-gapcursor@3.3.0':
+    resolution: {integrity: sha512-6r4sYYzPJykqJGiKZE0JaC58rOas0uxEjtx0oDM7PygcBirYqSt7GHKVggEBFykrnkvnkH8D7Lh7UyKIQ1cKVg==}
+    peerDependencies:
+      '@tiptap/extensions': ^3.3.0
+
+  '@tiptap/extension-hard-break@3.3.0':
+    resolution: {integrity: sha512-kfmxS7o/m6F8LO58POrn4RVc943liLAKqXSwxSPOeCdbHr7v5bvBk+jRJcYv84EZ+sZ2axr7ePq2R2WpEBFxjw==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-heading@3.3.0':
+    resolution: {integrity: sha512-oUs0NKAZlXTJ+tNz1fz8SMM28FIIlrX4NYi9ItWSyfWLz3NnOlnCU2aTg9fac9LeG0WdxiRyI7yq19GARWujSw==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-horizontal-rule@3.3.0':
+    resolution: {integrity: sha512-7mt2+ETWd3XecQMRKVwG6UBbiU55Pe/RJkyyVx7AEKzzMCC2g9F+77Y4uZitIrcmqXqWsBmQEIYkIVme6h12/A==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+      '@tiptap/pm': ^3.3.0
+
+  '@tiptap/extension-italic@3.3.0':
+    resolution: {integrity: sha512-O43OReewZd1n//yy7M2qw/Rrz8RW/QK7dD3H4tr0+TNC+0KYYXZMhsB5P7dAkygEfWakQwftUfUlUiZ/UZKtpw==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-link@3.3.0':
+    resolution: {integrity: sha512-bQa8KHj5TFnZn8bCdpqDQUzsdsSt/VahZ9ZxvGgv3szyKrbprvugmXbSmU1m0CwLegt/66OcO/r+BdUU+yciAw==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+      '@tiptap/pm': ^3.3.0
+
+  '@tiptap/extension-list-item@3.3.0':
+    resolution: {integrity: sha512-l00wnnMq9iPcXwYaIiFGBznGyD6kxkC3fsonxF3p3QVBRgL1PxHHIIUxxNpkaEu7vB7qIpzI+ypspDmVDh1ZeA==}
+    peerDependencies:
+      '@tiptap/extension-list': ^3.3.0
+
+  '@tiptap/extension-list-keymap@3.3.0':
+    resolution: {integrity: sha512-xXdQJxF6kQXzdPXUiseflIuwTQGVh6REQ3Uq66mr1zBia8DPVAzwV0cpJoEh1TCFeGtbShb23nuWZXa+7J36Xg==}
+    peerDependencies:
+      '@tiptap/extension-list': ^3.3.0
+
+  '@tiptap/extension-list@3.3.0':
+    resolution: {integrity: sha512-nxmmkmGm2Zz+ar3+vke7/UVsea64z6tNdhC0c0aucII0JzZF1ZhTCBTYhINdkXxFrGegqatAI1fcO1T1LXRVAw==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+      '@tiptap/pm': ^3.3.0
+
+  '@tiptap/extension-ordered-list@3.3.0':
+    resolution: {integrity: sha512-zBw3zl/3bhOmNNVAbXVnpGug0gxNCYqJ8nyMCmX16dFK9JR+WIUaX8RHBDuCLQ0PJidfGQMdm/Uf/Vc8RCaHzg==}
+    peerDependencies:
+      '@tiptap/extension-list': ^3.3.0
+
+  '@tiptap/extension-paragraph@3.3.0':
+    resolution: {integrity: sha512-5Ju3RlvlJwiIiOjA/D2Dzq/pCmx9vA/2vTB8KDyj+mkvOlq2Cp9QT7bYdw3i99IHfVF7fCYzoPoKclDfOyM7Mg==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-strike@3.3.0':
+    resolution: {integrity: sha512-qTSywaQYtlVo3B2NaLSKgmh5/O5m4XspSME8mekinGH6cTv3d+H3p1SUhQoc1Ue+65CI01+GsLU4v/Gi4B2xNw==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-text@3.3.0':
+    resolution: {integrity: sha512-yhNpKfRlZsZFtjBQyiWyjg9WPUTzjgxR/ZID1UEY3SGo9aPUuvAvEnn2v2tSopHyf+qBMyN5IfSjrauauGkWMA==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extension-underline@3.3.0':
+    resolution: {integrity: sha512-ipiXsXBxmIQGqcMOaXsnP7iQ6/VO/UIxP3X3rS4ToHgVVF5RIFSs732fv5p3R88TdlVz4hqM9S39W+JesFB2Fw==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+
+  '@tiptap/extensions@3.3.0':
+    resolution: {integrity: sha512-Oey5aBg02FQHjldfjn6ebnzpH3x1Q9mPSgSuXNCjDQ51hak7LCGsVFhH+X9PrZtUALlEpEQWNcREgPBwqGM5ow==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+      '@tiptap/pm': ^3.3.0
+
+  '@tiptap/pm@3.3.0':
+    resolution: {integrity: sha512-uKsysdjP5kQbQRQN8YinN5lr71TVgsHKhxgkq/psXZzNoUh2fPoNpzkhZTaondgr0IXFwzYX+DA5cLkzu4ig/A==}
+
+  '@tiptap/react@3.3.0':
+    resolution: {integrity: sha512-7TCloYAMcEA0Z+Ke5m2X8BRM15amIzXRYPPXLlLKfDdYZgUh597jfF25gT5k/1MRPREo84p+GyP1OcY2WdTrjA==}
+    peerDependencies:
+      '@tiptap/core': ^3.3.0
+      '@tiptap/pm': ^3.3.0
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@tiptap/starter-kit@3.3.0':
+    resolution: {integrity: sha512-F527JUR0BgLHmOSZomEQ3INdiriIzaq4AMDGuG53MtBd1s+b1lvE4/U8gnQyVBRQC921Gl1xG8eJb2a60Rhk1w==}
+
+  '@tybys/wasm-util@0.10.0':
+    resolution: {integrity: sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ==}
+
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.27.0':
+    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
+
+  '@types/bcryptjs@3.0.0':
+    resolution: {integrity: sha512-WRZOuCuaz8UcZZE4R5HXTco2goQSI2XxjGY3hbM/xDvwmqFWd4ivooImsMx65OKM6CtNKbnZ5YL+YwAwK7c1dg==}
+    deprecated: This is a stub types definition. bcryptjs provides its own type definitions, so you do not need this installed.
+
   '@types/d3-array@3.2.1':
     resolution: {integrity: sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==}
 
@@ -1480,12 +2374,39 @@ packages:
   '@types/estree@1.0.6':
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
+  '@types/formidable@3.4.5':
+    resolution: {integrity: sha512-s7YPsNVfnsng5L8sKnG/Gbb2tiwwJTY1conOkJzTMRvJAlLFW1nEua+ADsJQu8N1c0oTHx9+d5nqg10WuT9gHQ==}
+
+  '@types/istanbul-lib-coverage@2.0.6':
+    resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==}
+
+  '@types/istanbul-lib-report@3.0.3':
+    resolution: {integrity: sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==}
+
+  '@types/istanbul-reports@3.0.4':
+    resolution: {integrity: sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==}
+
+  '@types/jest@30.0.0':
+    resolution: {integrity: sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==}
+
+  '@types/jsdom@21.1.7':
+    resolution: {integrity: sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
+  '@types/linkify-it@5.0.0':
+    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
+
+  '@types/markdown-it@14.1.2':
+    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
+
+  '@types/mdurl@2.0.0':
+    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
+
   '@types/node@20.17.19':
     resolution: {integrity: sha512-LEwC7o1ifqg/6r2gn9Dns0f1rhK+fPFDoMiceTJ6kWmVk6bgXBI/9IOWfVan4WiAavK9pIVWdX0/e3J+eEUh5A==}
 
@@ -1497,6 +2418,21 @@ packages:
   '@types/react@19.0.10':
     resolution: {integrity: sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==}
 
+  '@types/stack-utils@2.0.3':
+    resolution: {integrity: sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==}
+
+  '@types/tough-cookie@4.0.5':
+    resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==}
+
+  '@types/use-sync-external-store@0.0.6':
+    resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
+
+  '@types/yargs-parser@21.0.3':
+    resolution: {integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==}
+
+  '@types/yargs@17.0.33':
+    resolution: {integrity: sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==}
+
   '@typescript-eslint/eslint-plugin@8.25.0':
     resolution: {integrity: sha512-VM7bpzAe7JO/BFf40pIT1lJqS/z1F8OaSsUB3rpFJucQA4cOSuH2RVVVkFULN+En0Djgr29/jb4EQnedUo95KA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1544,45 +2480,175 @@ packages:
     resolution: {integrity: sha512-kCYXKAum9CecGVHGij7muybDfTS2sD3t0L4bJsEZLkyrXUImiCTq1M3LG2SRtOhiHFwMR9wAFplpT6XHYjTkwQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  acorn-jsx@5.3.2:
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
 
-  acorn@8.14.0:
-    resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
+  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
+    resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
+    cpu: [arm]
+    os: [android]
 
-  ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+  '@unrs/resolver-binding-android-arm64@1.11.1':
+    resolution: {integrity: sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==}
+    cpu: [arm64]
+    os: [android]
 
-  ansi-escapes@7.0.0:
-    resolution: {integrity: sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==}
-    engines: {node: '>=18'}
+  '@unrs/resolver-binding-darwin-arm64@1.11.1':
+    resolution: {integrity: sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==}
+    cpu: [arm64]
+    os: [darwin]
 
-  ansi-regex@6.1.0:
-    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
-    engines: {node: '>=12'}
+  '@unrs/resolver-binding-darwin-x64@1.11.1':
+    resolution: {integrity: sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==}
+    cpu: [x64]
+    os: [darwin]
 
-  ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
+  '@unrs/resolver-binding-freebsd-x64@1.11.1':
+    resolution: {integrity: sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==}
+    cpu: [x64]
+    os: [freebsd]
 
-  ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
-    engines: {node: '>=12'}
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
+    resolution: {integrity: sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==}
+    cpu: [arm]
+    os: [linux]
 
-  argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
+    resolution: {integrity: sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==}
+    cpu: [arm]
+    os: [linux]
 
-  aria-hidden@1.2.4:
-    resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
-    engines: {node: '>=10'}
+  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
+    resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
+    cpu: [arm64]
+    os: [linux]
 
-  aria-query@5.3.2:
-    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
-    engines: {node: '>= 0.4'}
+  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
+    resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
+    resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
+    resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
+    resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
+    resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
+    resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
+    cpu: [x64]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
+    resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
+    resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
+    resolution: {integrity: sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
+    resolution: {integrity: sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
+    resolution: {integrity: sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==}
+    cpu: [x64]
+    os: [win32]
+
+  '@uploadthing/mime-types@0.3.6':
+    resolution: {integrity: sha512-t3tTzgwFV9+1D7lNDYc7Lr7kBwotHaX0ZsvoCGe7xGnXKo9z0jG2Sjl/msll12FeoLj77nyhsxevXyGpQDBvLg==}
+
+  '@uploadthing/shared@7.1.10':
+    resolution: {integrity: sha512-R/XSA3SfCVnLIzFpXyGaKPfbwlYlWYSTuGjTFHuJhdAomuBuhopAHLh2Ois5fJibAHzi02uP1QCKbgTAdmArqg==}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.14.0:
+    resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+
+  ansi-escapes@7.0.0:
+    resolution: {integrity: sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==}
+    engines: {node: '>=18'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.1.0:
+    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+
+  ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-hidden@1.2.4:
+    resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
+    engines: {node: '>=10'}
+
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
 
   array-buffer-byte-length@1.0.2:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
@@ -1616,6 +2682,9 @@ packages:
     resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
 
+  asap@2.0.6:
+    resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
+
   ast-types-flow@0.0.8:
     resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
 
@@ -1635,9 +2704,38 @@ packages:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
 
+  babel-jest@30.1.2:
+    resolution: {integrity: sha512-IQCus1rt9kaSh7PQxLYRY5NmkNrNlU2TpabzwV7T2jljnpdHOcmnYYv8QmE04Li4S3a2Lj8/yXyET5pBarPr6g==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      '@babel/core': ^7.11.0
+
+  babel-plugin-istanbul@7.0.0:
+    resolution: {integrity: sha512-C5OzENSx/A+gt7t4VH1I2XsflxyPUmXRFPKBxt33xncdOmq7oROVM3bZv9Ysjjkv8OJYDMa+tKuKMvqU/H3xdw==}
+    engines: {node: '>=12'}
+
+  babel-plugin-jest-hoist@30.0.1:
+    resolution: {integrity: sha512-zTPME3pI50NsFW8ZBaVIOeAxzEY7XHlmWeXXu9srI+9kNfzCUTy8MFan46xOGZY8NZThMqq+e3qZUKsvXbasnQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  babel-preset-current-node-syntax@1.2.0:
+    resolution: {integrity: sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0 || ^8.0.0-0
+
+  babel-preset-jest@30.0.1:
+    resolution: {integrity: sha512-+YHejD5iTWI46cZmcc/YtX4gaKBtdqCHCVfuVinizVpbmyjO3zYmeuyFdfA8duRqQZfgCAMlsfmkVbJ+e2MAJw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      '@babel/core': ^7.11.0
+
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  bcryptjs@3.0.2:
+    resolution: {integrity: sha512-k38b3XOZKv60C4E2hVsXTolJWfkGRMbILBIe2IBITXciy5bOsTKot5kDrf3ZfufQtQOUN5mXceUEpU1rTl9Uog==}
+    hasBin: true
+
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
@@ -1648,10 +2746,29 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
+  browserslist@4.25.4:
+    resolution: {integrity: sha512-4jYpcjabC606xJ3kw2QwGEZKX0Aw7sgQdZCvIK9dhVSPh76BKo+C+btT1RRofH7B+8iNpEbgGNVWiLki5q93yg==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  bser@2.1.1:
+    resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==}
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
   busboy@1.6.0:
     resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
     engines: {node: '>=10.16.0'}
 
+  c12@3.1.0:
+    resolution: {integrity: sha512-uWoS8OU1MEIsOv8p/5a82c3H31LsWVR5qiyXVfBNOzfffjUWtPnhAb4BYI2uG2HfGmZmFjCtui5XNWaps+iFuw==}
+    peerDependencies:
+      magicast: ^0.3.5
+    peerDependenciesMeta:
+      magicast:
+        optional: true
+
   call-bind-apply-helpers@1.0.2:
     resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
     engines: {node: '>= 0.4'}
@@ -1668,9 +2785,20 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
+  camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+
+  camelcase@6.3.0:
+    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
+    engines: {node: '>=10'}
+
   caniuse-lite@1.0.30001700:
     resolution: {integrity: sha512-2S6XIXwaE7K7erT8dY+kLQcpa5ms63XlRkMkReXjle+kf6c5g38vyMl+Z5y8dSxOFDhcFe+nxnn261PLxBSQsQ==}
 
+  caniuse-lite@1.0.30001739:
+    resolution: {integrity: sha512-y+j60d6ulelrNSwpPyrHdl+9mJnQzHBr08xm48Qno0nSk4h3Qojh+ziv2qE6rXf4k3tadF4o1J/1tAbVm1NtnA==}
+
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -1679,6 +2807,24 @@ packages:
     resolution: {integrity: sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
+  char-regex@1.0.2:
+    resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
+    engines: {node: '>=10'}
+
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
+
+  ci-info@4.3.0:
+    resolution: {integrity: sha512-l+2bNRMiQgcfILUi33labAZYIWlH1kWDp+ecNo5iisRKrbm0xcRyCww71/YU0Fkw0mAFpz9bJayXPjey6vkmaQ==}
+    engines: {node: '>=8'}
+
+  citty@0.1.6:
+    resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
+
+  cjs-module-lexer@2.1.0:
+    resolution: {integrity: sha512-UX0OwmYRYQQetfrLEZeewIFFI+wSTofC+pMBLNuH3RUuu/xzG1oz84UCEDOSoQlN3fZ4+AzmV50ZYvGqkMh9yA==}
+
   class-variance-authority@0.7.1:
     resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
@@ -1693,6 +2839,10 @@ packages:
   client-only@0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
 
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
   clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
@@ -1703,6 +2853,13 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
+  co@4.6.0:
+    resolution: {integrity: sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==}
+    engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'}
+
+  collect-v8-coverage@1.0.2:
+    resolution: {integrity: sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==}
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1727,10 +2884,30 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
+  confbox@0.2.2:
+    resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
+
+  consola@3.4.2:
+    resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  crelt@1.0.6:
+    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
+
   cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
+  cssstyle@4.6.0:
+    resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==}
+    engines: {node: '>=18'}
+
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
@@ -1781,6 +2958,10 @@ packages:
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
+  data-urls@5.0.0:
+    resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
+    engines: {node: '>=18'}
+
   data-view-buffer@1.0.2:
     resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
@@ -1816,9 +2997,28 @@ packages:
   decimal.js-light@2.5.1:
     resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
 
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
+  dedent@1.6.0:
+    resolution: {integrity: sha512-F1Z+5UCFpmQUzJa11agbyPVMbpgT/qA3/SKyJ1jyBgm7dUcUEa8v9JwDkerSQXfakBwFljIxhOJqGkjUwZ9FSA==}
+    peerDependencies:
+      babel-plugin-macros: ^3.1.0
+    peerDependenciesMeta:
+      babel-plugin-macros:
+        optional: true
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  deepmerge-ts@7.1.5:
+    resolution: {integrity: sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==}
+    engines: {node: '>=16.0.0'}
+
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
   define-data-property@1.1.4:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
@@ -1827,6 +3027,16 @@ packages:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
+  defu@6.1.4:
+    resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  destr@2.0.5:
+    resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
+
   detect-libc@1.0.3:
     resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
     engines: {node: '>=0.10'}
@@ -1836,9 +3046,16 @@ packages:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
 
+  detect-newline@3.1.0:
+    resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
+    engines: {node: '>=8'}
+
   detect-node-es@1.1.0:
     resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
 
+  dezalgo@1.0.4:
+    resolution: {integrity: sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==}
+
   dnd-core@16.0.1:
     resolution: {integrity: sha512-HK294sl7tbw6F6IeuK16YSBUoorvHpY8RHO+9yFfaJyCDVb6n7PRcezrOEOa2SBCqiYpemh5Jx20ZcjKdFAVng==}
 
@@ -1846,27 +3063,71 @@ packages:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
 
+  dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
   dom-helpers@5.2.1:
     resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
 
+  dotenv@16.6.1:
+    resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
+    engines: {node: '>=12'}
+
   dunder-proto@1.0.1:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  effect@3.16.12:
+    resolution: {integrity: sha512-N39iBk0K71F9nb442TLbTkjl24FLUzuvx2i1I2RsEAQsdAdUTuUoW0vlfUXgkMTUOnYqKnWcFfqw4hK4Pw27hg==}
+
+  effect@3.17.7:
+    resolution: {integrity: sha512-dpt0ONUn3zzAuul6k4nC/coTTw27AL5nhkORXgTi6NfMPzqWYa1M05oKmOMTxpVSTKepqXVcW9vIwkuaaqx9zA==}
+
+  electron-to-chromium@1.5.211:
+    resolution: {integrity: sha512-IGBvimJkotaLzFnwIVgW9/UD/AOJ2tByUmeOrtqBfACSbAw5b1G0XpvdaieKyc7ULmbwXVx+4e4Be8pOPBrYkw==}
+
+  emittery@0.13.1:
+    resolution: {integrity: sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==}
+    engines: {node: '>=12'}
+
   emoji-regex@10.4.0:
     resolution: {integrity: sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==}
 
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
+  empathic@2.0.0:
+    resolution: {integrity: sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==}
+    engines: {node: '>=14'}
+
   enhanced-resolve@5.18.1:
     resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
     engines: {node: '>=10.13.0'}
 
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
   environment@1.1.0:
     resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
     engines: {node: '>=18'}
 
+  error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+
   es-abstract@1.23.9:
     resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
     engines: {node: '>= 0.4'}
@@ -1899,6 +3160,19 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
+  esbuild@0.25.9:
+    resolution: {integrity: sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@2.0.0:
+    resolution: {integrity: sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==}
+    engines: {node: '>=8'}
+
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -2023,6 +3297,11 @@ packages:
     resolution: {integrity: sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
   esquery@1.6.0:
     resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
     engines: {node: '>=0.10'}
@@ -2045,10 +3324,29 @@ packages:
   eventemitter3@5.0.1:
     resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
 
+  execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+
   execa@8.0.1:
     resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
     engines: {node: '>=16.17'}
 
+  exit-x@0.2.2:
+    resolution: {integrity: sha512-+I6B/IkJc1o/2tiURyz/ivu/O0nKNEArIUB5O7zBrlDVJr22SCLH3xTeEry428LvFhRzIA1g8izguxJ/gbNcVQ==}
+    engines: {node: '>= 0.8.0'}
+
+  expect@30.1.2:
+    resolution: {integrity: sha512-xvHszRavo28ejws8FpemjhwswGj4w/BetHIL8cU49u4sGyXDw2+p3YbeDbj6xzlxi6kWTjIRSTJ+9sNXPnF0Zg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  exsolve@1.0.7:
+    resolution: {integrity: sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==}
+
+  fast-check@3.23.2:
+    resolution: {integrity: sha512-h5+1OzzfCC3Ef7VbtKdcv7zsstUQwUDlYpUTvjeUsJAssPgLn7QzbboPtL5ro04Mq0rPOsMzl7q5hIbRs2wD1A==}
+    engines: {node: '>=8.0.0'}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -2076,6 +3374,9 @@ packages:
   fastq@1.19.0:
     resolution: {integrity: sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==}
 
+  fb-watchman@2.0.2:
+    resolution: {integrity: sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==}
+
   fdir@6.4.3:
     resolution: {integrity: sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==}
     peerDependencies:
@@ -2092,6 +3393,13 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
+  find-my-way-ts@0.1.6:
+    resolution: {integrity: sha512-a85L9ZoXtNAey3Y6Z+eBWW658kO/MwR7zIafkIUPUMf3isZG0NCs2pjW2wtjxAKuJPxMAsHUIP4ZPGv0o5gyTA==}
+
+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
   find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
@@ -2107,6 +3415,14 @@ packages:
     resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
     engines: {node: '>= 0.4'}
 
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
+
+  formidable@3.5.4:
+    resolution: {integrity: sha512-YikH+7CUTOtP44ZTnUhR7Ic2UASBPOqmaRkRKxRbywPTe5VxF7RRCck4af9wutiZ/QKM5nME9Bie2fFaPz5Gug==}
+    engines: {node: '>=14.0.0'}
+
   framer-motion@12.4.10:
     resolution: {integrity: sha512-3Msuyjcr1Pb5hjkn4EJcRe1HumaveP0Gbv4DBMKTPKcV/1GSMkQXj+Uqgneys+9DPcZM18Hac9qY9iUEF5LZtg==}
     peerDependencies:
@@ -2121,6 +3437,19 @@ packages:
       react-dom:
         optional: true
 
+  fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
@@ -2131,6 +3460,14 @@ packages:
   functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
   get-east-asian-width@1.3.0:
     resolution: {integrity: sha512-vpeMIQKxczTD/0s2CdEWHcb0eeJe6TFjxb+J5xgX7hScxqrGuyjmv4c1D4A/gelKfyox0gJJwIHF+fLjeaM8kQ==}
     engines: {node: '>=18'}
@@ -2143,10 +3480,18 @@ packages:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
 
+  get-package-type@0.1.0:
+    resolution: {integrity: sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==}
+    engines: {node: '>=8.0.0'}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
+  get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+
   get-stream@8.0.1:
     resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
     engines: {node: '>=16'}
@@ -2158,6 +3503,10 @@ packages:
   get-tsconfig@4.10.0:
     resolution: {integrity: sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==}
 
+  giget@2.0.0:
+    resolution: {integrity: sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==}
+    hasBin: true
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -2166,6 +3515,14 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
+  glob@10.4.5:
+    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+    hasBin: true
+
+  glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
+
   globals@14.0.0:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
@@ -2214,6 +3571,25 @@ packages:
   hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
 
+  html-encoding-sniffer@4.0.0:
+    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
+    engines: {node: '>=18'}
+
+  html-escaper@2.0.2:
+    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+
   human-signals@5.0.0:
     resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
     engines: {node: '>=16.17.0'}
@@ -2223,6 +3599,10 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
   ignore@5.3.2:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
@@ -2231,10 +3611,26 @@ packages:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
 
+  import-local@3.2.0:
+    resolution: {integrity: sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==}
+    engines: {node: '>=8'}
+    hasBin: true
+
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
+  inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
   internal-slot@1.1.0:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
@@ -2243,10 +3639,16 @@ packages:
     resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
     engines: {node: '>=12'}
 
+  intl-messageformat@10.7.16:
+    resolution: {integrity: sha512-UmdmHUmp5CIKKjSoE10la5yfU+AYJAaiYLsodbjL4lji83JNvgOQUjGaGhGrpFCb0Uh7sl7qfP1IyILa8Z40ug==}
+
   is-array-buffer@3.0.5:
     resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
 
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
@@ -2289,6 +3691,10 @@ packages:
     resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
     engines: {node: '>= 0.4'}
 
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
   is-fullwidth-code-point@4.0.0:
     resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
     engines: {node: '>=12'}
@@ -2297,6 +3703,10 @@ packages:
     resolution: {integrity: sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==}
     engines: {node: '>=18'}
 
+  is-generator-fn@2.1.0:
+    resolution: {integrity: sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==}
+    engines: {node: '>=6'}
+
   is-generator-function@1.1.0:
     resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
     engines: {node: '>= 0.4'}
@@ -2317,6 +3727,9 @@ packages:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
   is-regex@1.2.1:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
@@ -2329,6 +3742,10 @@ packages:
     resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
     engines: {node: '>= 0.4'}
 
+  is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+
   is-stream@3.0.0:
     resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -2363,25 +3780,209 @@ packages:
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  istanbul-lib-coverage@3.2.2:
+    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
+    engines: {node: '>=8'}
+
+  istanbul-lib-instrument@6.0.3:
+    resolution: {integrity: sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==}
+    engines: {node: '>=10'}
+
+  istanbul-lib-report@3.0.1:
+    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
+    engines: {node: '>=10'}
+
+  istanbul-lib-source-maps@5.0.6:
+    resolution: {integrity: sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==}
+    engines: {node: '>=10'}
+
+  istanbul-reports@3.2.0:
+    resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
+    engines: {node: '>=8'}
+
   iterator.prototype@1.1.5:
     resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
     engines: {node: '>= 0.4'}
 
-  jiti@2.4.2:
-    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
-    hasBin: true
+  jackspeak@3.4.3:
+    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
-  js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+  jest-changed-files@30.0.5:
+    resolution: {integrity: sha512-bGl2Ntdx0eAwXuGpdLdVYVr5YQHnSZlQ0y9HVDu565lCUAe9sj6JOtBbMmBBikGIegne9piDDIOeiLVoqTkz4A==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
 
-  js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+  jest-circus@30.1.2:
+    resolution: {integrity: sha512-pyqgRv00fPbU3QBjN9I5QRd77eCWA19NA7BLgI1veFvbUIFpeDCKbnG1oyRr6q5/jPEW2zDfqZ/r6fvfE85vrA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-cli@30.1.2:
+    resolution: {integrity: sha512-Q7H6GGo/0TBB8Mhm3Ab7KKJHn6GeMVff+/8PVCQ7vXXahvr5sRERnNbxuVJAMiVY2JQm5roA7CHYOYlH+gzmUg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
     hasBin: true
+    peerDependencies:
+      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      node-notifier:
+        optional: true
 
-  json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+  jest-config@30.1.2:
+    resolution: {integrity: sha512-gCuBeE/cksjQ3e1a8H4YglZJuVPcnLZQK9jC70E6GbkHNQKPasnOO+r9IYdsUbAekb6c7eVRR8laGLMF06gMqg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      '@types/node': '*'
+      esbuild-register: '>=3.4.0'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      esbuild-register:
+        optional: true
+      ts-node:
+        optional: true
 
-  json-schema-traverse@0.4.1:
+  jest-diff@30.1.2:
+    resolution: {integrity: sha512-4+prq+9J61mOVXCa4Qp8ZjavdxzrWQXrI80GNxP8f4tkI2syPuPrJgdRPZRrfUTRvIoUwcmNLbqEJy9W800+NQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-docblock@30.0.1:
+    resolution: {integrity: sha512-/vF78qn3DYphAaIc3jy4gA7XSAz167n9Bm/wn/1XhTLW7tTBIzXtCJpb/vcmc73NIIeeohCbdL94JasyXUZsGA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-each@30.1.0:
+    resolution: {integrity: sha512-A+9FKzxPluqogNahpCv04UJvcZ9B3HamqpDNWNKDjtxVRYB8xbZLFuCr8JAJFpNp83CA0anGQFlpQna9Me+/tQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-environment-jsdom@30.1.2:
+    resolution: {integrity: sha512-LXsfAh5+mDTuXDONGl1ZLYxtJEaS06GOoxJb2arcJTjIfh1adYg8zLD8f6P0df8VmjvCaMrLmc1PgHUI/YUTbg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  jest-environment-node@30.1.2:
+    resolution: {integrity: sha512-w8qBiXtqGWJ9xpJIA98M0EIoq079GOQRQUyse5qg1plShUCQ0Ek1VTTcczqKrn3f24TFAgFtT+4q3aOXvjbsuA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-haste-map@30.1.0:
+    resolution: {integrity: sha512-JLeM84kNjpRkggcGpQLsV7B8W4LNUWz7oDNVnY1Vjj22b5/fAb3kk3htiD+4Na8bmJmjJR7rBtS2Rmq/NEcADg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-leak-detector@30.1.0:
+    resolution: {integrity: sha512-AoFvJzwxK+4KohH60vRuHaqXfWmeBATFZpzpmzNmYTtmRMiyGPVhkXpBqxUQunw+dQB48bDf4NpUs6ivVbRv1g==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-matcher-utils@30.1.2:
+    resolution: {integrity: sha512-7ai16hy4rSbDjvPTuUhuV8nyPBd6EX34HkBsBcBX2lENCuAQ0qKCPb/+lt8OSWUa9WWmGYLy41PrEzkwRwoGZQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-message-util@30.1.0:
+    resolution: {integrity: sha512-HizKDGG98cYkWmaLUHChq4iN+oCENohQLb7Z5guBPumYs+/etonmNFlg1Ps6yN9LTPyZn+M+b/9BbnHx3WTMDg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-mock@30.0.5:
+    resolution: {integrity: sha512-Od7TyasAAQX/6S+QCbN6vZoWOMwlTtzzGuxJku1GhGanAjz9y+QsQkpScDmETvdc9aSXyJ/Op4rhpMYBWW91wQ==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-pnp-resolver@1.2.3:
+    resolution: {integrity: sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==}
+    engines: {node: '>=6'}
+    peerDependencies:
+      jest-resolve: '*'
+    peerDependenciesMeta:
+      jest-resolve:
+        optional: true
+
+  jest-regex-util@30.0.1:
+    resolution: {integrity: sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-resolve-dependencies@30.1.2:
+    resolution: {integrity: sha512-HJjyoaedY4wrwda+eqvgjbwFykrAnQEmhuT0bMyOV3GQIyLPcunZcjfkm77Zr11ujwl34ySdc4qYnm7SG75TjA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-resolve@30.1.0:
+    resolution: {integrity: sha512-hASe7D/wRtZw8Cm607NrlF7fi3HWC5wmA5jCVc2QjQAB2pTwP9eVZILGEi6OeSLNUtE1zb04sXRowsdh5CUjwA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-runner@30.1.2:
+    resolution: {integrity: sha512-eu9AzpDY/QV+7NuMg6fZMpQ7M24cBkl5dyS1Xj7iwDPDriOmLUXR8rLojESibcIX+sCDTO4KvUeaxWCH1fbTvg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-runtime@30.1.2:
+    resolution: {integrity: sha512-zU02si+lAITgyRmVRgJn/AB4cnakq8+o7bP+5Z+N1A4r2mq40zGbmrg3UpYQWCkeim17tx8w1Tnmt6tQ6y9PGA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-snapshot@30.1.2:
+    resolution: {integrity: sha512-4q4+6+1c8B6Cy5pGgFvjDy/Pa6VYRiGu0yQafKkJ9u6wQx4G5PqI2QR6nxTl43yy7IWsINwz6oT4o6tD12a8Dg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-util@30.0.5:
+    resolution: {integrity: sha512-pvyPWssDZR0FlfMxCBoc0tvM8iUEskaRFALUtGQYzVEAqisAztmy+R8LnU14KT4XA0H/a5HMVTXat1jLne010g==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-validate@30.1.0:
+    resolution: {integrity: sha512-7P3ZlCFW/vhfQ8pE7zW6Oi4EzvuB4sgR72Q1INfW9m0FGo0GADYlPwIkf4CyPq7wq85g+kPMtPOHNAdWHeBOaA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-watcher@30.1.2:
+    resolution: {integrity: sha512-MtoGuEgqsBM8Jkn52oEj+mXLtF94+njPlHI5ydfduZL5MHrTFr14ZG1CUX1xAbY23dbSZCCEkEPhBM3cQd12Jg==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest-worker@30.1.0:
+    resolution: {integrity: sha512-uvWcSjlwAAgIu133Tt77A05H7RIk3Ho8tZL50bQM2AkvLdluw9NG48lRCl3Dt+MOH719n/0nnb5YxUwcuJiKRA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  jest@30.1.2:
+    resolution: {integrity: sha512-iLreJmUWdANLD2UIbebrXxQqU9jIxv2ahvrBNfff55deL9DtVxm8ZJBLk/kmn0AQ+FyCTrNSlGbMdTgSasldYA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    hasBin: true
+    peerDependencies:
+      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      node-notifier:
+        optional: true
+
+  jiti@2.4.2:
+    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
+    hasBin: true
+
+  jose@6.1.0:
+    resolution: {integrity: sha512-TTQJyoEoKcC1lscpVDCSsVgYzUDg/0Bt3WE//WiTPK6uOCQC2KZS4MpugbMWt/zyjkopgZoXhZuCi00gLudfUA==}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@3.14.1:
+    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
+    hasBin: true
+
+  js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
+  jsdom@26.1.0:
+    resolution: {integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
+  json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
   json-stable-stringify-without-jsonify@1.0.1:
@@ -2391,6 +3992,11 @@ packages:
     resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
     hasBin: true
 
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
   jsx-ast-utils@3.3.5:
     resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
     engines: {node: '>=4.0'}
@@ -2405,6 +4011,10 @@ packages:
     resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
     engines: {node: '>=0.10'}
 
+  leven@3.1.0:
+    resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
+    engines: {node: '>=6'}
+
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -2477,6 +4087,15 @@ packages:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
 
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  linkify-it@5.0.0:
+    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
+
+  linkifyjs@4.3.2:
+    resolution: {integrity: sha512-NT1CJtq3hHIreOianA8aSXn6Cw0JzYOuDQbOrSPe7gqFnCpKP++MQe3ODgO3oh2GJFORkAAdqredOa60z63GbA==}
+
   lint-staged@15.4.3:
     resolution: {integrity: sha512-FoH1vOeouNh1pw+90S+cnuoFwRfUD9ijY2GKy5h7HS3OR7JVir2N2xrsa0+Twc1B7cW72L+88geG5cW4wIhn7g==}
     engines: {node: '>=18.12.0'}
@@ -2486,6 +4105,10 @@ packages:
     resolution: {integrity: sha512-iyAZCeyD+c1gPyE9qpFu8af0Y+MRtmKOncdGoA2S5EY8iFq99dmmvkNnHiWo+pj0s7yH7l3KPIgee77tKpXPWQ==}
     engines: {node: '>=18.0.0'}
 
+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -2507,15 +4130,39 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
   lucide-react@0.476.0:
     resolution: {integrity: sha512-x6cLTk8gahdUPje0hSgLN1/MgiJH+Xl90Xoxy9bkPAsMPOUiyRSKR4JCDPGVCEpyqnZXH3exFWNItcvra9WzUQ==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
+  make-dir@4.0.0:
+    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
+    engines: {node: '>=10'}
+
+  makeerror@1.0.12:
+    resolution: {integrity: sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==}
+
+  markdown-it@14.1.0:
+    resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==}
+    hasBin: true
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  mdurl@2.0.0:
+    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
@@ -2527,6 +4174,10 @@ packages:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
 
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
   mimic-fn@4.0.0:
     resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
     engines: {node: '>=12'}
@@ -2535,6 +4186,10 @@ packages:
     resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
     engines: {node: '>=18'}
 
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -2545,6 +4200,10 @@ packages:
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
   motion-dom@12.4.10:
     resolution: {integrity: sha512-ISP5u6FTceoD6qKdLupIPU/LyXBrxGox+P2e3mBbm1+pLdlBbwv01YENJr7+1WZnW5ucVKzFScYsV1eXTCG4Xg==}
 
@@ -2568,14 +4227,59 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
+  msgpackr-extract@3.0.3:
+    resolution: {integrity: sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==}
+    hasBin: true
+
+  msgpackr@1.11.5:
+    resolution: {integrity: sha512-UjkUHN0yqp9RWKy0Lplhh+wlpdt9oQBYgULZOiFhV3VclSF1JnSQWZ5r9gORQlNYaUKQoR8itv7g7z1xDDuACA==}
+
+  multipasta@0.2.7:
+    resolution: {integrity: sha512-KPA58d68KgGil15oDqXjkUBEBYc00XvbPj5/X+dyzeo/lWm9Nc25pQRlf1D+gv4OpK7NM0J1odrbu9JNNGvynA==}
+
   nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  napi-postinstall@0.3.3:
+    resolution: {integrity: sha512-uTp172LLXSxuSYHv/kou+f6KW3SMppU9ivthaVTXian9sOt3XM/zHYHpRZiLgQoxeWfYUnslNWQHF1+G71xcow==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    hasBin: true
+
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  negotiator@1.0.0:
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
+
+  next-auth@5.0.0-beta.29:
+    resolution: {integrity: sha512-Ukpnuk3NMc/LiOl32njZPySk7pABEzbjhMUFd5/n10I0ZNC7NCuVv8IY2JgbDek2t/PUOifQEoUiOOTLy4os5A==}
+    peerDependencies:
+      '@simplewebauthn/browser': ^9.0.1
+      '@simplewebauthn/server': ^9.0.2
+      next: ^14.0.0-0 || ^15.0.0-0
+      nodemailer: ^6.6.5
+      react: ^18.2.0 || ^19.0.0-0
+    peerDependenciesMeta:
+      '@simplewebauthn/browser':
+        optional: true
+      '@simplewebauthn/server':
+        optional: true
+      nodemailer:
+        optional: true
+
+  next-intl@4.3.5:
+    resolution: {integrity: sha512-tT3SltfpPOCAQ9kVNr+8t6FUtVf8G0WFlJcVc8zj4WCMfuF8XFk4gZCN/MtjgDgkUISw5aKamOClJB4EsV95WQ==}
+    peerDependencies:
+      next: ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   next-themes@0.4.4:
     resolution: {integrity: sha512-LDQ2qIOJF0VnuVrrMSMLrWGjRMkq+0mpgl6e0juCLqdJ+oo8Q84JRWT6Wh11VDQKkMMe+dVzDKLWs5n87T+PkQ==}
     peerDependencies:
@@ -2603,10 +4307,42 @@ packages:
       sass:
         optional: true
 
+  node-fetch-native@1.6.7:
+    resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
+
+  node-gyp-build-optional-packages@5.2.2:
+    resolution: {integrity: sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==}
+    hasBin: true
+
+  node-int64@0.4.0:
+    resolution: {integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==}
+
+  node-releases@2.0.19:
+    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+
   npm-run-path@5.3.0:
     resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  nwsapi@2.2.21:
+    resolution: {integrity: sha512-o6nIY3qwiSXl7/LuOU0Dmuctd34Yay0yeuZRLFmDPrrdHpXKFndPj3hM+YEPVHYC5fx2otBx4Ilc/gyYSAUaIA==}
+
+  nypm@0.6.1:
+    resolution: {integrity: sha512-hlacBiRiv1k9hZFiphPUkfSQ/ZfQzZDzC+8z0wL3lvDAOUu/2NnChkKuMoMjNur/9OpKuz2QsIeiPVN0xM5Q0w==}
+    engines: {node: ^14.16.0 || >=16.10.0}
+    hasBin: true
+
+  oauth4webapi@3.8.1:
+    resolution: {integrity: sha512-olkZDELNycOWQf9LrsELFq8n05LwJgV8UkrS0cburk6FOwf8GvLam+YB+Uj5Qvryee+vwWOfQVeI5Vm0MVg7SA==}
+
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -2639,6 +4375,16 @@ packages:
     resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
   onetime@6.0.0:
     resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
     engines: {node: '>=12'}
@@ -2647,30 +4393,71 @@ packages:
     resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
     engines: {node: '>=18'}
 
+  openai@5.16.0:
+    resolution: {integrity: sha512-hoEH8ZNvg1HXjU9mp88L/ZH8O082Z8r6FHCXGiWAzVRrEv443aI57qhch4snu07yQydj+AUAWLenAiBXhu89Tw==}
+    hasBin: true
+    peerDependencies:
+      ws: ^8.18.0
+      zod: ^3.23.8
+    peerDependenciesMeta:
+      ws:
+        optional: true
+      zod:
+        optional: true
+
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
 
+  orderedmap@2.1.1:
+    resolution: {integrity: sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==}
+
   own-keys@1.0.1:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
 
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
 
+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
   p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
 
+  path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+
   path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
@@ -2682,6 +4469,16 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
+  path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -2698,6 +4495,27 @@ packages:
     engines: {node: '>=0.10'}
     hasBin: true
 
+  pirates@4.0.7:
+    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
+    engines: {node: '>= 6'}
+
+  pkg-dir@4.2.0:
+    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
+    engines: {node: '>=8'}
+
+  pkg-types@2.3.0:
+    resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
+
+  playwright-core@1.55.0:
+    resolution: {integrity: sha512-GvZs4vU3U5ro2nZpeiwyb0zuFaqb9sUiAJuyrWpcGouD8y9/HLgGbNRjIph7zU9D3hnPaisMl9zG9CgFi/biIg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.55.0:
+    resolution: {integrity: sha512-sdCWStblvV1YU909Xqx0DhOjPZE4/5lJsIS84IfN9dAZfcl/CIZ5O8l3o0j7hPMjDvqoTF8ZUcc+i/GL5erstA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   possible-typed-array-names@1.1.0:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
@@ -2710,6 +4528,14 @@ packages:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
+  preact-render-to-string@6.5.11:
+    resolution: {integrity: sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==}
+    peerDependencies:
+      preact: '>=10'
+
+  preact@10.24.3:
+    resolution: {integrity: sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==}
+
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -2723,16 +4549,105 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
+  pretty-format@30.0.5:
+    resolution: {integrity: sha512-D1tKtYvByrBkFLe2wHJl2bwMJIiT8rW+XA+TiataH79/FszLQMrpGEvzUVkzPau7OCO0Qnrhpe87PqtOAIB8Yw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  prisma@6.15.0:
+    resolution: {integrity: sha512-E6RCgOt+kUVtjtZgLQDBJ6md2tDItLJNExwI0XJeBc1FKL+Vwb+ovxXxuok9r8oBgsOXBA33fGDuE/0qDdCWqQ==}
+    engines: {node: '>=18.18'}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.1.0'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
+  prosemirror-changeset@2.3.1:
+    resolution: {integrity: sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==}
+
+  prosemirror-collab@1.3.1:
+    resolution: {integrity: sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==}
+
+  prosemirror-commands@1.7.1:
+    resolution: {integrity: sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==}
+
+  prosemirror-dropcursor@1.8.2:
+    resolution: {integrity: sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==}
+
+  prosemirror-gapcursor@1.3.2:
+    resolution: {integrity: sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==}
+
+  prosemirror-history@1.4.1:
+    resolution: {integrity: sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==}
+
+  prosemirror-inputrules@1.5.0:
+    resolution: {integrity: sha512-K0xJRCmt+uSw7xesnHmcn72yBGTbY45vm8gXI4LZXbx2Z0jwh5aF9xrGQgrVPu0WbyFVFF3E/o9VhJYz6SQWnA==}
+
+  prosemirror-keymap@1.2.3:
+    resolution: {integrity: sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==}
+
+  prosemirror-markdown@1.13.2:
+    resolution: {integrity: sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==}
+
+  prosemirror-menu@1.2.5:
+    resolution: {integrity: sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==}
+
+  prosemirror-model@1.25.3:
+    resolution: {integrity: sha512-dY2HdaNXlARknJbrManZ1WyUtos+AP97AmvqdOQtWtrrC5g4mohVX5DTi9rXNFSk09eczLq9GuNTtq3EfMeMGA==}
+
+  prosemirror-schema-basic@1.2.4:
+    resolution: {integrity: sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==}
+
+  prosemirror-schema-list@1.5.1:
+    resolution: {integrity: sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==}
+
+  prosemirror-state@1.4.3:
+    resolution: {integrity: sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==}
+
+  prosemirror-tables@1.8.1:
+    resolution: {integrity: sha512-DAgDoUYHCcc6tOGpLVPSU1k84kCUWTWnfWX3UDy2Delv4ryH0KqTD6RBI6k4yi9j9I8gl3j8MkPpRD/vWPZbug==}
+
+  prosemirror-trailing-node@3.0.0:
+    resolution: {integrity: sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==}
+    peerDependencies:
+      prosemirror-model: ^1.22.1
+      prosemirror-state: ^1.4.2
+      prosemirror-view: ^1.33.8
+
+  prosemirror-transform@1.10.4:
+    resolution: {integrity: sha512-pwDy22nAnGqNR1feOQKHxoFkkUtepoFAd3r2hbEDsnf4wp57kKA36hXsB3njA9FtONBEwSDnDeCiJe+ItD+ykw==}
+
+  prosemirror-view@1.40.1:
+    resolution: {integrity: sha512-pbwUjt3G7TlsQQHDiYSupWBhJswpLVB09xXm1YiJPdkjkh9Pe7Y51XdLh5VWIZmROLY8UpUpG03lkdhm9lzIBA==}
+
+  punycode.js@2.3.1:
+    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+    engines: {node: '>=6'}
+
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
+  pure-rand@6.1.0:
+    resolution: {integrity: sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==}
+
+  pure-rand@7.0.1:
+    resolution: {integrity: sha512-oTUZM/NAZS8p7ANR3SHh30kXB+zK2r2BPcEn/awJIbOvq82WoMN4p62AWWp3Hhw50G0xMsw1mhIBLqHw64EcNQ==}
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
+  rc9@2.1.2:
+    resolution: {integrity: sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==}
+
   react-day-picker@8.10.1:
     resolution: {integrity: sha512-TMx7fNbhLk15eqcMt+7Z7S2KF7mfTId/XJDjKE8f+IUcFn0l08/kI4FiYTL/0yuOLmEcbR4Fwe3GJf/NiiMnPA==}
     peerDependencies:
@@ -2776,6 +4691,9 @@ packages:
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
+  react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+
   react-is@18.3.1:
     resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
 
@@ -2841,6 +4759,10 @@ packages:
     resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
     engines: {node: '>=0.10.0'}
 
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
+
   recharts-scale@0.4.5:
     resolution: {integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==}
 
@@ -2851,6 +4773,10 @@ packages:
       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
 
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
   redux@4.2.1:
     resolution: {integrity: sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==}
 
@@ -2865,10 +4791,22 @@ packages:
     resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
     engines: {node: '>= 0.4'}
 
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-cwd@3.0.0:
+    resolution: {integrity: sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==}
+    engines: {node: '>=8'}
+
   resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
 
+  resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
@@ -2892,6 +4830,12 @@ packages:
   rfdc@1.4.1:
     resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
+  rope-sequence@1.3.4:
+    resolution: {integrity: sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==}
+
+  rrweb-cssom@0.8.0:
+    resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==}
+
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
@@ -2907,6 +4851,13 @@ packages:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
   scheduler@0.25.0:
     resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
 
@@ -2919,6 +4870,11 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  semver@7.7.2:
+    resolution: {integrity: sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   set-function-length@1.2.2:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
@@ -2959,6 +4915,9 @@ packages:
     resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
   signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
@@ -2966,6 +4925,10 @@ packages:
   simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
 
+  slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+
   slice-ansi@5.0.0:
     resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
     engines: {node: '>=12'}
@@ -2984,9 +4947,26 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  source-map-support@0.5.13:
+    resolution: {integrity: sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+
+  sqids@0.3.0:
+    resolution: {integrity: sha512-lOQK1ucVg+W6n3FhRwwSeUijxe93b51Bfz5PMRMihVf1iVkl82ePQG7V5vwrhzB11v0NtsR25PSZRGiSomJaJw==}
+
   stable-hash@0.0.4:
     resolution: {integrity: sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==}
 
+  stack-utils@2.0.6:
+    resolution: {integrity: sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==}
+    engines: {node: '>=10'}
+
   streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
@@ -2995,6 +4975,18 @@ packages:
     resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
     engines: {node: '>=0.6.19'}
 
+  string-length@4.0.2:
+    resolution: {integrity: sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==}
+    engines: {node: '>=10'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+
   string-width@7.2.0:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
@@ -3022,6 +5014,10 @@ packages:
     resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
     engines: {node: '>= 0.4'}
 
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
   strip-ansi@7.1.0:
     resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
     engines: {node: '>=12'}
@@ -3030,10 +5026,22 @@ packages:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
 
+  strip-bom@4.0.0:
+    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
+    engines: {node: '>=8'}
+
+  strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+
   strip-final-newline@3.0.0:
     resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
     engines: {node: '>=12'}
 
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -3055,10 +5063,21 @@ packages:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
+  supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
+
   supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
+  synckit@0.11.11:
+    resolution: {integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
   synckit@0.9.2:
     resolution: {integrity: sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -3078,17 +5097,42 @@ packages:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
 
+  test-exclude@6.0.0:
+    resolution: {integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==}
+    engines: {node: '>=8'}
+
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
+  tinyexec@1.0.1:
+    resolution: {integrity: sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==}
+
   tinyglobby@0.2.12:
     resolution: {integrity: sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==}
     engines: {node: '>=12.0.0'}
 
+  tldts-core@6.1.86:
+    resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
+
+  tldts@6.1.86:
+    resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
+    hasBin: true
+
+  tmpl@1.0.5:
+    resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==}
+
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  tough-cookie@5.1.2:
+    resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
+    engines: {node: '>=16'}
+
+  tr46@5.1.1:
+    resolution: {integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==}
+    engines: {node: '>=18'}
+
   ts-api-utils@2.0.1:
     resolution: {integrity: sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==}
     engines: {node: '>=18.12'}
@@ -3101,10 +5145,23 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
+  tsx@4.20.5:
+    resolution: {integrity: sha512-+wKjMNU9w/EaQayHXb7WA7ZaHY6hN8WgfvHNQ3t1PnU91/7O8TcTnIhCDYTZwnt8JsO9IBqZ30Ln1r7pPF52Aw==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
+  type-detect@4.0.8:
+    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
+    engines: {node: '>=4'}
+
+  type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -3126,6 +5183,9 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  uc.micro@2.1.0:
+    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
+
   unbox-primitive@1.1.0:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
@@ -3133,6 +5193,36 @@ packages:
   undici-types@6.19.8:
     resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
 
+  unrs-resolver@1.11.1:
+    resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
+
+  update-browserslist-db@1.1.3:
+    resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uploadthing@7.7.4:
+    resolution: {integrity: sha512-rlK/4JWHW5jP30syzWGBFDDXv3WJDdT8gn9OoxRJmXLoXi94hBmyyjxihGlNrKhBc81czyv8TkzMioe/OuKGfA==}
+    engines: {node: '>=18.13.0'}
+    peerDependencies:
+      express: '*'
+      fastify: '*'
+      h3: '*'
+      next: '*'
+      tailwindcss: ^3.0.0 || ^4.0.0-beta.0
+    peerDependenciesMeta:
+      express:
+        optional: true
+      fastify:
+        optional: true
+      h3:
+        optional: true
+      next:
+        optional: true
+      tailwindcss:
+        optional: true
+
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
@@ -3146,6 +5236,11 @@ packages:
       '@types/react':
         optional: true
 
+  use-intl@4.3.5:
+    resolution: {integrity: sha512-qyL1TZNesVbzj/75ZbYsi+xzNSiFqp5rIVsiAN0JT8rPMSjX0/3KQz76aJIrngI1/wIQdVYFVdImWh5yAv+dWA==}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0
+
   use-sidecar@1.1.3:
     resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
     engines: {node: '>=10'}
@@ -3156,6 +5251,11 @@ packages:
       '@types/react':
         optional: true
 
+  use-sync-external-store@1.5.0:
+    resolution: {integrity: sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   usehooks-ts@3.1.1:
     resolution: {integrity: sha512-I4diPp9Cq6ieSUH2wu+fDAVQO43xwtulo+fKEidHUwZPnYImbtkTjzIJYcDcJqxgmX31GVqNFURodvcgHcW0pA==}
     engines: {node: '>=16.15.0'}
@@ -3166,9 +5266,39 @@ packages:
     resolution: {integrity: sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==}
     hasBin: true
 
+  v8-to-istanbul@9.3.0:
+    resolution: {integrity: sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==}
+    engines: {node: '>=10.12.0'}
+
   victory-vendor@36.9.2:
     resolution: {integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==}
 
+  w3c-keyname@2.2.8:
+    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
+
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  walker@1.0.8:
+    resolution: {integrity: sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==}
+
+  webidl-conversions@7.0.0:
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
+
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-url@14.2.0:
+    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
+    engines: {node: '>=18'}
+
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -3194,15 +5324,64 @@ packages:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
 
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+
   wrap-ansi@9.0.0:
     resolution: {integrity: sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==}
     engines: {node: '>=18'}
 
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  write-file-atomic@5.0.1:
+    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  ws@8.18.3:
+    resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
   yaml@2.7.0:
     resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
     engines: {node: '>= 14'}
     hasBin: true
 
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
@@ -3230,17 +5409,351 @@ packages:
 
 snapshots:
 
+  '@adobe/css-tools@4.4.4': {}
+
   '@alloc/quick-lru@5.2.0': {}
 
+  '@ampproject/remapping@2.3.0':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.30
+
+  '@asamuzakjp/css-color@3.2.0':
+    dependencies:
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      lru-cache: 10.4.3
+
+  '@auth/core@0.40.0':
+    dependencies:
+      '@panva/hkdf': 1.2.1
+      jose: 6.1.0
+      oauth4webapi: 3.8.1
+      preact: 10.24.3
+      preact-render-to-string: 6.5.11(preact@10.24.3)
+
+  '@babel/code-frame@7.27.1':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.27.1
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.28.0': {}
+
+  '@babel/core@7.28.3':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.3
+      '@babel/helper-compilation-targets': 7.27.2
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.3)
+      '@babel/helpers': 7.28.3
+      '@babel/parser': 7.28.3
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.3
+      '@babel/types': 7.28.2
+      convert-source-map: 2.0.0
+      debug: 4.4.0
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.28.3':
+    dependencies:
+      '@babel/parser': 7.28.3
+      '@babel/types': 7.28.2
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.30
+      jsesc: 3.1.0
+
+  '@babel/helper-compilation-targets@7.27.2':
+    dependencies:
+      '@babel/compat-data': 7.28.0
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.25.4
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-globals@7.28.0': {}
+
+  '@babel/helper-module-imports@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.28.3
+      '@babel/types': 7.28.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+      '@babel/traverse': 7.28.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-plugin-utils@7.27.1': {}
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.27.1': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.28.3':
+    dependencies:
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.2
+
+  '@babel/parser@7.28.3':
+    dependencies:
+      '@babel/types': 7.28.2
+
+  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-import-attributes@7.27.1(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.3)':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/helper-plugin-utils': 7.27.1
+
   '@babel/runtime@7.26.9':
     dependencies:
       regenerator-runtime: 0.14.1
 
+  '@babel/template@7.27.2':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/parser': 7.28.3
+      '@babel/types': 7.28.2
+
+  '@babel/traverse@7.28.3':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.3
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.28.3
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.2
+      debug: 4.4.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.28.2':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
+  '@bcoe/v8-coverage@0.2.3': {}
+
+  '@csstools/color-helpers@5.1.0': {}
+
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/color-helpers': 5.1.0
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-tokenizer@3.0.4': {}
+
+  '@effect/platform@0.90.3(effect@3.17.7)':
+    dependencies:
+      '@opentelemetry/semantic-conventions': 1.36.0
+      effect: 3.17.7
+      find-my-way-ts: 0.1.6
+      msgpackr: 1.11.5
+      multipasta: 0.2.7
+
+  '@emnapi/core@1.5.0':
+    dependencies:
+      '@emnapi/wasi-threads': 1.1.0
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/runtime@1.3.1':
     dependencies:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/runtime@1.5.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.1.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@esbuild/aix-ppc64@0.25.9':
+    optional: true
+
+  '@esbuild/android-arm64@0.25.9':
+    optional: true
+
+  '@esbuild/android-arm@0.25.9':
+    optional: true
+
+  '@esbuild/android-x64@0.25.9':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.25.9':
+    optional: true
+
+  '@esbuild/darwin-x64@0.25.9':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.25.9':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.25.9':
+    optional: true
+
+  '@esbuild/linux-arm64@0.25.9':
+    optional: true
+
+  '@esbuild/linux-arm@0.25.9':
+    optional: true
+
+  '@esbuild/linux-ia32@0.25.9':
+    optional: true
+
+  '@esbuild/linux-loong64@0.25.9':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.25.9':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.25.9':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.25.9':
+    optional: true
+
+  '@esbuild/linux-s390x@0.25.9':
+    optional: true
+
+  '@esbuild/linux-x64@0.25.9':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.25.9':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.25.9':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.25.9':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.25.9':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.25.9':
+    optional: true
+
+  '@esbuild/sunos-x64@0.25.9':
+    optional: true
+
+  '@esbuild/win32-arm64@0.25.9':
+    optional: true
+
+  '@esbuild/win32-ia32@0.25.9':
+    optional: true
+
+  '@esbuild/win32-x64@0.25.9':
+    optional: true
+
   '@eslint-community/eslint-utils@4.4.1(eslint@9.21.0(jiti@2.4.2))':
     dependencies:
       eslint: 9.21.0(jiti@2.4.2)
@@ -3300,6 +5813,36 @@ snapshots:
 
   '@floating-ui/utils@0.2.9': {}
 
+  '@formatjs/ecma402-abstract@2.3.4':
+    dependencies:
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/intl-localematcher': 0.6.1
+      decimal.js: 10.6.0
+      tslib: 2.8.1
+
+  '@formatjs/fast-memoize@2.2.7':
+    dependencies:
+      tslib: 2.8.1
+
+  '@formatjs/icu-messageformat-parser@2.11.2':
+    dependencies:
+      '@formatjs/ecma402-abstract': 2.3.4
+      '@formatjs/icu-skeleton-parser': 1.8.14
+      tslib: 2.8.1
+
+  '@formatjs/icu-skeleton-parser@1.8.14':
+    dependencies:
+      '@formatjs/ecma402-abstract': 2.3.4
+      tslib: 2.8.1
+
+  '@formatjs/intl-localematcher@0.5.10':
+    dependencies:
+      tslib: 2.8.1
+
+  '@formatjs/intl-localematcher@0.6.1':
+    dependencies:
+      tslib: 2.8.1
+
   '@hookform/resolvers@4.1.2(react-hook-form@7.54.2(react@19.0.0))':
     dependencies:
       '@standard-schema/utils': 0.3.0
@@ -3372,28 +5915,276 @@ snapshots:
       '@img/sharp-libvips-linux-x64': 1.0.4
     optional: true
 
-  '@img/sharp-linuxmusl-arm64@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-wasm32@0.33.5':
+    dependencies:
+      '@emnapi/runtime': 1.3.1
+    optional: true
+
+  '@img/sharp-win32-ia32@0.33.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.33.5':
+    optional: true
+
+  '@isaacs/cliui@8.0.2':
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: string-width@4.2.3
+      strip-ansi: 7.1.0
+      strip-ansi-cjs: strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: wrap-ansi@7.0.0
+
+  '@istanbuljs/load-nyc-config@1.1.0':
+    dependencies:
+      camelcase: 5.3.1
+      find-up: 4.1.0
+      get-package-type: 0.1.0
+      js-yaml: 3.14.1
+      resolve-from: 5.0.0
+
+  '@istanbuljs/schema@0.1.3': {}
+
+  '@jest/console@30.1.2':
+    dependencies:
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      chalk: 4.1.2
+      jest-message-util: 30.1.0
+      jest-util: 30.0.5
+      slash: 3.0.0
+
+  '@jest/core@30.1.2':
+    dependencies:
+      '@jest/console': 30.1.2
+      '@jest/pattern': 30.0.1
+      '@jest/reporters': 30.1.2
+      '@jest/test-result': 30.1.2
+      '@jest/transform': 30.1.2
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      ansi-escapes: 4.3.2
+      chalk: 4.1.2
+      ci-info: 4.3.0
+      exit-x: 0.2.2
+      graceful-fs: 4.2.11
+      jest-changed-files: 30.0.5
+      jest-config: 30.1.2(@types/node@20.17.19)
+      jest-haste-map: 30.1.0
+      jest-message-util: 30.1.0
+      jest-regex-util: 30.0.1
+      jest-resolve: 30.1.0
+      jest-resolve-dependencies: 30.1.2
+      jest-runner: 30.1.2
+      jest-runtime: 30.1.2
+      jest-snapshot: 30.1.2
+      jest-util: 30.0.5
+      jest-validate: 30.1.0
+      jest-watcher: 30.1.2
+      micromatch: 4.0.8
+      pretty-format: 30.0.5
+      slash: 3.0.0
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - esbuild-register
+      - supports-color
+      - ts-node
+
+  '@jest/diff-sequences@30.0.1': {}
+
+  '@jest/environment-jsdom-abstract@30.1.2(jsdom@26.1.0)':
+    dependencies:
+      '@jest/environment': 30.1.2
+      '@jest/fake-timers': 30.1.2
+      '@jest/types': 30.0.5
+      '@types/jsdom': 21.1.7
+      '@types/node': 20.17.19
+      jest-mock: 30.0.5
+      jest-util: 30.0.5
+      jsdom: 26.1.0
+
+  '@jest/environment@30.1.2':
+    dependencies:
+      '@jest/fake-timers': 30.1.2
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      jest-mock: 30.0.5
+
+  '@jest/expect-utils@30.1.2':
+    dependencies:
+      '@jest/get-type': 30.1.0
+
+  '@jest/expect@30.1.2':
+    dependencies:
+      expect: 30.1.2
+      jest-snapshot: 30.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@jest/fake-timers@30.1.2':
+    dependencies:
+      '@jest/types': 30.0.5
+      '@sinonjs/fake-timers': 13.0.5
+      '@types/node': 20.17.19
+      jest-message-util: 30.1.0
+      jest-mock: 30.0.5
+      jest-util: 30.0.5
+
+  '@jest/get-type@30.1.0': {}
+
+  '@jest/globals@30.1.2':
+    dependencies:
+      '@jest/environment': 30.1.2
+      '@jest/expect': 30.1.2
+      '@jest/types': 30.0.5
+      jest-mock: 30.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@jest/pattern@30.0.1':
+    dependencies:
+      '@types/node': 20.17.19
+      jest-regex-util: 30.0.1
+
+  '@jest/reporters@30.1.2':
+    dependencies:
+      '@bcoe/v8-coverage': 0.2.3
+      '@jest/console': 30.1.2
+      '@jest/test-result': 30.1.2
+      '@jest/transform': 30.1.2
+      '@jest/types': 30.0.5
+      '@jridgewell/trace-mapping': 0.3.30
+      '@types/node': 20.17.19
+      chalk: 4.1.2
+      collect-v8-coverage: 1.0.2
+      exit-x: 0.2.2
+      glob: 10.4.5
+      graceful-fs: 4.2.11
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-instrument: 6.0.3
+      istanbul-lib-report: 3.0.1
+      istanbul-lib-source-maps: 5.0.6
+      istanbul-reports: 3.2.0
+      jest-message-util: 30.1.0
+      jest-util: 30.0.5
+      jest-worker: 30.1.0
+      slash: 3.0.0
+      string-length: 4.0.2
+      v8-to-istanbul: 9.3.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@jest/schemas@30.0.5':
+    dependencies:
+      '@sinclair/typebox': 0.34.41
+
+  '@jest/snapshot-utils@30.1.2':
+    dependencies:
+      '@jest/types': 30.0.5
+      chalk: 4.1.2
+      graceful-fs: 4.2.11
+      natural-compare: 1.4.0
+
+  '@jest/source-map@30.0.1':
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.30
+      callsites: 3.1.0
+      graceful-fs: 4.2.11
+
+  '@jest/test-result@30.1.2':
+    dependencies:
+      '@jest/console': 30.1.2
+      '@jest/types': 30.0.5
+      '@types/istanbul-lib-coverage': 2.0.6
+      collect-v8-coverage: 1.0.2
+
+  '@jest/test-sequencer@30.1.2':
+    dependencies:
+      '@jest/test-result': 30.1.2
+      graceful-fs: 4.2.11
+      jest-haste-map: 30.1.0
+      slash: 3.0.0
+
+  '@jest/transform@30.1.2':
+    dependencies:
+      '@babel/core': 7.28.3
+      '@jest/types': 30.0.5
+      '@jridgewell/trace-mapping': 0.3.30
+      babel-plugin-istanbul: 7.0.0
+      chalk: 4.1.2
+      convert-source-map: 2.0.0
+      fast-json-stable-stringify: 2.1.0
+      graceful-fs: 4.2.11
+      jest-haste-map: 30.1.0
+      jest-regex-util: 30.0.1
+      jest-util: 30.0.5
+      micromatch: 4.0.8
+      pirates: 4.0.7
+      slash: 3.0.0
+      write-file-atomic: 5.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@jest/types@30.0.5':
+    dependencies:
+      '@jest/pattern': 30.0.1
+      '@jest/schemas': 30.0.5
+      '@types/istanbul-lib-coverage': 2.0.6
+      '@types/istanbul-reports': 3.0.4
+      '@types/node': 20.17.19
+      '@types/yargs': 17.0.33
+      chalk: 4.1.2
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.30
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.30':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@kayron013/lexorank@2.0.0': {}
+
+  '@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.3':
+    optional: true
+
+  '@msgpackr-extract/msgpackr-extract-darwin-x64@3.0.3':
     optional: true
 
-  '@img/sharp-linuxmusl-x64@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+  '@msgpackr-extract/msgpackr-extract-linux-arm64@3.0.3':
     optional: true
 
-  '@img/sharp-wasm32@0.33.5':
-    dependencies:
-      '@emnapi/runtime': 1.3.1
+  '@msgpackr-extract/msgpackr-extract-linux-arm@3.0.3':
     optional: true
 
-  '@img/sharp-win32-ia32@0.33.5':
+  '@msgpackr-extract/msgpackr-extract-linux-x64@3.0.3':
     optional: true
 
-  '@img/sharp-win32-x64@0.33.5':
+  '@msgpackr-extract/msgpackr-extract-win32-x64@3.0.3':
     optional: true
 
-  '@kayron013/lexorank@2.0.0': {}
+  '@napi-rs/wasm-runtime@0.2.12':
+    dependencies:
+      '@emnapi/core': 1.5.0
+      '@emnapi/runtime': 1.5.0
+      '@tybys/wasm-util': 0.10.0
+    optional: true
 
   '@next/env@15.2.4': {}
 
@@ -3425,6 +6216,8 @@ snapshots:
   '@next/swc-win32-x64-msvc@15.2.4':
     optional: true
 
+  '@noble/hashes@1.8.0': {}
+
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -3439,8 +6232,60 @@ snapshots:
 
   '@nolyfill/is-core-module@1.0.39': {}
 
+  '@opentelemetry/semantic-conventions@1.36.0': {}
+
+  '@panva/hkdf@1.2.1': {}
+
+  '@paralleldrive/cuid2@2.2.2':
+    dependencies:
+      '@noble/hashes': 1.8.0
+
+  '@pkgjs/parseargs@0.11.0':
+    optional: true
+
   '@pkgr/core@0.1.1': {}
 
+  '@pkgr/core@0.2.9': {}
+
+  '@playwright/test@1.55.0':
+    dependencies:
+      playwright: 1.55.0
+
+  '@prisma/client@6.15.0(prisma@6.15.0(typescript@5.7.3))(typescript@5.7.3)':
+    optionalDependencies:
+      prisma: 6.15.0(typescript@5.7.3)
+      typescript: 5.7.3
+
+  '@prisma/config@6.15.0':
+    dependencies:
+      c12: 3.1.0
+      deepmerge-ts: 7.1.5
+      effect: 3.16.12
+      empathic: 2.0.0
+    transitivePeerDependencies:
+      - magicast
+
+  '@prisma/debug@6.15.0': {}
+
+  '@prisma/engines-version@6.15.0-5.85179d7826409ee107a6ba334b5e305ae3fba9fb': {}
+
+  '@prisma/engines@6.15.0':
+    dependencies:
+      '@prisma/debug': 6.15.0
+      '@prisma/engines-version': 6.15.0-5.85179d7826409ee107a6ba334b5e305ae3fba9fb
+      '@prisma/fetch-engine': 6.15.0
+      '@prisma/get-platform': 6.15.0
+
+  '@prisma/fetch-engine@6.15.0':
+    dependencies:
+      '@prisma/debug': 6.15.0
+      '@prisma/engines-version': 6.15.0-5.85179d7826409ee107a6ba334b5e305ae3fba9fb
+      '@prisma/get-platform': 6.15.0
+
+  '@prisma/get-platform@6.15.0':
+    dependencies:
+      '@prisma/debug': 6.15.0
+
   '@radix-ui/number@1.1.0': {}
 
   '@radix-ui/primitive@1.0.1':
@@ -4308,6 +7153,8 @@ snapshots:
 
   '@react-dnd/shallowequal@4.0.2': {}
 
+  '@remirror/core-constants@3.0.0': {}
+
   '@remixicon/react@4.6.0(react@19.0.0)':
     dependencies:
       react: 19.0.0
@@ -4316,6 +7163,22 @@ snapshots:
 
   '@rushstack/eslint-patch@1.10.5': {}
 
+  '@schummar/icu-type-parser@1.21.5': {}
+
+  '@sinclair/typebox@0.34.41': {}
+
+  '@sinonjs/commons@3.0.1':
+    dependencies:
+      type-detect: 4.0.8
+
+  '@sinonjs/fake-timers@13.0.5':
+    dependencies:
+      '@sinonjs/commons': 3.0.1
+
+  '@standard-schema/spec@1.0.0': {}
+
+  '@standard-schema/spec@1.0.0-beta.4': {}
+
   '@standard-schema/utils@0.3.0': {}
 
   '@swc/counter@0.1.3': {}
@@ -4386,6 +7249,247 @@ snapshots:
       postcss: 8.5.3
       tailwindcss: 4.0.8
 
+  '@testing-library/dom@10.4.1':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/runtime': 7.26.9
+      '@types/aria-query': 5.0.4
+      aria-query: 5.3.0
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      picocolors: 1.1.1
+      pretty-format: 27.5.1
+
+  '@testing-library/jest-dom@6.8.0':
+    dependencies:
+      '@adobe/css-tools': 4.4.4
+      aria-query: 5.3.2
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      picocolors: 1.1.1
+      redent: 3.0.0
+
+  '@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@babel/runtime': 7.26.9
+      '@testing-library/dom': 10.4.1
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4(@types/react@19.0.10)
+
+  '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
+    dependencies:
+      '@testing-library/dom': 10.4.1
+
+  '@tiptap/core@3.3.0(@tiptap/pm@3.3.0)':
+    dependencies:
+      '@tiptap/pm': 3.3.0
+
+  '@tiptap/extension-blockquote@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-bold@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-bubble-menu@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)':
+    dependencies:
+      '@floating-ui/dom': 1.6.13
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+      '@tiptap/pm': 3.3.0
+    optional: true
+
+  '@tiptap/extension-bullet-list@3.3.0(@tiptap/extension-list@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/extension-list': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-code-block@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+      '@tiptap/pm': 3.3.0
+
+  '@tiptap/extension-code@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-document@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-dropcursor@3.3.0(@tiptap/extensions@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/extensions': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-floating-menu@3.3.0(@floating-ui/dom@1.6.13)(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)':
+    dependencies:
+      '@floating-ui/dom': 1.6.13
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+      '@tiptap/pm': 3.3.0
+    optional: true
+
+  '@tiptap/extension-gapcursor@3.3.0(@tiptap/extensions@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/extensions': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-hard-break@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-heading@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-horizontal-rule@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+      '@tiptap/pm': 3.3.0
+
+  '@tiptap/extension-italic@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-link@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+      '@tiptap/pm': 3.3.0
+      linkifyjs: 4.3.2
+
+  '@tiptap/extension-list-item@3.3.0(@tiptap/extension-list@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/extension-list': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-list-keymap@3.3.0(@tiptap/extension-list@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/extension-list': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-list@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+      '@tiptap/pm': 3.3.0
+
+  '@tiptap/extension-ordered-list@3.3.0(@tiptap/extension-list@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/extension-list': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-paragraph@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-strike@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-text@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extension-underline@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+
+  '@tiptap/extensions@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+      '@tiptap/pm': 3.3.0
+
+  '@tiptap/pm@3.3.0':
+    dependencies:
+      prosemirror-changeset: 2.3.1
+      prosemirror-collab: 1.3.1
+      prosemirror-commands: 1.7.1
+      prosemirror-dropcursor: 1.8.2
+      prosemirror-gapcursor: 1.3.2
+      prosemirror-history: 1.4.1
+      prosemirror-inputrules: 1.5.0
+      prosemirror-keymap: 1.2.3
+      prosemirror-markdown: 1.13.2
+      prosemirror-menu: 1.2.5
+      prosemirror-model: 1.25.3
+      prosemirror-schema-basic: 1.2.4
+      prosemirror-schema-list: 1.5.1
+      prosemirror-state: 1.4.3
+      prosemirror-tables: 1.8.1
+      prosemirror-trailing-node: 3.0.0(prosemirror-model@1.25.3)(prosemirror-state@1.4.3)(prosemirror-view@1.40.1)
+      prosemirror-transform: 1.10.4
+      prosemirror-view: 1.40.1
+
+  '@tiptap/react@3.3.0(@floating-ui/dom@1.6.13)(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+      '@tiptap/pm': 3.3.0
+      '@types/use-sync-external-store': 0.0.6
+      fast-deep-equal: 3.1.3
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      use-sync-external-store: 1.5.0(react@19.0.0)
+    optionalDependencies:
+      '@tiptap/extension-bubble-menu': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+      '@tiptap/extension-floating-menu': 3.3.0(@floating-ui/dom@1.6.13)(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+    transitivePeerDependencies:
+      - '@floating-ui/dom'
+
+  '@tiptap/starter-kit@3.3.0':
+    dependencies:
+      '@tiptap/core': 3.3.0(@tiptap/pm@3.3.0)
+      '@tiptap/extension-blockquote': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-bold': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-bullet-list': 3.3.0(@tiptap/extension-list@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))
+      '@tiptap/extension-code': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-code-block': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+      '@tiptap/extension-document': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-dropcursor': 3.3.0(@tiptap/extensions@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))
+      '@tiptap/extension-gapcursor': 3.3.0(@tiptap/extensions@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))
+      '@tiptap/extension-hard-break': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-heading': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-horizontal-rule': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+      '@tiptap/extension-italic': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-link': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+      '@tiptap/extension-list': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+      '@tiptap/extension-list-item': 3.3.0(@tiptap/extension-list@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))
+      '@tiptap/extension-list-keymap': 3.3.0(@tiptap/extension-list@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))
+      '@tiptap/extension-ordered-list': 3.3.0(@tiptap/extension-list@3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0))
+      '@tiptap/extension-paragraph': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-strike': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-text': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extension-underline': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))
+      '@tiptap/extensions': 3.3.0(@tiptap/core@3.3.0(@tiptap/pm@3.3.0))(@tiptap/pm@3.3.0)
+      '@tiptap/pm': 3.3.0
+
+  '@tybys/wasm-util@0.10.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@types/aria-query@5.0.4': {}
+
+  '@types/babel__core@7.20.5':
+    dependencies:
+      '@babel/parser': 7.28.3
+      '@babel/types': 7.28.2
+      '@types/babel__generator': 7.27.0
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.28.0
+
+  '@types/babel__generator@7.27.0':
+    dependencies:
+      '@babel/types': 7.28.2
+
+  '@types/babel__template@7.4.4':
+    dependencies:
+      '@babel/parser': 7.28.3
+      '@babel/types': 7.28.2
+
+  '@types/babel__traverse@7.28.0':
+    dependencies:
+      '@babel/types': 7.28.2
+
+  '@types/bcryptjs@3.0.0':
+    dependencies:
+      bcryptjs: 3.0.2
+
   '@types/d3-array@3.2.1': {}
 
   '@types/d3-color@3.1.3': {}
@@ -4412,10 +7516,44 @@ snapshots:
 
   '@types/estree@1.0.6': {}
 
+  '@types/formidable@3.4.5':
+    dependencies:
+      '@types/node': 20.17.19
+
+  '@types/istanbul-lib-coverage@2.0.6': {}
+
+  '@types/istanbul-lib-report@3.0.3':
+    dependencies:
+      '@types/istanbul-lib-coverage': 2.0.6
+
+  '@types/istanbul-reports@3.0.4':
+    dependencies:
+      '@types/istanbul-lib-report': 3.0.3
+
+  '@types/jest@30.0.0':
+    dependencies:
+      expect: 30.1.2
+      pretty-format: 30.0.5
+
+  '@types/jsdom@21.1.7':
+    dependencies:
+      '@types/node': 20.17.19
+      '@types/tough-cookie': 4.0.5
+      parse5: 7.3.0
+
   '@types/json-schema@7.0.15': {}
 
   '@types/json5@0.0.29': {}
 
+  '@types/linkify-it@5.0.0': {}
+
+  '@types/markdown-it@14.1.2':
+    dependencies:
+      '@types/linkify-it': 5.0.0
+      '@types/mdurl': 2.0.0
+
+  '@types/mdurl@2.0.0': {}
+
   '@types/node@20.17.19':
     dependencies:
       undici-types: 6.19.8
@@ -4428,6 +7566,18 @@ snapshots:
     dependencies:
       csstype: 3.1.3
 
+  '@types/stack-utils@2.0.3': {}
+
+  '@types/tough-cookie@4.0.5': {}
+
+  '@types/use-sync-external-store@0.0.6': {}
+
+  '@types/yargs-parser@21.0.3': {}
+
+  '@types/yargs@17.0.33':
+    dependencies:
+      '@types/yargs-parser': 21.0.3
+
   '@typescript-eslint/eslint-plugin@8.25.0(@typescript-eslint/parser@8.25.0(eslint@9.21.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.21.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
@@ -4505,12 +7655,83 @@ snapshots:
       '@typescript-eslint/types': 8.25.0
       eslint-visitor-keys: 4.2.0
 
+  '@ungap/structured-clone@1.3.0': {}
+
+  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-android-arm64@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-arm64@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-x64@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-freebsd-x64@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
+    dependencies:
+      '@napi-rs/wasm-runtime': 0.2.12
+    optional: true
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
+    optional: true
+
+  '@uploadthing/mime-types@0.3.6': {}
+
+  '@uploadthing/shared@7.1.10':
+    dependencies:
+      '@uploadthing/mime-types': 0.3.6
+      effect: 3.17.7
+      sqids: 0.3.0
+
   acorn-jsx@5.3.2(acorn@8.14.0):
     dependencies:
       acorn: 8.14.0
 
   acorn@8.14.0: {}
 
+  agent-base@7.1.4: {}
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -4518,24 +7739,45 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
+  ansi-escapes@4.3.2:
+    dependencies:
+      type-fest: 0.21.3
+
   ansi-escapes@7.0.0:
     dependencies:
       environment: 1.1.0
 
+  ansi-regex@5.0.1: {}
+
   ansi-regex@6.1.0: {}
 
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
 
+  ansi-styles@5.2.0: {}
+
   ansi-styles@6.2.1: {}
 
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+
+  argparse@1.0.10:
+    dependencies:
+      sprintf-js: 1.0.3
+
   argparse@2.0.1: {}
 
   aria-hidden@1.2.4:
     dependencies:
       tslib: 2.8.1
 
+  aria-query@5.3.0:
+    dependencies:
+      dequal: 2.0.3
+
   aria-query@5.3.2: {}
 
   array-buffer-byte-length@1.0.2:
@@ -4602,6 +7844,8 @@ snapshots:
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
 
+  asap@2.0.6: {}
+
   ast-types-flow@0.0.8: {}
 
   async-function@1.0.0: {}
@@ -4614,8 +7858,64 @@ snapshots:
 
   axobject-query@4.1.0: {}
 
+  babel-jest@30.1.2(@babel/core@7.28.3):
+    dependencies:
+      '@babel/core': 7.28.3
+      '@jest/transform': 30.1.2
+      '@types/babel__core': 7.20.5
+      babel-plugin-istanbul: 7.0.0
+      babel-preset-jest: 30.0.1(@babel/core@7.28.3)
+      chalk: 4.1.2
+      graceful-fs: 4.2.11
+      slash: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-istanbul@7.0.0:
+    dependencies:
+      '@babel/helper-plugin-utils': 7.27.1
+      '@istanbuljs/load-nyc-config': 1.1.0
+      '@istanbuljs/schema': 0.1.3
+      istanbul-lib-instrument: 6.0.3
+      test-exclude: 6.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  babel-plugin-jest-hoist@30.0.1:
+    dependencies:
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.2
+      '@types/babel__core': 7.20.5
+
+  babel-preset-current-node-syntax@1.2.0(@babel/core@7.28.3):
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.28.3)
+      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.28.3)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.28.3)
+      '@babel/plugin-syntax-import-attributes': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.28.3)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.28.3)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.28.3)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.28.3)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.28.3)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.28.3)
+
+  babel-preset-jest@30.0.1(@babel/core@7.28.3):
+    dependencies:
+      '@babel/core': 7.28.3
+      babel-plugin-jest-hoist: 30.0.1
+      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.28.3)
+
   balanced-match@1.0.2: {}
 
+  bcryptjs@3.0.2: {}
+
   brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -4629,10 +7929,38 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
+  browserslist@4.25.4:
+    dependencies:
+      caniuse-lite: 1.0.30001739
+      electron-to-chromium: 1.5.211
+      node-releases: 2.0.19
+      update-browserslist-db: 1.1.3(browserslist@4.25.4)
+
+  bser@2.1.1:
+    dependencies:
+      node-int64: 0.4.0
+
+  buffer-from@1.1.2: {}
+
   busboy@1.6.0:
     dependencies:
       streamsearch: 1.1.0
 
+  c12@3.1.0:
+    dependencies:
+      chokidar: 4.0.3
+      confbox: 0.2.2
+      defu: 6.1.4
+      dotenv: 16.6.1
+      exsolve: 1.0.7
+      giget: 2.0.0
+      jiti: 2.4.2
+      ohash: 2.0.11
+      pathe: 2.0.3
+      perfect-debounce: 1.0.0
+      pkg-types: 2.3.0
+      rc9: 2.1.2
+
   call-bind-apply-helpers@1.0.2:
     dependencies:
       es-errors: 1.3.0
@@ -4652,14 +7980,34 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  caniuse-lite@1.0.30001700: {}
+  camelcase@5.3.1: {}
+
+  camelcase@6.3.0: {}
+
+  caniuse-lite@1.0.30001700: {}
+
+  caniuse-lite@1.0.30001739: {}
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  chalk@5.4.1: {}
+
+  char-regex@1.0.2: {}
+
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+
+  ci-info@4.3.0: {}
 
-  chalk@4.1.2:
+  citty@0.1.6:
     dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
+      consola: 3.4.2
 
-  chalk@5.4.1: {}
+  cjs-module-lexer@2.1.0: {}
 
   class-variance-authority@0.7.1:
     dependencies:
@@ -4676,6 +8024,12 @@ snapshots:
 
   client-only@0.0.1: {}
 
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
   clsx@2.1.1: {}
 
   cmdk@1.0.0(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
@@ -4688,6 +8042,10 @@ snapshots:
       - '@types/react'
       - '@types/react-dom'
 
+  co@4.6.0: {}
+
+  collect-v8-coverage@1.0.2: {}
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -4712,12 +8070,27 @@ snapshots:
 
   concat-map@0.0.1: {}
 
+  confbox@0.2.2: {}
+
+  consola@3.4.2: {}
+
+  convert-source-map@2.0.0: {}
+
+  crelt@1.0.6: {}
+
   cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css.escape@1.5.1: {}
+
+  cssstyle@4.6.0:
+    dependencies:
+      '@asamuzakjp/css-color': 3.2.0
+      rrweb-cssom: 0.8.0
+
   csstype@3.1.3: {}
 
   d3-array@3.2.4:
@@ -4760,6 +8133,11 @@ snapshots:
 
   damerau-levenshtein@1.0.8: {}
 
+  data-urls@5.0.0:
+    dependencies:
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+
   data-view-buffer@1.0.2:
     dependencies:
       call-bound: 1.0.3
@@ -4790,8 +8168,16 @@ snapshots:
 
   decimal.js-light@2.5.1: {}
 
+  decimal.js@10.6.0: {}
+
+  dedent@1.6.0: {}
+
   deep-is@0.1.4: {}
 
+  deepmerge-ts@7.1.5: {}
+
+  deepmerge@4.3.1: {}
+
   define-data-property@1.1.4:
     dependencies:
       es-define-property: 1.0.1
@@ -4804,13 +8190,26 @@ snapshots:
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
+  defu@6.1.4: {}
+
+  dequal@2.0.3: {}
+
+  destr@2.0.5: {}
+
   detect-libc@1.0.3: {}
 
   detect-libc@2.0.3:
     optional: true
 
+  detect-newline@3.1.0: {}
+
   detect-node-es@1.1.0: {}
 
+  dezalgo@1.0.4:
+    dependencies:
+      asap: 2.0.6
+      wrappy: 1.0.2
+
   dnd-core@16.0.1:
     dependencies:
       '@react-dnd/asap': 5.0.2
@@ -4821,28 +8220,62 @@ snapshots:
     dependencies:
       esutils: 2.0.3
 
+  dom-accessibility-api@0.5.16: {}
+
+  dom-accessibility-api@0.6.3: {}
+
   dom-helpers@5.2.1:
     dependencies:
       '@babel/runtime': 7.26.9
       csstype: 3.1.3
 
+  dotenv@16.6.1: {}
+
   dunder-proto@1.0.1:
     dependencies:
       call-bind-apply-helpers: 1.0.2
       es-errors: 1.3.0
       gopd: 1.2.0
 
+  eastasianwidth@0.2.0: {}
+
+  effect@3.16.12:
+    dependencies:
+      '@standard-schema/spec': 1.0.0
+      fast-check: 3.23.2
+
+  effect@3.17.7:
+    dependencies:
+      '@standard-schema/spec': 1.0.0
+      fast-check: 3.23.2
+
+  electron-to-chromium@1.5.211: {}
+
+  emittery@0.13.1: {}
+
   emoji-regex@10.4.0: {}
 
+  emoji-regex@8.0.0: {}
+
   emoji-regex@9.2.2: {}
 
+  empathic@2.0.0: {}
+
   enhanced-resolve@5.18.1:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.2.1
 
+  entities@4.5.0: {}
+
+  entities@6.0.1: {}
+
   environment@1.1.0: {}
 
+  error-ex@1.3.2:
+    dependencies:
+      is-arrayish: 0.2.1
+
   es-abstract@1.23.9:
     dependencies:
       array-buffer-byte-length: 1.0.2
@@ -4941,6 +8374,39 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
+  esbuild@0.25.9:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.9
+      '@esbuild/android-arm': 0.25.9
+      '@esbuild/android-arm64': 0.25.9
+      '@esbuild/android-x64': 0.25.9
+      '@esbuild/darwin-arm64': 0.25.9
+      '@esbuild/darwin-x64': 0.25.9
+      '@esbuild/freebsd-arm64': 0.25.9
+      '@esbuild/freebsd-x64': 0.25.9
+      '@esbuild/linux-arm': 0.25.9
+      '@esbuild/linux-arm64': 0.25.9
+      '@esbuild/linux-ia32': 0.25.9
+      '@esbuild/linux-loong64': 0.25.9
+      '@esbuild/linux-mips64el': 0.25.9
+      '@esbuild/linux-ppc64': 0.25.9
+      '@esbuild/linux-riscv64': 0.25.9
+      '@esbuild/linux-s390x': 0.25.9
+      '@esbuild/linux-x64': 0.25.9
+      '@esbuild/netbsd-arm64': 0.25.9
+      '@esbuild/netbsd-x64': 0.25.9
+      '@esbuild/openbsd-arm64': 0.25.9
+      '@esbuild/openbsd-x64': 0.25.9
+      '@esbuild/openharmony-arm64': 0.25.9
+      '@esbuild/sunos-x64': 0.25.9
+      '@esbuild/win32-arm64': 0.25.9
+      '@esbuild/win32-ia32': 0.25.9
+      '@esbuild/win32-x64': 0.25.9
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@2.0.0: {}
+
   escape-string-regexp@4.0.0: {}
 
   eslint-config-next@15.2.4(eslint@9.21.0(jiti@2.4.2))(typescript@5.7.3):
@@ -5140,6 +8606,8 @@ snapshots:
       acorn-jsx: 5.3.2(acorn@8.14.0)
       eslint-visitor-keys: 4.2.0
 
+  esprima@4.0.1: {}
+
   esquery@1.6.0:
     dependencies:
       estraverse: 5.3.0
@@ -5156,6 +8624,18 @@ snapshots:
 
   eventemitter3@5.0.1: {}
 
+  execa@5.1.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+
   execa@8.0.1:
     dependencies:
       cross-spawn: 7.0.6
@@ -5168,6 +8648,23 @@ snapshots:
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
 
+  exit-x@0.2.2: {}
+
+  expect@30.1.2:
+    dependencies:
+      '@jest/expect-utils': 30.1.2
+      '@jest/get-type': 30.1.0
+      jest-matcher-utils: 30.1.2
+      jest-message-util: 30.1.0
+      jest-mock: 30.0.5
+      jest-util: 30.0.5
+
+  exsolve@1.0.7: {}
+
+  fast-check@3.23.2:
+    dependencies:
+      pure-rand: 6.1.0
+
   fast-deep-equal@3.1.3: {}
 
   fast-diff@1.3.0: {}
@@ -5198,6 +8695,10 @@ snapshots:
     dependencies:
       reusify: 1.1.0
 
+  fb-watchman@2.0.2:
+    dependencies:
+      bser: 2.1.1
+
   fdir@6.4.3(picomatch@4.0.2):
     optionalDependencies:
       picomatch: 4.0.2
@@ -5210,6 +8711,13 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
+  find-my-way-ts@0.1.6: {}
+
+  find-up@4.1.0:
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+
   find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
@@ -5226,6 +8734,17 @@ snapshots:
     dependencies:
       is-callable: 1.2.7
 
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
+  formidable@3.5.4:
+    dependencies:
+      '@paralleldrive/cuid2': 2.2.2
+      dezalgo: 1.0.4
+      once: 1.4.0
+
   framer-motion@12.4.10(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       motion-dom: 12.4.10
@@ -5235,6 +8754,14 @@ snapshots:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
+  fs.realpath@1.0.0: {}
+
+  fsevents@2.3.2:
+    optional: true
+
+  fsevents@2.3.3:
+    optional: true
+
   function-bind@1.1.2: {}
 
   function.prototype.name@1.1.8:
@@ -5248,6 +8775,10 @@ snapshots:
 
   functions-have-names@1.2.3: {}
 
+  gensync@1.0.0-beta.2: {}
+
+  get-caller-file@2.0.5: {}
+
   get-east-asian-width@1.3.0: {}
 
   get-intrinsic@1.3.0:
@@ -5265,11 +8796,15 @@ snapshots:
 
   get-nonce@1.0.1: {}
 
+  get-package-type@0.1.0: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
       es-object-atoms: 1.1.1
 
+  get-stream@6.0.1: {}
+
   get-stream@8.0.1: {}
 
   get-symbol-description@1.1.0:
@@ -5282,6 +8817,15 @@ snapshots:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
+  giget@2.0.0:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.4.2
+      defu: 6.1.4
+      node-fetch-native: 1.6.7
+      nypm: 0.6.1
+      pathe: 2.0.3
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -5290,6 +8834,24 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
+  glob@10.4.5:
+    dependencies:
+      foreground-child: 3.3.1
+      jackspeak: 3.4.3
+      minimatch: 9.0.5
+      minipass: 7.1.2
+      package-json-from-dist: 1.0.1
+      path-scurry: 1.11.1
+
+  glob@7.2.3:
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+
   globals@14.0.0: {}
 
   globalthis@1.0.4:
@@ -5329,10 +8891,36 @@ snapshots:
     dependencies:
       react-is: 16.13.1
 
+  html-encoding-sniffer@4.0.0:
+    dependencies:
+      whatwg-encoding: 3.1.1
+
+  html-escaper@2.0.2: {}
+
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.0
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.0
+    transitivePeerDependencies:
+      - supports-color
+
+  human-signals@2.1.0: {}
+
   human-signals@5.0.0: {}
 
   husky@9.1.7: {}
 
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
   ignore@5.3.2: {}
 
   import-fresh@3.3.1:
@@ -5340,8 +8928,22 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
+  import-local@3.2.0:
+    dependencies:
+      pkg-dir: 4.2.0
+      resolve-cwd: 3.0.0
+
   imurmurhash@0.1.4: {}
 
+  indent-string@4.0.0: {}
+
+  inflight@1.0.6:
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+
+  inherits@2.0.4: {}
+
   internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
@@ -5350,12 +8952,21 @@ snapshots:
 
   internmap@2.0.3: {}
 
+  intl-messageformat@10.7.16:
+    dependencies:
+      '@formatjs/ecma402-abstract': 2.3.4
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/icu-messageformat-parser': 2.11.2
+      tslib: 2.8.1
+
   is-array-buffer@3.0.5:
     dependencies:
       call-bind: 1.0.8
       call-bound: 1.0.3
       get-intrinsic: 1.3.0
 
+  is-arrayish@0.2.1: {}
+
   is-arrayish@0.3.2:
     optional: true
 
@@ -5403,12 +9014,16 @@ snapshots:
     dependencies:
       call-bound: 1.0.3
 
+  is-fullwidth-code-point@3.0.0: {}
+
   is-fullwidth-code-point@4.0.0: {}
 
   is-fullwidth-code-point@5.0.0:
     dependencies:
       get-east-asian-width: 1.3.0
 
+  is-generator-fn@2.1.0: {}
+
   is-generator-function@1.1.0:
     dependencies:
       call-bound: 1.0.3
@@ -5429,6 +9044,8 @@ snapshots:
 
   is-number@7.0.0: {}
 
+  is-potential-custom-element-name@1.0.1: {}
+
   is-regex@1.2.1:
     dependencies:
       call-bound: 1.0.3
@@ -5442,6 +9059,8 @@ snapshots:
     dependencies:
       call-bound: 1.0.3
 
+  is-stream@2.0.1: {}
+
   is-stream@3.0.0: {}
 
   is-string@1.1.1:
@@ -5474,6 +9093,37 @@ snapshots:
 
   isexe@2.0.0: {}
 
+  istanbul-lib-coverage@3.2.2: {}
+
+  istanbul-lib-instrument@6.0.3:
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/parser': 7.28.3
+      '@istanbuljs/schema': 0.1.3
+      istanbul-lib-coverage: 3.2.2
+      semver: 7.7.1
+    transitivePeerDependencies:
+      - supports-color
+
+  istanbul-lib-report@3.0.1:
+    dependencies:
+      istanbul-lib-coverage: 3.2.2
+      make-dir: 4.0.0
+      supports-color: 7.2.0
+
+  istanbul-lib-source-maps@5.0.6:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.30
+      debug: 4.4.0
+      istanbul-lib-coverage: 3.2.2
+    transitivePeerDependencies:
+      - supports-color
+
+  istanbul-reports@3.2.0:
+    dependencies:
+      html-escaper: 2.0.2
+      istanbul-lib-report: 3.0.1
+
   iterator.prototype@1.1.5:
     dependencies:
       define-data-property: 1.1.4
@@ -5483,16 +9133,383 @@ snapshots:
       has-symbols: 1.1.0
       set-function-name: 2.0.2
 
+  jackspeak@3.4.3:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  jest-changed-files@30.0.5:
+    dependencies:
+      execa: 5.1.1
+      jest-util: 30.0.5
+      p-limit: 3.1.0
+
+  jest-circus@30.1.2:
+    dependencies:
+      '@jest/environment': 30.1.2
+      '@jest/expect': 30.1.2
+      '@jest/test-result': 30.1.2
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      chalk: 4.1.2
+      co: 4.6.0
+      dedent: 1.6.0
+      is-generator-fn: 2.1.0
+      jest-each: 30.1.0
+      jest-matcher-utils: 30.1.2
+      jest-message-util: 30.1.0
+      jest-runtime: 30.1.2
+      jest-snapshot: 30.1.2
+      jest-util: 30.0.5
+      p-limit: 3.1.0
+      pretty-format: 30.0.5
+      pure-rand: 7.0.1
+      slash: 3.0.0
+      stack-utils: 2.0.6
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - supports-color
+
+  jest-cli@30.1.2(@types/node@20.17.19):
+    dependencies:
+      '@jest/core': 30.1.2
+      '@jest/test-result': 30.1.2
+      '@jest/types': 30.0.5
+      chalk: 4.1.2
+      exit-x: 0.2.2
+      import-local: 3.2.0
+      jest-config: 30.1.2(@types/node@20.17.19)
+      jest-util: 30.0.5
+      jest-validate: 30.1.0
+      yargs: 17.7.2
+    transitivePeerDependencies:
+      - '@types/node'
+      - babel-plugin-macros
+      - esbuild-register
+      - supports-color
+      - ts-node
+
+  jest-config@30.1.2(@types/node@20.17.19):
+    dependencies:
+      '@babel/core': 7.28.3
+      '@jest/get-type': 30.1.0
+      '@jest/pattern': 30.0.1
+      '@jest/test-sequencer': 30.1.2
+      '@jest/types': 30.0.5
+      babel-jest: 30.1.2(@babel/core@7.28.3)
+      chalk: 4.1.2
+      ci-info: 4.3.0
+      deepmerge: 4.3.1
+      glob: 10.4.5
+      graceful-fs: 4.2.11
+      jest-circus: 30.1.2
+      jest-docblock: 30.0.1
+      jest-environment-node: 30.1.2
+      jest-regex-util: 30.0.1
+      jest-resolve: 30.1.0
+      jest-runner: 30.1.2
+      jest-util: 30.0.5
+      jest-validate: 30.1.0
+      micromatch: 4.0.8
+      parse-json: 5.2.0
+      pretty-format: 30.0.5
+      slash: 3.0.0
+      strip-json-comments: 3.1.1
+    optionalDependencies:
+      '@types/node': 20.17.19
+    transitivePeerDependencies:
+      - babel-plugin-macros
+      - supports-color
+
+  jest-diff@30.1.2:
+    dependencies:
+      '@jest/diff-sequences': 30.0.1
+      '@jest/get-type': 30.1.0
+      chalk: 4.1.2
+      pretty-format: 30.0.5
+
+  jest-docblock@30.0.1:
+    dependencies:
+      detect-newline: 3.1.0
+
+  jest-each@30.1.0:
+    dependencies:
+      '@jest/get-type': 30.1.0
+      '@jest/types': 30.0.5
+      chalk: 4.1.2
+      jest-util: 30.0.5
+      pretty-format: 30.0.5
+
+  jest-environment-jsdom@30.1.2:
+    dependencies:
+      '@jest/environment': 30.1.2
+      '@jest/environment-jsdom-abstract': 30.1.2(jsdom@26.1.0)
+      '@types/jsdom': 21.1.7
+      '@types/node': 20.17.19
+      jsdom: 26.1.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  jest-environment-node@30.1.2:
+    dependencies:
+      '@jest/environment': 30.1.2
+      '@jest/fake-timers': 30.1.2
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      jest-mock: 30.0.5
+      jest-util: 30.0.5
+      jest-validate: 30.1.0
+
+  jest-haste-map@30.1.0:
+    dependencies:
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      anymatch: 3.1.3
+      fb-watchman: 2.0.2
+      graceful-fs: 4.2.11
+      jest-regex-util: 30.0.1
+      jest-util: 30.0.5
+      jest-worker: 30.1.0
+      micromatch: 4.0.8
+      walker: 1.0.8
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  jest-leak-detector@30.1.0:
+    dependencies:
+      '@jest/get-type': 30.1.0
+      pretty-format: 30.0.5
+
+  jest-matcher-utils@30.1.2:
+    dependencies:
+      '@jest/get-type': 30.1.0
+      chalk: 4.1.2
+      jest-diff: 30.1.2
+      pretty-format: 30.0.5
+
+  jest-message-util@30.1.0:
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@jest/types': 30.0.5
+      '@types/stack-utils': 2.0.3
+      chalk: 4.1.2
+      graceful-fs: 4.2.11
+      micromatch: 4.0.8
+      pretty-format: 30.0.5
+      slash: 3.0.0
+      stack-utils: 2.0.6
+
+  jest-mock@30.0.5:
+    dependencies:
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      jest-util: 30.0.5
+
+  jest-pnp-resolver@1.2.3(jest-resolve@30.1.0):
+    optionalDependencies:
+      jest-resolve: 30.1.0
+
+  jest-regex-util@30.0.1: {}
+
+  jest-resolve-dependencies@30.1.2:
+    dependencies:
+      jest-regex-util: 30.0.1
+      jest-snapshot: 30.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  jest-resolve@30.1.0:
+    dependencies:
+      chalk: 4.1.2
+      graceful-fs: 4.2.11
+      jest-haste-map: 30.1.0
+      jest-pnp-resolver: 1.2.3(jest-resolve@30.1.0)
+      jest-util: 30.0.5
+      jest-validate: 30.1.0
+      slash: 3.0.0
+      unrs-resolver: 1.11.1
+
+  jest-runner@30.1.2:
+    dependencies:
+      '@jest/console': 30.1.2
+      '@jest/environment': 30.1.2
+      '@jest/test-result': 30.1.2
+      '@jest/transform': 30.1.2
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      chalk: 4.1.2
+      emittery: 0.13.1
+      exit-x: 0.2.2
+      graceful-fs: 4.2.11
+      jest-docblock: 30.0.1
+      jest-environment-node: 30.1.2
+      jest-haste-map: 30.1.0
+      jest-leak-detector: 30.1.0
+      jest-message-util: 30.1.0
+      jest-resolve: 30.1.0
+      jest-runtime: 30.1.2
+      jest-util: 30.0.5
+      jest-watcher: 30.1.2
+      jest-worker: 30.1.0
+      p-limit: 3.1.0
+      source-map-support: 0.5.13
+    transitivePeerDependencies:
+      - supports-color
+
+  jest-runtime@30.1.2:
+    dependencies:
+      '@jest/environment': 30.1.2
+      '@jest/fake-timers': 30.1.2
+      '@jest/globals': 30.1.2
+      '@jest/source-map': 30.0.1
+      '@jest/test-result': 30.1.2
+      '@jest/transform': 30.1.2
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      chalk: 4.1.2
+      cjs-module-lexer: 2.1.0
+      collect-v8-coverage: 1.0.2
+      glob: 10.4.5
+      graceful-fs: 4.2.11
+      jest-haste-map: 30.1.0
+      jest-message-util: 30.1.0
+      jest-mock: 30.0.5
+      jest-regex-util: 30.0.1
+      jest-resolve: 30.1.0
+      jest-snapshot: 30.1.2
+      jest-util: 30.0.5
+      slash: 3.0.0
+      strip-bom: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  jest-snapshot@30.1.2:
+    dependencies:
+      '@babel/core': 7.28.3
+      '@babel/generator': 7.28.3
+      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.3)
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.3)
+      '@babel/types': 7.28.2
+      '@jest/expect-utils': 30.1.2
+      '@jest/get-type': 30.1.0
+      '@jest/snapshot-utils': 30.1.2
+      '@jest/transform': 30.1.2
+      '@jest/types': 30.0.5
+      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.28.3)
+      chalk: 4.1.2
+      expect: 30.1.2
+      graceful-fs: 4.2.11
+      jest-diff: 30.1.2
+      jest-matcher-utils: 30.1.2
+      jest-message-util: 30.1.0
+      jest-util: 30.0.5
+      pretty-format: 30.0.5
+      semver: 7.7.2
+      synckit: 0.11.11
+    transitivePeerDependencies:
+      - supports-color
+
+  jest-util@30.0.5:
+    dependencies:
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      chalk: 4.1.2
+      ci-info: 4.3.0
+      graceful-fs: 4.2.11
+      picomatch: 4.0.2
+
+  jest-validate@30.1.0:
+    dependencies:
+      '@jest/get-type': 30.1.0
+      '@jest/types': 30.0.5
+      camelcase: 6.3.0
+      chalk: 4.1.2
+      leven: 3.1.0
+      pretty-format: 30.0.5
+
+  jest-watcher@30.1.2:
+    dependencies:
+      '@jest/test-result': 30.1.2
+      '@jest/types': 30.0.5
+      '@types/node': 20.17.19
+      ansi-escapes: 4.3.2
+      chalk: 4.1.2
+      emittery: 0.13.1
+      jest-util: 30.0.5
+      string-length: 4.0.2
+
+  jest-worker@30.1.0:
+    dependencies:
+      '@types/node': 20.17.19
+      '@ungap/structured-clone': 1.3.0
+      jest-util: 30.0.5
+      merge-stream: 2.0.0
+      supports-color: 8.1.1
+
+  jest@30.1.2(@types/node@20.17.19):
+    dependencies:
+      '@jest/core': 30.1.2
+      '@jest/types': 30.0.5
+      import-local: 3.2.0
+      jest-cli: 30.1.2(@types/node@20.17.19)
+    transitivePeerDependencies:
+      - '@types/node'
+      - babel-plugin-macros
+      - esbuild-register
+      - supports-color
+      - ts-node
+
   jiti@2.4.2: {}
 
+  jose@6.1.0: {}
+
   js-tokens@4.0.0: {}
 
+  js-yaml@3.14.1:
+    dependencies:
+      argparse: 1.0.10
+      esprima: 4.0.1
+
   js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
 
+  jsdom@26.1.0:
+    dependencies:
+      cssstyle: 4.6.0
+      data-urls: 5.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      is-potential-custom-element-name: 1.0.1
+      nwsapi: 2.2.21
+      parse5: 7.3.0
+      rrweb-cssom: 0.8.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 5.1.2
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+      ws: 8.18.3
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  jsesc@3.1.0: {}
+
   json-buffer@3.0.1: {}
 
+  json-parse-even-better-errors@2.3.1: {}
+
   json-schema-traverse@0.4.1: {}
 
   json-stable-stringify-without-jsonify@1.0.1: {}
@@ -5501,6 +9518,8 @@ snapshots:
     dependencies:
       minimist: 1.2.8
 
+  json5@2.2.3: {}
+
   jsx-ast-utils@3.3.5:
     dependencies:
       array-includes: 3.1.8
@@ -5518,6 +9537,8 @@ snapshots:
     dependencies:
       language-subtag-registry: 0.3.23
 
+  leven@3.1.0: {}
+
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
@@ -5570,6 +9591,14 @@ snapshots:
 
   lilconfig@3.1.3: {}
 
+  lines-and-columns@1.2.4: {}
+
+  linkify-it@5.0.0:
+    dependencies:
+      uc.micro: 2.1.0
+
+  linkifyjs@4.3.2: {}
+
   lint-staged@15.4.3:
     dependencies:
       chalk: 5.4.1
@@ -5594,6 +9623,10 @@ snapshots:
       rfdc: 1.4.1
       wrap-ansi: 9.0.0
 
+  locate-path@5.0.0:
+    dependencies:
+      p-locate: 4.1.0
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
@@ -5616,12 +9649,39 @@ snapshots:
     dependencies:
       js-tokens: 4.0.0
 
+  lru-cache@10.4.3: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
   lucide-react@0.476.0(react@19.0.0):
     dependencies:
       react: 19.0.0
 
+  lz-string@1.5.0: {}
+
+  make-dir@4.0.0:
+    dependencies:
+      semver: 7.7.1
+
+  makeerror@1.0.12:
+    dependencies:
+      tmpl: 1.0.5
+
+  markdown-it@14.1.0:
+    dependencies:
+      argparse: 2.0.1
+      entities: 4.5.0
+      linkify-it: 5.0.0
+      mdurl: 2.0.0
+      punycode.js: 2.3.1
+      uc.micro: 2.1.0
+
   math-intrinsics@1.1.0: {}
 
+  mdurl@2.0.0: {}
+
   merge-stream@2.0.0: {}
 
   merge2@1.4.1: {}
@@ -5631,10 +9691,14 @@ snapshots:
       braces: 3.0.3
       picomatch: 2.3.1
 
+  mimic-fn@2.1.0: {}
+
   mimic-fn@4.0.0: {}
 
   mimic-function@5.0.1: {}
 
+  min-indent@1.0.1: {}
+
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
@@ -5645,6 +9709,8 @@ snapshots:
 
   minimist@1.2.8: {}
 
+  minipass@7.1.2: {}
+
   motion-dom@12.4.10:
     dependencies:
       motion-utils: 12.4.10
@@ -5661,16 +9727,54 @@ snapshots:
 
   ms@2.1.3: {}
 
+  msgpackr-extract@3.0.3:
+    dependencies:
+      node-gyp-build-optional-packages: 5.2.2
+    optionalDependencies:
+      '@msgpackr-extract/msgpackr-extract-darwin-arm64': 3.0.3
+      '@msgpackr-extract/msgpackr-extract-darwin-x64': 3.0.3
+      '@msgpackr-extract/msgpackr-extract-linux-arm': 3.0.3
+      '@msgpackr-extract/msgpackr-extract-linux-arm64': 3.0.3
+      '@msgpackr-extract/msgpackr-extract-linux-x64': 3.0.3
+      '@msgpackr-extract/msgpackr-extract-win32-x64': 3.0.3
+    optional: true
+
+  msgpackr@1.11.5:
+    optionalDependencies:
+      msgpackr-extract: 3.0.3
+
+  multipasta@0.2.7: {}
+
   nanoid@3.3.8: {}
 
+  napi-postinstall@0.3.3: {}
+
   natural-compare@1.4.0: {}
 
+  negotiator@1.0.0: {}
+
+  next-auth@5.0.0-beta.29(next@15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0):
+    dependencies:
+      '@auth/core': 0.40.0
+      next: 15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+
+  next-intl@4.3.5(next@15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react@19.0.0)(typescript@5.7.3):
+    dependencies:
+      '@formatjs/intl-localematcher': 0.5.10
+      negotiator: 1.0.0
+      next: 15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      use-intl: 4.3.5(react@19.0.0)
+    optionalDependencies:
+      typescript: 5.7.3
+
   next-themes@0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
 
-  next@15.2.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  next@15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@next/env': 15.2.4
       '@swc/counter': 0.1.3
@@ -5680,7 +9784,7 @@ snapshots:
       postcss: 8.4.31
       react: 19.0.0
       react-dom: 19.0.0(react@19.0.0)
-      styled-jsx: 5.1.6(react@19.0.0)
+      styled-jsx: 5.1.6(@babel/core@7.28.3)(react@19.0.0)
     optionalDependencies:
       '@next/swc-darwin-arm64': 15.2.4
       '@next/swc-darwin-x64': 15.2.4
@@ -5690,15 +9794,45 @@ snapshots:
       '@next/swc-linux-x64-musl': 15.2.4
       '@next/swc-win32-arm64-msvc': 15.2.4
       '@next/swc-win32-x64-msvc': 15.2.4
+      '@playwright/test': 1.55.0
       sharp: 0.33.5
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
 
+  node-fetch-native@1.6.7: {}
+
+  node-gyp-build-optional-packages@5.2.2:
+    dependencies:
+      detect-libc: 2.0.3
+    optional: true
+
+  node-int64@0.4.0: {}
+
+  node-releases@2.0.19: {}
+
+  normalize-path@3.0.0: {}
+
+  npm-run-path@4.0.1:
+    dependencies:
+      path-key: 3.1.1
+
   npm-run-path@5.3.0:
     dependencies:
       path-key: 4.0.0
 
+  nwsapi@2.2.21: {}
+
+  nypm@0.6.1:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.4.2
+      pathe: 2.0.3
+      pkg-types: 2.3.0
+      tinyexec: 1.0.1
+
+  oauth4webapi@3.8.1: {}
+
   object-assign@4.1.1: {}
 
   object-inspect@1.13.4: {}
@@ -5740,6 +9874,16 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
+  ohash@2.0.11: {}
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  onetime@5.1.2:
+    dependencies:
+      mimic-fn: 2.1.0
+
   onetime@6.0.0:
     dependencies:
       mimic-fn: 4.0.0
@@ -5748,6 +9892,11 @@ snapshots:
     dependencies:
       mimic-function: 5.0.1
 
+  openai@5.16.0(ws@8.18.3)(zod@3.24.2):
+    optionalDependencies:
+      ws: 8.18.3
+      zod: 3.24.2
+
   optionator@0.9.4:
     dependencies:
       deep-is: 0.1.4
@@ -5757,32 +9906,68 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.5
 
+  orderedmap@2.1.1: {}
+
   own-keys@1.0.1:
     dependencies:
       get-intrinsic: 1.3.0
       object-keys: 1.1.1
       safe-push-apply: 1.0.0
 
+  p-limit@2.3.0:
+    dependencies:
+      p-try: 2.2.0
+
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
 
+  p-locate@4.1.0:
+    dependencies:
+      p-limit: 2.3.0
+
   p-locate@5.0.0:
     dependencies:
       p-limit: 3.1.0
 
+  p-try@2.2.0: {}
+
+  package-json-from-dist@1.0.1: {}
+
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
 
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
+
   path-exists@4.0.0: {}
 
+  path-is-absolute@1.0.1: {}
+
   path-key@3.1.1: {}
 
   path-key@4.0.0: {}
 
   path-parse@1.0.7: {}
 
+  path-scurry@1.11.1:
+    dependencies:
+      lru-cache: 10.4.3
+      minipass: 7.1.2
+
+  pathe@2.0.3: {}
+
+  perfect-debounce@1.0.0: {}
+
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -5791,6 +9976,26 @@ snapshots:
 
   pidtree@0.6.0: {}
 
+  pirates@4.0.7: {}
+
+  pkg-dir@4.2.0:
+    dependencies:
+      find-up: 4.1.0
+
+  pkg-types@2.3.0:
+    dependencies:
+      confbox: 0.2.2
+      exsolve: 1.0.7
+      pathe: 2.0.3
+
+  playwright-core@1.55.0: {}
+
+  playwright@1.55.0:
+    dependencies:
+      playwright-core: 1.55.0
+    optionalDependencies:
+      fsevents: 2.3.2
+
   possible-typed-array-names@1.1.0: {}
 
   postcss@8.4.31:
@@ -5805,6 +10010,12 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  preact-render-to-string@6.5.11(preact@10.24.3):
+    dependencies:
+      preact: 10.24.3
+
+  preact@10.24.3: {}
+
   prelude-ls@1.2.1: {}
 
   prettier-linter-helpers@1.0.0:
@@ -5813,16 +10024,151 @@ snapshots:
 
   prettier@3.5.2: {}
 
+  pretty-format@27.5.1:
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+
+  pretty-format@30.0.5:
+    dependencies:
+      '@jest/schemas': 30.0.5
+      ansi-styles: 5.2.0
+      react-is: 18.3.1
+
+  prisma@6.15.0(typescript@5.7.3):
+    dependencies:
+      '@prisma/config': 6.15.0
+      '@prisma/engines': 6.15.0
+    optionalDependencies:
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - magicast
+
   prop-types@15.8.1:
     dependencies:
       loose-envify: 1.4.0
       object-assign: 4.1.1
       react-is: 16.13.1
 
+  prosemirror-changeset@2.3.1:
+    dependencies:
+      prosemirror-transform: 1.10.4
+
+  prosemirror-collab@1.3.1:
+    dependencies:
+      prosemirror-state: 1.4.3
+
+  prosemirror-commands@1.7.1:
+    dependencies:
+      prosemirror-model: 1.25.3
+      prosemirror-state: 1.4.3
+      prosemirror-transform: 1.10.4
+
+  prosemirror-dropcursor@1.8.2:
+    dependencies:
+      prosemirror-state: 1.4.3
+      prosemirror-transform: 1.10.4
+      prosemirror-view: 1.40.1
+
+  prosemirror-gapcursor@1.3.2:
+    dependencies:
+      prosemirror-keymap: 1.2.3
+      prosemirror-model: 1.25.3
+      prosemirror-state: 1.4.3
+      prosemirror-view: 1.40.1
+
+  prosemirror-history@1.4.1:
+    dependencies:
+      prosemirror-state: 1.4.3
+      prosemirror-transform: 1.10.4
+      prosemirror-view: 1.40.1
+      rope-sequence: 1.3.4
+
+  prosemirror-inputrules@1.5.0:
+    dependencies:
+      prosemirror-state: 1.4.3
+      prosemirror-transform: 1.10.4
+
+  prosemirror-keymap@1.2.3:
+    dependencies:
+      prosemirror-state: 1.4.3
+      w3c-keyname: 2.2.8
+
+  prosemirror-markdown@1.13.2:
+    dependencies:
+      '@types/markdown-it': 14.1.2
+      markdown-it: 14.1.0
+      prosemirror-model: 1.25.3
+
+  prosemirror-menu@1.2.5:
+    dependencies:
+      crelt: 1.0.6
+      prosemirror-commands: 1.7.1
+      prosemirror-history: 1.4.1
+      prosemirror-state: 1.4.3
+
+  prosemirror-model@1.25.3:
+    dependencies:
+      orderedmap: 2.1.1
+
+  prosemirror-schema-basic@1.2.4:
+    dependencies:
+      prosemirror-model: 1.25.3
+
+  prosemirror-schema-list@1.5.1:
+    dependencies:
+      prosemirror-model: 1.25.3
+      prosemirror-state: 1.4.3
+      prosemirror-transform: 1.10.4
+
+  prosemirror-state@1.4.3:
+    dependencies:
+      prosemirror-model: 1.25.3
+      prosemirror-transform: 1.10.4
+      prosemirror-view: 1.40.1
+
+  prosemirror-tables@1.8.1:
+    dependencies:
+      prosemirror-keymap: 1.2.3
+      prosemirror-model: 1.25.3
+      prosemirror-state: 1.4.3
+      prosemirror-transform: 1.10.4
+      prosemirror-view: 1.40.1
+
+  prosemirror-trailing-node@3.0.0(prosemirror-model@1.25.3)(prosemirror-state@1.4.3)(prosemirror-view@1.40.1):
+    dependencies:
+      '@remirror/core-constants': 3.0.0
+      escape-string-regexp: 4.0.0
+      prosemirror-model: 1.25.3
+      prosemirror-state: 1.4.3
+      prosemirror-view: 1.40.1
+
+  prosemirror-transform@1.10.4:
+    dependencies:
+      prosemirror-model: 1.25.3
+
+  prosemirror-view@1.40.1:
+    dependencies:
+      prosemirror-model: 1.25.3
+      prosemirror-state: 1.4.3
+      prosemirror-transform: 1.10.4
+
+  punycode.js@2.3.1: {}
+
   punycode@2.3.1: {}
 
+  pure-rand@6.1.0: {}
+
+  pure-rand@7.0.1: {}
+
   queue-microtask@1.2.3: {}
 
+  rc9@2.1.2:
+    dependencies:
+      defu: 6.1.4
+      destr: 2.0.5
+
   react-day-picker@8.10.1(date-fns@4.1.0)(react@19.0.0):
     dependencies:
       date-fns: 4.1.0
@@ -5859,6 +10205,8 @@ snapshots:
 
   react-is@16.13.1: {}
 
+  react-is@17.0.2: {}
+
   react-is@18.3.1: {}
 
   react-remove-scroll-bar@2.3.8(@types/react@19.0.10)(react@19.0.0):
@@ -5923,6 +10271,8 @@ snapshots:
 
   react@19.0.0: {}
 
+  readdirp@4.1.2: {}
+
   recharts-scale@0.4.5:
     dependencies:
       decimal.js-light: 2.5.1
@@ -5940,6 +10290,11 @@ snapshots:
       tiny-invariant: 1.3.3
       victory-vendor: 36.9.2
 
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
   redux@4.2.1:
     dependencies:
       '@babel/runtime': 7.26.9
@@ -5966,8 +10321,16 @@ snapshots:
       gopd: 1.2.0
       set-function-name: 2.0.2
 
+  require-directory@2.1.1: {}
+
+  resolve-cwd@3.0.0:
+    dependencies:
+      resolve-from: 5.0.0
+
   resolve-from@4.0.0: {}
 
+  resolve-from@5.0.0: {}
+
   resolve-pkg-maps@1.0.0: {}
 
   resolve@1.22.10:
@@ -5991,6 +10354,10 @@ snapshots:
 
   rfdc@1.4.1: {}
 
+  rope-sequence@1.3.4: {}
+
+  rrweb-cssom@0.8.0: {}
+
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
@@ -6014,12 +10381,20 @@ snapshots:
       es-errors: 1.3.0
       is-regex: 1.2.1
 
+  safer-buffer@2.1.2: {}
+
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
   scheduler@0.25.0: {}
 
   semver@6.3.1: {}
 
   semver@7.7.1: {}
 
+  semver@7.7.2: {}
+
   set-function-length@1.2.2:
     dependencies:
       define-data-property: 1.1.4
@@ -6103,6 +10478,8 @@ snapshots:
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
 
+  signal-exit@3.0.7: {}
+
   signal-exit@4.1.0: {}
 
   simple-swizzle@0.2.2:
@@ -6110,6 +10487,8 @@ snapshots:
       is-arrayish: 0.3.2
     optional: true
 
+  slash@3.0.0: {}
+
   slice-ansi@5.0.0:
     dependencies:
       ansi-styles: 6.2.1
@@ -6127,12 +10506,44 @@ snapshots:
 
   source-map-js@1.2.1: {}
 
+  source-map-support@0.5.13:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map@0.6.1: {}
+
+  sprintf-js@1.0.3: {}
+
+  sqids@0.3.0: {}
+
   stable-hash@0.0.4: {}
 
+  stack-utils@2.0.6:
+    dependencies:
+      escape-string-regexp: 2.0.0
+
   streamsearch@1.1.0: {}
 
   string-argv@0.3.2: {}
 
+  string-length@4.0.2:
+    dependencies:
+      char-regex: 1.0.2
+      strip-ansi: 6.0.1
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@5.1.2:
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
+
   string-width@7.2.0:
     dependencies:
       emoji-regex: 10.4.0
@@ -6189,27 +10600,51 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
   strip-ansi@7.1.0:
     dependencies:
       ansi-regex: 6.1.0
 
   strip-bom@3.0.0: {}
 
+  strip-bom@4.0.0: {}
+
+  strip-final-newline@2.0.0: {}
+
   strip-final-newline@3.0.0: {}
 
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
   strip-json-comments@3.1.1: {}
 
-  styled-jsx@5.1.6(react@19.0.0):
+  styled-jsx@5.1.6(@babel/core@7.28.3)(react@19.0.0):
     dependencies:
       client-only: 0.0.1
       react: 19.0.0
+    optionalDependencies:
+      '@babel/core': 7.28.3
 
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
+  supports-color@8.1.1:
+    dependencies:
+      has-flag: 4.0.0
+
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  symbol-tree@3.2.4: {}
+
+  synckit@0.11.11:
+    dependencies:
+      '@pkgr/core': 0.2.9
+
   synckit@0.9.2:
     dependencies:
       '@pkgr/core': 0.1.1
@@ -6225,17 +10660,41 @@ snapshots:
 
   tapable@2.2.1: {}
 
+  test-exclude@6.0.0:
+    dependencies:
+      '@istanbuljs/schema': 0.1.3
+      glob: 7.2.3
+      minimatch: 3.1.2
+
   tiny-invariant@1.3.3: {}
 
+  tinyexec@1.0.1: {}
+
   tinyglobby@0.2.12:
     dependencies:
       fdir: 6.4.3(picomatch@4.0.2)
       picomatch: 4.0.2
 
+  tldts-core@6.1.86: {}
+
+  tldts@6.1.86:
+    dependencies:
+      tldts-core: 6.1.86
+
+  tmpl@1.0.5: {}
+
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
+  tough-cookie@5.1.2:
+    dependencies:
+      tldts: 6.1.86
+
+  tr46@5.1.1:
+    dependencies:
+      punycode: 2.3.1
+
   ts-api-utils@2.0.1(typescript@5.7.3):
     dependencies:
       typescript: 5.7.3
@@ -6249,10 +10708,21 @@ snapshots:
 
   tslib@2.8.1: {}
 
+  tsx@4.20.5:
+    dependencies:
+      esbuild: 0.25.9
+      get-tsconfig: 4.10.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
+  type-detect@4.0.8: {}
+
+  type-fest@0.21.3: {}
+
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.3
@@ -6288,6 +10758,8 @@ snapshots:
 
   typescript@5.7.3: {}
 
+  uc.micro@2.1.0: {}
+
   unbox-primitive@1.1.0:
     dependencies:
       call-bound: 1.0.3
@@ -6297,6 +10769,47 @@ snapshots:
 
   undici-types@6.19.8: {}
 
+  unrs-resolver@1.11.1:
+    dependencies:
+      napi-postinstall: 0.3.3
+    optionalDependencies:
+      '@unrs/resolver-binding-android-arm-eabi': 1.11.1
+      '@unrs/resolver-binding-android-arm64': 1.11.1
+      '@unrs/resolver-binding-darwin-arm64': 1.11.1
+      '@unrs/resolver-binding-darwin-x64': 1.11.1
+      '@unrs/resolver-binding-freebsd-x64': 1.11.1
+      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.11.1
+      '@unrs/resolver-binding-linux-arm-musleabihf': 1.11.1
+      '@unrs/resolver-binding-linux-arm64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-arm64-musl': 1.11.1
+      '@unrs/resolver-binding-linux-ppc64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-riscv64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-riscv64-musl': 1.11.1
+      '@unrs/resolver-binding-linux-s390x-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-x64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-x64-musl': 1.11.1
+      '@unrs/resolver-binding-wasm32-wasi': 1.11.1
+      '@unrs/resolver-binding-win32-arm64-msvc': 1.11.1
+      '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
+      '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
+
+  update-browserslist-db@1.1.3(browserslist@4.25.4):
+    dependencies:
+      browserslist: 4.25.4
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uploadthing@7.7.4(next@15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(tailwindcss@4.0.8):
+    dependencies:
+      '@effect/platform': 0.90.3(effect@3.17.7)
+      '@standard-schema/spec': 1.0.0-beta.4
+      '@uploadthing/mime-types': 0.3.6
+      '@uploadthing/shared': 7.1.10
+      effect: 3.17.7
+    optionalDependencies:
+      next: 15.2.4(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      tailwindcss: 4.0.8
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
@@ -6308,6 +10821,13 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.10
 
+  use-intl@4.3.5(react@19.0.0):
+    dependencies:
+      '@formatjs/fast-memoize': 2.2.7
+      '@schummar/icu-type-parser': 1.21.5
+      intl-messageformat: 10.7.16
+      react: 19.0.0
+
   use-sidecar@1.1.3(@types/react@19.0.10)(react@19.0.0):
     dependencies:
       detect-node-es: 1.1.0
@@ -6316,6 +10836,10 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.10
 
+  use-sync-external-store@1.5.0(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+
   usehooks-ts@3.1.1(react@19.0.0):
     dependencies:
       lodash.debounce: 4.0.8
@@ -6323,6 +10847,12 @@ snapshots:
 
   uuid@11.1.0: {}
 
+  v8-to-istanbul@9.3.0:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.30
+      '@types/istanbul-lib-coverage': 2.0.6
+      convert-source-map: 2.0.0
+
   victory-vendor@36.9.2:
     dependencies:
       '@types/d3-array': 3.2.1
@@ -6340,6 +10870,29 @@ snapshots:
       d3-time: 3.1.0
       d3-timer: 3.0.1
 
+  w3c-keyname@2.2.8: {}
+
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  walker@1.0.8:
+    dependencies:
+      makeerror: 1.0.12
+
+  webidl-conversions@7.0.0: {}
+
+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+
+  whatwg-mimetype@4.0.0: {}
+
+  whatwg-url@14.2.0:
+    dependencies:
+      tr46: 5.1.1
+      webidl-conversions: 7.0.0
+
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -6386,19 +10939,61 @@ snapshots:
 
   word-wrap@1.2.5: {}
 
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@8.1.0:
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
+
   wrap-ansi@9.0.0:
     dependencies:
       ansi-styles: 6.2.1
       string-width: 7.2.0
       strip-ansi: 7.1.0
 
+  wrappy@1.0.2: {}
+
+  write-file-atomic@5.0.1:
+    dependencies:
+      imurmurhash: 0.1.4
+      signal-exit: 4.1.0
+
+  ws@8.18.3: {}
+
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
+  y18n@5.0.8: {}
+
+  yallist@3.1.1: {}
+
   yaml@2.7.0: {}
 
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
   yocto-queue@0.1.0: {}
 
   zod@3.24.2: {}
 
-  zustand@5.0.3(@types/react@19.0.10)(react@19.0.0):
+  zustand@5.0.3(@types/react@19.0.10)(react@19.0.0)(use-sync-external-store@1.5.0(react@19.0.0)):
     optionalDependencies:
       '@types/react': 19.0.10
       react: 19.0.0
+      use-sync-external-store: 1.5.0(react@19.0.0)
diff --git a/prisma/migrations/20250901064406_update_schema/migration.sql b/prisma/migrations/20250901064406_update_schema/migration.sql
new file mode 100644
index 00000000..0b1087af
--- /dev/null
+++ b/prisma/migrations/20250901064406_update_schema/migration.sql
@@ -0,0 +1,178 @@
+-- CreateEnum
+CREATE TYPE "public"."OrgRole" AS ENUM ('ADMIN', 'MEMBER');
+
+-- CreateTable
+CREATE TABLE "public"."User" (
+    "id" TEXT NOT NULL,
+    "name" TEXT,
+    "email" TEXT NOT NULL,
+    "emailVerified" TIMESTAMP(3),
+    "image" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "User_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."Account" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "type" TEXT NOT NULL,
+    "provider" TEXT NOT NULL,
+    "providerAccountId" TEXT NOT NULL,
+    "refresh_token" TEXT,
+    "access_token" TEXT,
+    "expires_at" INTEGER,
+    "token_type" TEXT,
+    "scope" TEXT,
+    "id_token" TEXT,
+    "session_state" TEXT,
+    "oauth_token_secret" TEXT,
+    "oauth_token" TEXT,
+
+    CONSTRAINT "Account_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."Session" (
+    "id" TEXT NOT NULL,
+    "sessionToken" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "expires" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Session_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."VerificationToken" (
+    "identifier" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "expires" TIMESTAMP(3) NOT NULL
+);
+
+-- CreateTable
+CREATE TABLE "public"."Organization" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Organization_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."Membership" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "organizationId" TEXT NOT NULL,
+    "role" "public"."OrgRole" NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Membership_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."Campaign" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "description" TEXT,
+    "organizationId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Campaign_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."Content" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "body" TEXT,
+    "campaignId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Content_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."Asset" (
+    "id" TEXT NOT NULL,
+    "url" TEXT NOT NULL,
+    "type" TEXT NOT NULL,
+    "contentId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Asset_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."Schedule" (
+    "id" TEXT NOT NULL,
+    "date" TIMESTAMP(3) NOT NULL,
+    "status" TEXT NOT NULL,
+    "campaignId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Schedule_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."AnalyticsEvent" (
+    "id" TEXT NOT NULL,
+    "event" TEXT NOT NULL,
+    "data" JSONB,
+    "userId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "AnalyticsEvent_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_email_key" ON "public"."User"("email");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Account_provider_providerAccountId_key" ON "public"."Account"("provider", "providerAccountId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Session_sessionToken_key" ON "public"."Session"("sessionToken");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "VerificationToken_token_key" ON "public"."VerificationToken"("token");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "VerificationToken_identifier_token_key" ON "public"."VerificationToken"("identifier", "token");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Membership_userId_organizationId_key" ON "public"."Membership"("userId", "organizationId");
+
+-- AddForeignKey
+ALTER TABLE "public"."Account" ADD CONSTRAINT "Account_userId_fkey" FOREIGN KEY ("userId") REFERENCES "public"."User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."Session" ADD CONSTRAINT "Session_userId_fkey" FOREIGN KEY ("userId") REFERENCES "public"."User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."Membership" ADD CONSTRAINT "Membership_userId_fkey" FOREIGN KEY ("userId") REFERENCES "public"."User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."Membership" ADD CONSTRAINT "Membership_organizationId_fkey" FOREIGN KEY ("organizationId") REFERENCES "public"."Organization"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."Campaign" ADD CONSTRAINT "Campaign_organizationId_fkey" FOREIGN KEY ("organizationId") REFERENCES "public"."Organization"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."Content" ADD CONSTRAINT "Content_campaignId_fkey" FOREIGN KEY ("campaignId") REFERENCES "public"."Campaign"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."Asset" ADD CONSTRAINT "Asset_contentId_fkey" FOREIGN KEY ("contentId") REFERENCES "public"."Content"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."Schedule" ADD CONSTRAINT "Schedule_campaignId_fkey" FOREIGN KEY ("campaignId") REFERENCES "public"."Campaign"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."AnalyticsEvent" ADD CONSTRAINT "AnalyticsEvent_userId_fkey" FOREIGN KEY ("userId") REFERENCES "public"."User"("id") ON DELETE SET NULL ON UPDATE CASCADE;
diff --git a/prisma/migrations/20250902173201_add_campaign_fields/migration.sql b/prisma/migrations/20250902173201_add_campaign_fields/migration.sql
new file mode 100644
index 00000000..428865a4
--- /dev/null
+++ b/prisma/migrations/20250902173201_add_campaign_fields/migration.sql
@@ -0,0 +1,99 @@
+/*
+  Warnings:
+
+  - The values [MEMBER] on the enum `OrgRole` will be removed. If these variants are still used in the database, this will fail.
+  - You are about to drop the column `date` on the `Schedule` table. All the data in the column will be lost.
+  - The `status` column on the `Schedule` table would be dropped and recreated. This will lead to data loss if there is data in the column.
+  - Added the required column `channel` to the `Schedule` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `runAt` to the `Schedule` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- CreateEnum
+CREATE TYPE "public"."ContentStatus" AS ENUM ('DRAFT', 'SUBMITTED', 'APPROVED', 'SCHEDULED', 'PUBLISHED', 'REJECTED');
+
+-- CreateEnum
+CREATE TYPE "public"."ScheduleStatus" AS ENUM ('PENDING', 'PUBLISHED', 'FAILED', 'CANCELLED');
+
+-- CreateEnum
+CREATE TYPE "public"."Channel" AS ENUM ('FACEBOOK', 'INSTAGRAM', 'TWITTER', 'YOUTUBE', 'LINKEDIN', 'TIKTOK', 'BLOG');
+
+-- CreateEnum
+CREATE TYPE "public"."CampaignHealth" AS ENUM ('ON_TRACK', 'AT_RISK', 'OFF_TRACK');
+
+-- CreateEnum
+CREATE TYPE "public"."CampaignStatus" AS ENUM ('DRAFT', 'PLANNING', 'READY', 'DONE', 'CANCELED');
+
+-- AlterEnum
+BEGIN;
+CREATE TYPE "public"."OrgRole_new" AS ENUM ('ADMIN', 'BRAND_OWNER', 'CREATOR');
+ALTER TABLE "public"."Membership" ALTER COLUMN "role" TYPE "public"."OrgRole_new" USING ("role"::text::"public"."OrgRole_new");
+ALTER TYPE "public"."OrgRole" RENAME TO "OrgRole_old";
+ALTER TYPE "public"."OrgRole_new" RENAME TO "OrgRole";
+DROP TYPE "public"."OrgRole_old";
+COMMIT;
+
+-- AlterTable
+ALTER TABLE "public"."AnalyticsEvent" ADD COLUMN     "campaignId" TEXT,
+ADD COLUMN     "contentId" TEXT,
+ADD COLUMN     "organizationId" TEXT;
+
+-- AlterTable
+ALTER TABLE "public"."Asset" ADD COLUMN     "description" TEXT,
+ADD COLUMN     "name" TEXT,
+ADD COLUMN     "size" INTEGER,
+ADD COLUMN     "tags" TEXT[];
+
+-- AlterTable
+ALTER TABLE "public"."Campaign" ADD COLUMN     "endDate" TIMESTAMP(3),
+ADD COLUMN     "health" "public"."CampaignHealth" NOT NULL DEFAULT 'ON_TRACK',
+ADD COLUMN     "startDate" TIMESTAMP(3),
+ADD COLUMN     "status" "public"."CampaignStatus" NOT NULL DEFAULT 'DRAFT';
+
+-- AlterTable
+ALTER TABLE "public"."Content" ADD COLUMN     "status" "public"."ContentStatus" NOT NULL DEFAULT 'DRAFT';
+
+-- AlterTable
+ALTER TABLE "public"."Schedule" DROP COLUMN "date",
+ADD COLUMN     "channel" "public"."Channel" NOT NULL,
+ADD COLUMN     "contentId" TEXT,
+ADD COLUMN     "name" TEXT,
+ADD COLUMN     "runAt" TIMESTAMP(3) NOT NULL,
+ADD COLUMN     "timezone" TEXT NOT NULL DEFAULT 'UTC',
+DROP COLUMN "status",
+ADD COLUMN     "status" "public"."ScheduleStatus" NOT NULL DEFAULT 'PENDING';
+
+-- AlterTable
+ALTER TABLE "public"."User" ADD COLUMN     "password" TEXT;
+
+-- CreateTable
+CREATE TABLE "public"."CampaignMember" (
+    "id" TEXT NOT NULL,
+    "campaignId" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "role" TEXT NOT NULL DEFAULT 'MEMBER',
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "CampaignMember_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "CampaignMember_campaignId_userId_key" ON "public"."CampaignMember"("campaignId", "userId");
+
+-- AddForeignKey
+ALTER TABLE "public"."Schedule" ADD CONSTRAINT "Schedule_contentId_fkey" FOREIGN KEY ("contentId") REFERENCES "public"."Content"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."AnalyticsEvent" ADD CONSTRAINT "AnalyticsEvent_campaignId_fkey" FOREIGN KEY ("campaignId") REFERENCES "public"."Campaign"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."AnalyticsEvent" ADD CONSTRAINT "AnalyticsEvent_contentId_fkey" FOREIGN KEY ("contentId") REFERENCES "public"."Content"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."AnalyticsEvent" ADD CONSTRAINT "AnalyticsEvent_organizationId_fkey" FOREIGN KEY ("organizationId") REFERENCES "public"."Organization"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."CampaignMember" ADD CONSTRAINT "CampaignMember_campaignId_fkey" FOREIGN KEY ("campaignId") REFERENCES "public"."Campaign"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."CampaignMember" ADD CONSTRAINT "CampaignMember_userId_fkey" FOREIGN KEY ("userId") REFERENCES "public"."User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/migrations/20250902180000_complete_campaign_system/migration.sql b/prisma/migrations/20250902180000_complete_campaign_system/migration.sql
new file mode 100644
index 00000000..6c3bd6f7
--- /dev/null
+++ b/prisma/migrations/20250902180000_complete_campaign_system/migration.sql
@@ -0,0 +1,87 @@
+-- CreateEnum
+CREATE TYPE "public"."CampaignPriority" AS ENUM ('NO_PRIORITY', 'LOW', 'MEDIUM', 'HIGH', 'URGENT');
+
+-- CreateEnum
+CREATE TYPE "public"."CampaignMemberRole" AS ENUM ('OWNER', 'MANAGER', 'MEMBER', 'VIEWER');
+
+-- CreateEnum
+CREATE TYPE "public"."TaskStatus" AS ENUM ('TODO', 'IN_PROGRESS', 'REVIEW', 'DONE', 'CANCELLED');
+
+-- CreateEnum
+CREATE TYPE "public"."TaskPriority" AS ENUM ('LOW', 'MEDIUM', 'HIGH', 'URGENT');
+
+-- AlterTable
+ALTER TABLE "public"."Campaign" 
+ADD COLUMN     "priority" "public"."CampaignPriority" NOT NULL DEFAULT 'NO_PRIORITY',
+ADD COLUMN     "leadId" TEXT,
+ADD COLUMN     "targetDate" TIMESTAMP(3),
+DROP COLUMN "endDate";
+
+-- AlterTable
+ALTER TABLE "public"."CampaignMember" 
+ALTER COLUMN "role" TYPE "public"."CampaignMemberRole" USING ("role"::text::"public"."CampaignMemberRole");
+
+-- CreateTable
+CREATE TABLE "public"."CampaignTask" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "description" TEXT,
+    "status" "public"."TaskStatus" NOT NULL DEFAULT 'TODO',
+    "priority" "public"."TaskPriority" NOT NULL DEFAULT 'MEDIUM',
+    "assigneeId" TEXT,
+    "campaignId" TEXT NOT NULL,
+    "parentTaskId" TEXT,
+    "dueDate" TIMESTAMP(3),
+    "completedAt" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "CampaignTask_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."CampaignLabel" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "color" TEXT NOT NULL DEFAULT '#3B82F6',
+    "campaignId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "CampaignLabel_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "public"."CampaignMilestone" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "description" TEXT,
+    "dueDate" TIMESTAMP(3) NOT NULL,
+    "completedAt" TIMESTAMP(3),
+    "campaignId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "CampaignMilestone_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "CampaignLabel_campaignId_name_key" ON "public"."CampaignLabel"("campaignId", "name");
+
+-- AddForeignKey
+ALTER TABLE "public"."Campaign" ADD CONSTRAINT "Campaign_leadId_fkey" FOREIGN KEY ("leadId") REFERENCES "public"."User"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."CampaignTask" ADD CONSTRAINT "CampaignTask_campaignId_fkey" FOREIGN KEY ("campaignId") REFERENCES "public"."Campaign"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."CampaignTask" ADD CONSTRAINT "CampaignTask_assigneeId_fkey" FOREIGN KEY ("assigneeId") REFERENCES "public"."User"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."CampaignTask" ADD CONSTRAINT "CampaignTask_parentTaskId_fkey" FOREIGN KEY ("parentTaskId") REFERENCES "public"."CampaignTask"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."CampaignLabel" ADD CONSTRAINT "CampaignLabel_campaignId_fkey" FOREIGN KEY ("campaignId") REFERENCES "public"."Campaign"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "public"."CampaignMilestone" ADD CONSTRAINT "CampaignMilestone_campaignId_fkey" FOREIGN KEY ("campaignId") REFERENCES "public"."Campaign"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/migrations/migration_lock.toml b/prisma/migrations/migration_lock.toml
new file mode 100644
index 00000000..044d57cd
--- /dev/null
+++ b/prisma/migrations/migration_lock.toml
@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (e.g., Git)
+provider = "postgresql"
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
new file mode 100644
index 00000000..ae378d15
--- /dev/null
+++ b/prisma/schema.prisma
@@ -0,0 +1,304 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+}
+
+model User {
+  id              String           @id @default(cuid())
+  name            String?
+  email           String           @unique
+  password        String?
+  emailVerified   DateTime?
+  image           String?
+  createdAt       DateTime         @default(now())
+  updatedAt       DateTime         @updatedAt
+  accounts        Account[]
+  analyticsEvents AnalyticsEvent[]
+  memberships     Membership[]
+  sessions        Session[]
+  campaignMembers CampaignMember[]
+  assignedTasks   CampaignTask[]   @relation("TaskAssignee")
+  leadCampaigns   Campaign[]       @relation("CampaignLead")
+}
+
+model Account {
+  id                 String  @id @default(cuid())
+  userId             String
+  type               String
+  provider           String
+  providerAccountId  String
+  refresh_token      String?
+  access_token       String?
+  expires_at         Int?
+  token_type         String?
+  scope              String?
+  id_token           String?
+  session_state      String?
+  oauth_token_secret String?
+  oauth_token        String?
+  user               User    @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@unique([provider, providerAccountId])
+}
+
+model Session {
+  id           String   @id @default(cuid())
+  sessionToken String   @unique
+  userId       String
+  expires      DateTime
+  user         User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+}
+
+model VerificationToken {
+  identifier String
+  token      String   @unique
+  expires    DateTime
+
+  @@unique([identifier, token])
+}
+
+model Organization {
+  id              String           @id @default(cuid())
+  name            String
+  createdAt       DateTime         @default(now())
+  updatedAt       DateTime         @updatedAt
+  analyticsEvents AnalyticsEvent[]
+  campaigns       Campaign[]
+  memberships     Membership[]
+}
+
+model Membership {
+  id             String       @id @default(cuid())
+  userId         String
+  organizationId String
+  role           OrgRole
+  createdAt      DateTime     @default(now())
+  updatedAt      DateTime     @updatedAt
+  organization   Organization @relation(fields: [organizationId], references: [id], onDelete: Cascade)
+  user           User         @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@unique([userId, organizationId])
+}
+
+model Campaign {
+  id              String           @id @default(cuid())
+  name            String
+  description     String?
+  summary         String?
+  organizationId  String
+  health          CampaignHealth   @default(ON_TRACK)
+  status          CampaignStatus   @default(DRAFT)
+  priority        CampaignPriority @default(NO_PRIORITY)
+  leadId          String?          // Changed from lead string to leadId reference
+  startDate       DateTime?        // Changed from startDate to match requirements
+  targetDate      DateTime?        // Changed from endDate to targetDate
+  createdAt       DateTime         @default(now())
+  updatedAt       DateTime         @updatedAt
+  analyticsEvents AnalyticsEvent[]
+  organization    Organization     @relation(fields: [organizationId], references: [id], onDelete: Cascade)
+  contents        Content[]
+  schedules       Schedule[]
+  members         CampaignMember[]
+  tasks           CampaignTask[]   // New relation
+  labels          CampaignLabel[]  // New relation
+  milestones      CampaignMilestone[] // New relation
+  lead            User?            @relation("CampaignLead", fields: [leadId], references: [id]) // New relation
+}
+
+model Content {
+  id              String           @id @default(cuid())
+  title           String
+  body            String?
+  campaignId      String
+  createdAt       DateTime         @default(now())
+  updatedAt       DateTime         @updatedAt
+  status          ContentStatus    @default(DRAFT)
+  analyticsEvents AnalyticsEvent[]
+  assets          Asset[]
+  campaign        Campaign         @relation(fields: [campaignId], references: [id], onDelete: Cascade)
+  schedules       Schedule[]
+}
+
+model Asset {
+  id          String   @id @default(cuid())
+  url         String
+  name        String?
+  type        String
+  size        Int?
+  description String?
+  tags        String[]
+  contentId   String
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+  content     Content  @relation(fields: [contentId], references: [id], onDelete: Cascade)
+}
+
+model Schedule {
+  id         String         @id @default(cuid())
+  name       String?
+  campaignId String
+  contentId  String?
+  createdAt  DateTime       @default(now())
+  updatedAt  DateTime       @updatedAt
+  channel    Channel
+  runAt      DateTime
+  timezone   String         @default("UTC")
+  status     ScheduleStatus @default(PENDING)
+  campaign   Campaign       @relation(fields: [campaignId], references: [id], onDelete: Cascade)
+  content    Content?       @relation(fields: [contentId], references: [id])
+}
+
+model AnalyticsEvent {
+  id             String        @id @default(cuid())
+  event          String
+  data           Json?
+  userId         String?
+  organizationId String?
+  campaignId     String?
+  contentId      String?
+  createdAt      DateTime      @default(now())
+  campaign       Campaign?     @relation(fields: [campaignId], references: [id])
+  content        Content?      @relation(fields: [contentId], references: [id])
+  organization   Organization? @relation(fields: [organizationId], references: [id])
+  user           User?         @relation(fields: [userId], references: [id])
+}
+
+model CampaignMember {
+  id         String   @id @default(cuid())
+  campaignId String
+  userId     String
+  role       CampaignMemberRole @default(MEMBER) // Changed from String to enum
+  createdAt  DateTime @default(now())
+  updatedAt  DateTime @updatedAt
+  campaign   Campaign @relation(fields: [campaignId], references: [id], onDelete: Cascade)
+  user       User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@unique([campaignId, userId])
+}
+
+// New models for complete campaign system
+model CampaignTask {
+  id          String   @id @default(cuid())
+  title       String
+  description String?
+  status      TaskStatus @default(TODO)
+  priority    TaskPriority @default(MEDIUM)
+  assigneeId  String?
+  campaignId  String
+  parentTaskId String? // For subtasks
+  dueDate     DateTime?
+  completedAt DateTime?
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+  
+  campaign     Campaign     @relation(fields: [campaignId], references: [id], onDelete: Cascade)
+  assignee     User?        @relation("TaskAssignee", fields: [assigneeId], references: [id])
+  parentTask   CampaignTask? @relation("TaskSubtasks", fields: [parentTaskId], references: [id])
+  subtasks     CampaignTask[] @relation("TaskSubtasks")
+}
+
+model CampaignLabel {
+  id         String   @id @default(cuid())
+  name       String
+  color      String   @default("#3B82F6") // Default blue color
+  campaignId String
+  createdAt  DateTime @default(now())
+  updatedAt  DateTime @updatedAt
+  
+  campaign   Campaign @relation(fields: [campaignId], references: [id], onDelete: Cascade)
+  
+  @@unique([campaignId, name])
+}
+
+model CampaignMilestone {
+  id          String   @id @default(cuid())
+  title       String
+  description String?
+  dueDate     DateTime
+  completedAt DateTime?
+  campaignId  String
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+  
+  campaign    Campaign @relation(fields: [campaignId], references: [id], onDelete: Cascade)
+}
+
+enum OrgRole {
+  ADMIN
+  BRAND_OWNER
+  CREATOR
+}
+
+enum ContentStatus {
+  DRAFT
+  SUBMITTED
+  APPROVED
+  SCHEDULED
+  PUBLISHED
+  REJECTED
+}
+
+enum ScheduleStatus {
+  PENDING
+  PUBLISHED
+  FAILED
+  CANCELLED
+}
+
+enum Channel {
+  FACEBOOK
+  INSTAGRAM
+  TWITTER
+  YOUTUBE
+  LINKEDIN
+  TIKTOK
+  BLOG
+}
+
+enum CampaignHealth {
+  ON_TRACK
+  AT_RISK
+  OFF_TRACK
+}
+
+enum CampaignStatus {
+  DRAFT
+  PLANNING
+  READY
+  DONE
+  CANCELED
+}
+
+enum CampaignPriority {
+  NO_PRIORITY
+  LOW
+  MEDIUM
+  HIGH
+  URGENT
+}
+
+enum CampaignMemberRole {
+  OWNER
+  MANAGER
+  MEMBER
+  VIEWER
+}
+
+enum TaskStatus {
+  TODO
+  IN_PROGRESS
+  REVIEW
+  DONE
+  CANCELLED
+}
+
+enum TaskPriority {
+  LOW
+  MEDIUM
+  HIGH
+  URGENT
+}
diff --git a/spec.md b/spec.md
new file mode 100644
index 00000000..a79e7056
--- /dev/null
+++ b/spec.md
@@ -0,0 +1,688 @@
+Comprehensive Analysis & Migration Plan for the AiM Platform
+
+1. Tóm tắt điều hành (Executive Summary)
+
+Repository hiện tại (ioqwfoihas, tên Circle) là một ứng dụng Next.js lấy cảm hứng từ công cụ quản lý dự án Linear. Ứng dụng theo dõi issues, projects và teams với UI hiện đại, responsive. package.json cho thấy đây là client-only stack với các dependencies như Next.js 15, React 19, Tailwind CSS, Radix UI, Zustand, Recharts và Zod. Chưa có database hay API layer; dữ liệu đang nằm ở local state.
+
+AiM hướng tới chuyển hoá codebase này thành một AI-powered content platform phục vụ Creators và Brands. Hệ thống tương lai cần hỗ trợ role-based dashboards, campaign planning, AI-assisted content creation, scheduling, asset management, analytics và administrative controls. Báo cáo này phân tích repo, map năng lực hiện tại sang yêu cầu AiM, xác định gaps/risks, đề xuất target architecture và data model, đồng thời cung cấp roadmap migration với 150+ nhiệm vụ khả dụng ngay.
+
+2. Kiểm kê Repo & Tech Stack (Repo Inventory & Tech Stack)
+   Cây thư mục (ước lượng, depth ≤3)
+
+Ghi chú: do không có listing đầy đủ, một số đường dẫn được suy luận theo pattern Linear/Next.js phổ biến.
+
+ioqwfoihas/
+├─ README.md
+├─ package.json
+├─ tsconfig.json
+├─ next.config.ts
+├─ app/
+│ ├─ page.tsx
+│ ├─ layout.tsx
+│ ├─ lndev-ui/
+│ │ ├─ team/[team]/[view]/
+│ │ │ ├─ page.tsx
+│ │ │ └─ layout.tsx
+│ │ ├─ settings/…
+│ │ └─ …
+│ └─ (auth)/
+├─ components/
+│ ├─ ui/
+│ ├─ board/
+│ ├─ modal/
+│ ├─ chart/
+│ └─ navigation/
+├─ lib/
+│ ├─ store/
+│ ├─ hooks/
+│ └─ utils.ts
+├─ public/
+├─ styles/
+├─ .husky/
+└─ .eslintrc, .prettierrc
+
+Công nghệ & phiên bản (Tech & Versions)
+Khu vực Chi tiết
+Framework Next.js 15 (App Router, React Server Components).
+Ngôn ngữ TypeScript (strict).
+UI Library shadcn/ui (trên nền Radix UI).
+Styling Tailwind CSS v4 + tailwindcss-animate.
+State Mgmt Zustand cho client state.
+Forms & Validation React Hook Form + Zod.
+Charts Recharts.
+Utilities clsx, date-fns, uuid, …
+Testing Chưa có Jest/Vitest/Cypress.
+CI & Scripts Husky, lint-staged, ESLint, Prettier.
+Database/ORM Chưa có (no Prisma/ORM). 3) Đánh giá kiến trúc (Architecture Assessment)
+
+Single-app: cấu trúc Next.js thuần, không monorepo/workspaces.
+
+Client-only: không có API routes/server logic; dữ liệu nằm ở Zustand → không phù hợp cho AiM (cần persistence).
+
+UI/UX: responsive, dark/light, sidebars, modals; dùng shadcn/ui + Radix; có command palette (cmdk) và Recharts có thể tái sử dụng.
+
+Routing: App Router; root page redirect sang board; dynamic routes theo team/view.
+
+State: Zustand cho local data; để lên AiM cần React Query (data fetching/cache) + backend.
+
+Auth: Chưa có authentication/roles.
+
+Config/Env: Tối thiểu; chưa có .env.example hay secret management.
+
+Quality/DX: Có lint/format cơ bản; chưa có tests/CI đầy đủ.
+
+Security: Không có ranh giới bảo mật (no auth, no server validation).
+
+4. Mapping sang AiM (Reuse / Extend / Replace / Remove)
+   Module/Screen hiện có Mapping sang AiM Action Lý do
+   UI Shell (layout, navigation) Base dashboard cho mọi role Reuse & Extend Giữ responsive & theme; mở rộng navigation: Campaigns, Content Studio, Calendar, Assets, Analytics, Settings.
+   Team/Project Boards Campaign Kanban Extend Chuyển issue card → campaign card (Draft/Active/Completed), drag-drop persist.
+   List/Issue Views Content lists trong campaign Replace Thay issue list → content items; thêm trạng thái AI (Draft/AI-generated/Approved).
+   Zustand Stores (mock data) Server data qua React Query Replace Zustand chỉ giữ UI state; data persist qua Postgres/API.
+   Modals & Forms Wizards tạo Campaign/Content Reuse & Extend Reuse modal patterns + multi-step, zod validation, AI suggestions.
+   Charts (Recharts) Campaign/Content analytics Reuse & Extend Nối analytics API, hiển thị metrics (impressions/CTR/ROI).
+   Command palette AI assistant & global search Extend Palette nhận prompt AI, thực thi lệnh (“Generate LinkedIn post for X”).
+   Auth/RBAC (missing) Auth & role-based access Add Thêm NextAuth + Prisma, roles: Creator/Brand/Admin (+Reviewer/Publisher nếu cần).
+   API & ORM (missing) API endpoints/tRPC + Prisma Add CRUD cho campaigns/contents/schedules/assets/analytics.
+   Tests/CI (missing) Testing & CI pipelines Add Unit/integration/e2e; GitHub Actions: lint, test, build, health check.
+   Assets (missing) Asset storage Add Upload → S3/UploadThing; Asset Library UI/API.
+   Analytics (missing) Event tracking & dashboards Add Thu thập events (view/click/conv), tổng hợp hiển thị.
+   AI (missing) AI content generation Add Server route gọi AI provider; UI để generate/refine/translate.
+   i18n (missing) Đa ngôn ngữ Extend Thêm next-intl (English/Vietnamese).
+   Settings (missing) Settings (profile/org/billing/AI) Add Trang cấu hình user/org, API keys, preferences, …
+5. Gaps, Risks & Mitigations
+   Gaps
+
+Persistence: chưa có DB → Prisma + Postgres (schema cho Users/Orgs/Campaign/Content/Asset/Schedule/Analytics).
+
+Auth & RBAC: thiếu → NextAuth + role enum/middleware.
+
+API layer: thiếu CRUD → API routes hoặc tRPC + zod validation.
+
+Testing/CI: thiếu → thêm Jest/Vitest, Playwright, GitHub Actions.
+
+Security: chưa có validation, rate limit, secrets → thêm server validation, rate limiting, secret mgmt.
+
+Observability: thiếu logs/monitoring → pino/winston, Sentry.
+
+i18n: English-only → next-intl.
+
+Scalability: dễ thành monolith → module boundaries, cân nhắc packages sau.
+
+Risks & Mitigations
+Risk Tác động Xác suất Giảm thiểu
+Migration phức tạp Dễ phát sinh bug Cao Chia nhỏ PR, giữ trạng thái chạy được, test tự động.
+Dependencies chưa ổn định (Next 15) Compatibility TB Pin version, thử nghiệm trước khi merge.
+Security (auth/upload) Lỗ hổng TB Lib an toàn, OWASP, rate limit, file-type validation.
+Hiệu năng (board nhiều items) Lag TB Pagination/virtualization, lazy load, React Query cache.
+Adoption/training Chậm triển khai TB Tài liệu, code samples, workshop.
+Compliance (GDPR, …) Rủi ro pháp lý Thấp Privacy by design, retention policy, consent. 6) Kiến trúc mục tiêu (Target Architecture for AiM)
+flowchart TD
+subgraph Client
+U[Creators/Brands/Admins] -->|Browser| FE[Next.js 15 App]
+FE -->|Fetch| API
+FE -->|Auth Hooks| AuthClient
+end
+subgraph Server
+API --> DB[(PostgreSQL via Prisma)]
+API --> AIService[(External AI API)]
+API --> Storage[(Asset Storage: S3/UploadThing)]
+API --> Analytics[(Analytics Service)]
+API --> RBAC[(RBAC Middleware)]
+AuthService[(NextAuth.js)] --> DB
+RBAC --> AuthService
+end
+Analytics --> DB
+FE -.->|WebSockets| Notifications[(Real-time Notifications)]
+
+Mô tả ngắn:
+
+Frontend (Next.js): server/client components; Zustand cho UI state; React Query để fetch/cache.
+
+API layer (Next API routes/tRPC): endpoints cho campaign/content/asset/schedule/analytics/ai; zod + RBAC middleware.
+
+Auth: NextAuth.js, session lưu DB.
+
+DB: PostgreSQL qua Prisma (migrations).
+
+AI Service: proxy tới provider (OpenAI/…).
+
+Asset Storage: S3/UploadThing, metadata trong DB.
+
+Analytics: thu thập & tổng hợp events.
+
+Real-time: WebSockets/Pusher (tuỳ chọn).
+
+Data model đề xuất (Proposed Data Model)
+Entity Fields chính Quan hệ
+User id, name, email (unique), passwordHash, role (creator/brand/admin/reviewer/publisher), organizationId, timestamps Thuộc Organization; tạo Campaign/Content/Schedule/Asset/AnalyticsEvent
+Organization id, name, slug, timestamps Có nhiều Users/Campaigns/Assets
+Campaign id, organizationId, createdById, name, description, status (draft/active/completed), budget, startDate, endDate, timestamps Thuộc Organization/User; có Contents/Schedules/AnalyticsEvents
+Content id, campaignId, authorId, assetId?, title, body, type, aiGenerated, status, metadata (JSON), timestamps Thuộc Campaign; tham chiếu Asset; có Schedules/AnalyticsEvents
+Asset id, organizationId, uploadedById, fileName, fileType, size, url, timestamps Thuộc Organization; liên kết nhiều Contents
+Schedule id, contentId, campaignId, scheduledAt, platform, status, createdById Lịch đăng cho Content trong Campaign
+AnalyticsEvent id, contentId, userId?, eventType, timestamp, metadata Log tương tác, dùng để tổng hợp
+Role (tuỳ chọn) id, name, permissions (JSON) Many-to-many với User nếu cần RBAC chi tiết
+UI shell & điều hướng theo role (Role-Based Navigation)
+
+Creator: Dashboard nhanh vào Campaigns, Content Studio, Calendar, Assets, Analytics; có AI assistant; hiển thị deadlines/assignments.
+
+Brand: Tổng quan campaigns, approval queue, budget/ROI; duyệt nội dung, review assets, giám sát lịch.
+
+Admin: Quản trị organizations/users/roles/settings; cấu hình billing/AI quotas.
+
+7. Kế hoạch Delta theo file (Delta Plan – File-level)
+
+Bảng ADD/MODIFY/REMOVE chi tiết — xem đầy đủ trong bản gốc; giữ nguyên danh sách đường dẫn và mô tả như đã đề xuất (Prisma schema, API routes, pages, components, workflows CI, Docker, scripts…).
+(Bản dưới đây giữ nguyên nội dung, chỉ chuyển diễn giải sang tiếng Việt; tên file/path giữ English.)
+
+ADD: prisma/schema.prisma, prisma/migrations/_, lib/prisma.ts, app/api/auth/[...nextauth]/route.ts, app/api/auth/register/route.ts, app/api/campaigns/_, app/api/contents/_, app/api/assets/_, app/api/schedules/_, app/api/analytics/_, app/api/ai/generate/route.ts, app/middleware.ts, lib/rbac.ts, lib/hooks/useCurrentUser.ts, (auth)/login, (auth)/register, (dashboard)/creator, (dashboard)/brand, (dashboard)/admin, campaigns/_, content/_, calendar/page.tsx, assets/page.tsx, settings/page.tsx, các components forms/ai/navigation/dashboard…, .env.example, .github/workflows/\*.yml, Dockerfile, docker-compose.yml, scripts/publish-worker.ts…
+
+MODIFY: package.json, tsconfig.json, next.config.ts, app/layout.tsx, app/page.tsx, components/board/_, components/navigation/_, styles/globals.css…
+
+REMOVE: mock data trong lib/store, routes cũ dưới lndev-ui không dùng, assets placeholder.
+
+8. Lộ trình 30/60/90 ngày (Roadmap)
+
+0–30 ngày: Nền tảng (Prisma/Postgres, Auth + RBAC, API cơ bản, Dashboard shell, CI tối thiểu, Docs).
+
+31–60 ngày: Tính năng chính (Campaign Kanban + Wizard, Content Studio + AI, Calendar & Scheduling, Asset Library, Analytics cơ bản, i18n, Testing).
+
+61–90 ngày: Nâng cao & polishing (RBAC chi tiết, Realtime notifications, Observability, Performance, Collaboration, Deployment, Extensibility).
+
+(Chi tiết từng hạng mục đã được giữ nguyên và diễn giải tiếng Việt ở phần backlog.)
+
+9. Backlog – To-Do chi tiết (≥150 tasks)
+
+Giữ nguyên cấu trúc Epic → Story → Task như bản gốc. Nội dung dưới đây được dịch phần diễn giải, giữ thuật ngữ gốc trong ngoặc cho dễ đọc.
+Mỗi task có: Acceptance Criteria, Files touched, Effort (S/M/L), Priority (P0–P3).
+
+Epic: Authentication & RBAC
+Story: Cài đặt & cấu hình NextAuth.js
+
+Cài dependencies Auth… (như bản gốc; acceptance/files/effort/priority giữ nguyên)
+Chú thích: dùng NextAuth (credentials provider), bcrypt, JWT.
+
+Tạo route app/api/auth/[...nextauth]/route.ts (credentials) với callbacks (session/JWT)…
+
+Hash password (lib/auth.ts) bằng bcrypt…
+
+Endpoint register tạo User + Organization…
+
+Bọc <SessionProvider>…
+
+Trang login (zod validation, signIn())…
+
+Trang register (tạo org, role mặc định)…
+
+Logout (signOut())…
+
+/api/auth/session trả user hiện tại…
+
+Story: Quản lý vai trò (Role Management & RBAC)
+
+lib/roles.ts khai báo enum roles…
+
+Thêm field role vào User (Prisma enum)…
+
+lib/rbac.ts helpers hasRole/hasPermission + tests…
+
+middleware.ts bảo vệ route theo session/role…
+
+Gán role khi register (first user = admin)…
+
+Role switcher (dev only)…
+
+Role-based navigation (Sidebar)…
+
+Role-based API checks…
+
+Epic: Database & Prisma
+Story: Định nghĩa schema
+
+npx prisma init…
+
+Models User/Organization…
+
+Campaign…
+
+Content…
+
+Asset…
+
+Schedule…
+
+AnalyticsEvent…
+
+(Tuỳ chọn) Role/UserRole…
+
+Story: Migrations & Seeding
+
+prisma migrate dev --name init…
+
+scripts/seed.ts (roles, admin, org mẫu, campaigns, content)…
+
+pnpm seed…
+
+Document DB setup trong README…
+
+Epic: API Layer
+Story: Campaign Endpoints
+
+GET /campaigns (pagination/search, RBAC)…
+
+POST /campaigns (zod, createdBy, status draft)…
+
+GET /campaigns/[id] (details + relations)…
+
+PUT /campaigns/[id]…
+
+DELETE /campaigns/[id] (cascade theo rule)…
+
+GET /campaigns/[id]/analytics (summary)…
+
+POST /campaigns/[id]/duplicate…
+
+Story: Content Endpoints
+
+GET /contents (filter status/type)…
+
+POST /contents (create)…
+
+GET /contents/[id] (asset/author/schedules)…
+
+PUT /contents/[id] (restrictions by role/status)…
+
+DELETE /contents/[id]…
+
+POST /contents/[id]/submit (submit for approval)…
+
+POST /contents/[id]/approve|reject (Brand role)…
+
+POST /ai/generate (OpenAI; cache; audit)…
+
+POST /ai/translate…
+
+POST /ai/summarise…
+
+Story: Asset Endpoints
+
+POST /assets (UploadThing/S3; validate type/size; metadata)…
+
+GET /assets (org scope; pagination/search)…
+
+DELETE /assets/[id] (prevent delete if in-use)…
+
+GET /assets/upload-url (pre-signed S3)…
+
+Story: Schedule Endpoints
+
+GET /schedules (filters)…
+
+POST /schedules (validate future; content must be approved)…
+
+PUT /schedules/[id]…
+
+POST /schedules/[id]/cancel…
+
+scripts/publish-worker.ts (cron publish + analytics + notifications)…
+
+Story: Analytics Endpoints
+
+POST /analytics (record event)…
+
+GET /analytics (filters)…
+
+GET /analytics/summary (aggregate)…
+
+GET /analytics/export (CSV/Excel; admin/brand only)…
+
+Epic: Frontend – Global Layout & Navigation
+Story: Providers & Setup
+
+React Query provider (QueryClientProvider, Hydrate)…
+
+next-intl (en/vi) + <IntlProvider>…
+
+Theme provider (dark/light)…
+
+Story: Sidebar & Topbar
+
+Sidebar (role-specific menus)…
+
+Topbar (search, notifications, user menu)…
+
+Command palette (global search + AI commands)…
+
+Notifications panel (Radix UI + realtime)…
+
+Epic: Dashboards
+Story: Creator Dashboard
+
+Summary cards (active campaigns, drafts, scheduled, impressions)…
+
+Campaign list…
+
+Quick actions…
+
+Draft reminders…
+
+AI suggestions widget…
+
+Story: Brand Dashboard
+
+Brand metrics cards (budget/ROI)…
+
+Approval queue…
+
+Budget vs ROI chart…
+
+Creator leaderboard…
+
+Campaign health summary…
+
+Story: Admin Dashboard
+
+UserTable (enable/disable)…
+
+OrgTable (rename/delete cascade)…
+
+Role manager (nếu dùng Role model)…
+
+Audit logs…
+
+Feature flags…
+
+Epic: Campaign Module
+Story: Campaign List & Board
+
+Campaign table (sort/filter/search)…
+
+Pagination/infinite scroll…
+
+Board view (Draft/Active/Completed; drag-drop persist)…
+
+Campaign detail (Overview/Content/Schedule/Analytics/Settings)…
+
+Create wizard (multi-step)…
+
+Duplicate…
+
+Delete confirm…
+
+Search debounce…
+
+Permissions UI…
+
+Epic: Content Module
+Story: Content Editor
+
+Rich text editor (TipTap)…
+
+AI assistant panel (prompt, rewrite, tone)…
+
+Auto-save drafts…
+
+Asset picker…
+
+Preview…
+
+Translate & summarise…
+
+Status management (Draft/Submitted/Approved/Published/Rejected)…
+
+Comments & versioning…
+
+Story: Content List & Cards
+
+Content list (trong Campaign)…
+
+Content card (badge, quick actions)…
+
+Filtering & search…
+
+Bulk actions…
+
+Epic: Calendar & Scheduling
+Story: Calendar View
+
+Calendar page (react-day-picker) — color-code theo platform…
+
+Schedule form modal (platform/date/time/timezone)…
+
+Timezone support (user preference, store UTC)…
+
+Recurring schedules (RRULE model)…
+
+Epic: Assets Module
+Story: Asset Library UI
+
+Assets page (search/filter/thumbnail)…
+
+Upload dialog (multi files, progress)…
+
+Asset detail drawer (preview, metadata, usage)…
+
+Asset usage indicator…
+
+Epic: Analytics Module
+Story: Analytics Dashboards
+
+Overview chart (7/30/90)…
+
+Campaign analytics tab (line/bar/pie)…
+
+Content analytics tab…
+
+Creator performance…
+
+Export analytics UI…
+
+Epic: Settings Module
+Story: User & Organization Settings
+
+Profile settings (name/email/password; AI usage)…
+
+Organization settings (slug/logo/default language)…
+
+Notification preferences…
+
+Billing & quotas (Stripe)…
+
+API keys management…
+
+Epic: Internationalisation
+Story: i18n
+
+Install next-intl (en/vi)…
+
+Create translation files…
+
+Refactor components dùng t('key')…
+
+Language switcher…
+
+Epic: Testing & Quality
+Story: Unit & Integration Tests
+
+Jest/Vitest setup…
+
+Tests cho utilities (auth, rbac, utils)…
+
+Tests forms & components…
+
+Tests API routes…
+
+Story: End-to-End Tests
+
+Playwright setup…
+
+e2e login…
+
+e2e create campaign…
+
+e2e content workflow…
+
+e2e schedule & publish…
+
+Epic: CI/CD & Observability
+Story: Continuous Integration
+
+ci.yml (lint/build/test)…
+
+e2e.yml (Playwright artifacts)…
+
+Health check (/api/health)…
+
+Story: Delivery & Deployment
+
+Dockerfile (Node 20; prisma migrate deploy)…
+
+docker-compose.yml (app + postgres + mailhog)…
+
+deploy.yml (push image, deploy staging/prod)…
+
+Story: Observability & Monitoring
+
+Logging (pino/winston)…
+
+Error tracking (Sentry)…
+
+/api/health…
+
+/api/metrics (Prometheus prom-client)…
+
+Epic: AI Integration
+Story: AI Services
+
+Select AI provider (đánh giá cost/perf/language)…
+
+AI proxy endpoint (/api/ai/generate) — prompt engineering, rate limit, cache…
+
+Prompt library (lib/prompts.ts)…
+
+AI usage tracking (model AIUsage hoặc gắn vào Analytics)…
+
+AI tone tuning (formal/friendly/professional)…
+
+Content idea generator (/api/ai/ideas)…
+
+Epic: Performance & Scalability
+Story: Optimisations
+
+Bundle analysis (next build --profile, dynamic imports)…
+
+Image optimization (<Image/>, lazy)…
+
+Virtualization (lists >100 rows)…
+
+Caching & SWR (React Query strategies)…
+
+⚠️ Tổng số mục checklist vượt 150 (đủ chuẩn để tạo GitHub Issues ngay).
+
+10. CI/CD & Quality Gates
+
+Static Analysis (ESLint/Prettier, Husky pre-commit).
+
+Type Checking (tsc --noEmit trong CI).
+
+Unit & Integration Tests (≥80% cho core logic).
+
+E2E Tests (Playwright trên PR).
+
+Build & Health Check (ping /api/health).
+
+Code Review (branch protection + Conventional Commits).
+
+Secrets Management (GitHub Secrets, .env.example).
+
+CD Pipeline (deploy staging tự động; smoke test; promote to prod).
+
+11. .env & xử lý secrets (Secrets Handling)
+
+Tạo .env.example với các biến:
+
+DATABASE_URL="postgresql://aim_user:password@localhost:5432/aim_db"
+NEXTAUTH_SECRET="set-a-random-secret-here"
+NEXTAUTH_URL="http://localhost:3000"
+S3_BUCKET="aim-assets"
+S3_REGION="ap-southeast-1"
+S3_ACCESS_KEY_ID=""
+S3_SECRET_ACCESS_KEY=""
+AI_API_KEY=""
+PUBLIC_SITE_URL="http://localhost:3000"
+DEFAULT_LANGUAGE="en"
+
+# Optional
+
+SMTP_HOST=""
+SMTP_PORT=""
+SMTP_USER=""
+SMTP_PASS=""
+
+Dev sao chép .env.example → .env (được .gitignore).
+
+Prod dùng platform secrets (Vercel/AWS/GitHub Actions).
+
+Tránh log secrets; rotate định kỳ; least privilege.
+
+12. Câu hỏi mở (Open Questions)
+
+Stack Upgrade Tolerance: Giữ Next.js 15 hay cân nhắc Next.js 14 LTS để ổn định?
+
+Roles bổ sung: Có cần Reviewer/Publisher không?
+
+Compliance: Có yêu cầu GDPR/ISO cụ thể? (ảnh hưởng đến retention, consent, audit).
+
+13. Phụ lục (Appendix)
+    Scripts/Commands đề xuất
+
+pnpm prisma generate
+
+pnpm prisma migrate dev --name <migration>
+
+pnpm seed
+
+pnpm dev
+
+pnpm build
+
+pnpm test
+
+pnpm e2e
+
+node scripts/publish-worker.js
+
+Quy ước thư mục (Folder Conventions)
+
+app/ (App Router; groups theo role).
+
+components/ (UI tái sử dụng theo domain).
+
+lib/ (Prisma/RBAC/logger/metrics/prompts/hooks).
+
+prisma/ (schema + migrations).
+
+public/ (assets).
+
+scripts/ (seed/cron/test data).
+
+tests/ (unit/integration/e2e).
+
+Coding Guidelines
+
+TypeScript nghiêm ngặt, tránh any.
+
+Conventional Commits.
+
+ESLint + Prettier (Next preset).
+
+Ưu tiên Server Components; Client Components khi cần interactivity.
+
+React Query cho data fetching/cache.
+
+zod validate ở boundary (API/forms).
+
+A11y với Radix/ARIA.
+
+Viết tests cho components/APIs (ưu tiên critical paths).
diff --git a/store/campaign-store.ts b/store/campaign-store.ts
new file mode 100644
index 00000000..18867688
--- /dev/null
+++ b/store/campaign-store.ts
@@ -0,0 +1,648 @@
+import { create } from 'zustand';
+import { devtools } from 'zustand/middleware';
+import type {
+   Campaign,
+   CampaignTask,
+   CampaignMember,
+   CampaignLabel,
+   CampaignMilestone,
+   CampaignFilters,
+   TaskFilters,
+   PaginationMeta,
+   CreateCampaignData,
+   UpdateCampaignData,
+   CreateTaskData,
+   UpdateTaskData,
+   CreateLabelData,
+   UpdateLabelData,
+   CreateMilestoneData,
+   UpdateMilestoneData,
+   AddMemberData,
+   UpdateMemberData,
+} from '@/types/campaign';
+
+// Types for the store
+interface CampaignState {
+   // Data
+   campaigns: Campaign[];
+   currentCampaign: Campaign | null;
+   tasks: CampaignTask[];
+   members: CampaignMember[];
+   labels: CampaignLabel[];
+   milestones: CampaignMilestone[];
+
+   // UI State
+   loading: boolean;
+   error: string | null;
+   filters: CampaignFilters;
+   taskFilters: TaskFilters;
+   pagination: PaginationMeta;
+   selectedCampaignId: string | null;
+
+   // View State
+   viewMode: 'table' | 'grid' | 'compact';
+   sidebarOpen: boolean;
+   detailPanelOpen: boolean;
+
+   // Search state
+   searchQuery: string;
+   searchResults: Campaign[];
+
+   // Actions
+   // Campaign CRUD
+   setCampaigns: (campaigns: Campaign[]) => void;
+   addCampaign: (campaign: Campaign) => void;
+   updateCampaign: (id: string, data: Partial<Campaign>) => void;
+   removeCampaign: (id: string) => void;
+   setCurrentCampaign: (campaign: Campaign | null) => void;
+
+   // Task management
+   setTasks: (tasks: CampaignTask[]) => void;
+   addTask: (task: CampaignTask) => void;
+   updateTask: (id: string, data: Partial<CampaignTask>) => void;
+   removeTask: (id: string) => void;
+   addSubtask: (parentId: string, subtask: CampaignTask) => void;
+
+   // Member management
+   setMembers: (members: CampaignMember[]) => void;
+   addMember: (member: CampaignMember) => void;
+   updateMember: (id: string, data: Partial<CampaignMember>) => void;
+   removeMember: (id: string) => void;
+
+   // Label management
+   setLabels: (labels: CampaignLabel[]) => void;
+   addLabel: (label: CampaignLabel) => void;
+   updateLabel: (id: string, data: Partial<CampaignLabel>) => void;
+   removeLabel: (id: string) => void;
+
+   // Milestone management
+   setMilestones: (milestones: CampaignMilestone[]) => void;
+   addMilestone: (milestone: CampaignMilestone) => void;
+   updateMilestone: (id: string, data: Partial<CampaignMilestone>) => void;
+   removeMilestone: (id: string) => void;
+
+   // Filtering and search
+   setFilters: (filters: Partial<CampaignFilters>) => void;
+   clearFilters: () => void;
+   setTaskFilters: (filters: Partial<TaskFilters>) => void;
+   clearTaskFilters: () => void;
+   setSearchQuery: (query: string) => void;
+   setSearchResults: (results: Campaign[]) => void;
+
+   // Pagination
+   setPagination: (pagination: PaginationMeta) => void;
+   setPage: (page: number) => void;
+
+   // UI state
+   setLoading: (loading: boolean) => void;
+   setError: (error: string | null) => void;
+   setViewMode: (mode: 'table' | 'grid' | 'compact') => void;
+   setSidebarOpen: (open: boolean) => void;
+   setDetailPanelOpen: (open: boolean) => void;
+   setSelectedCampaignId: (id: string | null) => void;
+
+   // Computed getters
+   getFilteredCampaigns: () => Campaign[];
+   getFilteredTasks: () => CampaignTask[];
+   getCampaignById: (id: string) => Campaign | undefined;
+   getTaskById: (id: string) => CampaignTask | undefined;
+   getCampaignTasks: (campaignId: string) => CampaignTask[];
+   getCampaignMembers: (campaignId: string) => CampaignMember[];
+
+   // Utility actions
+   reset: () => void;
+   resetCurrentCampaign: () => void;
+}
+
+const initialFilters: CampaignFilters = {};
+const initialTaskFilters: TaskFilters = {};
+const initialPagination: PaginationMeta = {
+   page: 1,
+   limit: 20,
+   total: 0,
+   totalPages: 0,
+   hasNextPage: false,
+   hasPrevPage: false,
+};
+
+export const useCampaignStore = create<CampaignState>()(
+   devtools(
+      (set, get) => ({
+         // Initial state
+         campaigns: [],
+         currentCampaign: null,
+         tasks: [],
+         members: [],
+         labels: [],
+         milestones: [],
+
+         loading: false,
+         error: null,
+         filters: initialFilters,
+         taskFilters: initialTaskFilters,
+         pagination: initialPagination,
+         selectedCampaignId: null,
+
+         viewMode: 'table',
+         sidebarOpen: true,
+         detailPanelOpen: false,
+
+         searchQuery: '',
+         searchResults: [],
+
+         // Campaign CRUD actions
+         setCampaigns: (campaigns) => set({ campaigns }, false, 'setCampaigns'),
+
+         addCampaign: (campaign) =>
+            set(
+               (state) => ({
+                  campaigns: [campaign, ...state.campaigns],
+               }),
+               false,
+               'addCampaign'
+            ),
+
+         updateCampaign: (id, data) =>
+            set(
+               (state) => ({
+                  campaigns: state.campaigns.map((campaign) =>
+                     campaign.id === id ? { ...campaign, ...data } : campaign
+                  ),
+                  currentCampaign:
+                     state.currentCampaign?.id === id
+                        ? { ...state.currentCampaign, ...data }
+                        : state.currentCampaign,
+               }),
+               false,
+               'updateCampaign'
+            ),
+
+         removeCampaign: (id) =>
+            set(
+               (state) => ({
+                  campaigns: state.campaigns.filter((campaign) => campaign.id !== id),
+                  currentCampaign: state.currentCampaign?.id === id ? null : state.currentCampaign,
+                  selectedCampaignId:
+                     state.selectedCampaignId === id ? null : state.selectedCampaignId,
+               }),
+               false,
+               'removeCampaign'
+            ),
+
+         setCurrentCampaign: (campaign) =>
+            set({ currentCampaign: campaign }, false, 'setCurrentCampaign'),
+
+         // Task management actions
+         setTasks: (tasks) => set({ tasks }, false, 'setTasks'),
+
+         addTask: (task) =>
+            set(
+               (state) => ({
+                  tasks: [...state.tasks, task],
+               }),
+               false,
+               'addTask'
+            ),
+
+         updateTask: (id, data) =>
+            set(
+               (state) => ({
+                  tasks: state.tasks.map((task) => (task.id === id ? { ...task, ...data } : task)),
+               }),
+               false,
+               'updateTask'
+            ),
+
+         removeTask: (id) =>
+            set(
+               (state) => ({
+                  tasks: state.tasks.filter((task) => task.id !== id),
+               }),
+               false,
+               'removeTask'
+            ),
+
+         addSubtask: (parentId, subtask) =>
+            set(
+               (state) => ({
+                  tasks: state.tasks.map((task) =>
+                     task.id === parentId
+                        ? {
+                             ...task,
+                             subtasks: [...(task.subtasks || []), subtask],
+                             _count: {
+                                ...task._count,
+                                subtasks: (task._count?.subtasks || 0) + 1,
+                             },
+                          }
+                        : task
+                  ),
+               }),
+               false,
+               'addSubtask'
+            ),
+
+         // Member management actions
+         setMembers: (members) => set({ members }, false, 'setMembers'),
+
+         addMember: (member) =>
+            set(
+               (state) => ({
+                  members: [...state.members, member],
+               }),
+               false,
+               'addMember'
+            ),
+
+         updateMember: (id, data) =>
+            set(
+               (state) => ({
+                  members: state.members.map((member) =>
+                     member.id === id ? { ...member, ...data } : member
+                  ),
+               }),
+               false,
+               'updateMember'
+            ),
+
+         removeMember: (id) =>
+            set(
+               (state) => ({
+                  members: state.members.filter((member) => member.id !== id),
+               }),
+               false,
+               'removeMember'
+            ),
+
+         // Label management actions
+         setLabels: (labels) => set({ labels }, false, 'setLabels'),
+
+         addLabel: (label) =>
+            set(
+               (state) => ({
+                  labels: [...state.labels, label],
+               }),
+               false,
+               'addLabel'
+            ),
+
+         updateLabel: (id, data) =>
+            set(
+               (state) => ({
+                  labels: state.labels.map((label) =>
+                     label.id === id ? { ...label, ...data } : label
+                  ),
+               }),
+               false,
+               'updateLabel'
+            ),
+
+         removeLabel: (id) =>
+            set(
+               (state) => ({
+                  labels: state.labels.filter((label) => label.id !== id),
+               }),
+               false,
+               'removeLabel'
+            ),
+
+         // Milestone management actions
+         setMilestones: (milestones) => set({ milestones }, false, 'setMilestones'),
+
+         addMilestone: (milestone) =>
+            set(
+               (state) => ({
+                  milestones: [...state.milestones, milestone],
+               }),
+               false,
+               'addMilestone'
+            ),
+
+         updateMilestone: (id, data) =>
+            set(
+               (state) => ({
+                  milestones: state.milestones.map((milestone) =>
+                     milestone.id === id ? { ...milestone, ...data } : milestone
+                  ),
+               }),
+               false,
+               'updateMilestone'
+            ),
+
+         removeMilestone: (id) =>
+            set(
+               (state) => ({
+                  milestones: state.milestones.filter((milestone) => milestone.id !== id),
+               }),
+               false,
+               'removeMilestone'
+            ),
+
+         // Filtering and search actions
+         setFilters: (newFilters) =>
+            set(
+               (state) => ({
+                  filters: { ...state.filters, ...newFilters },
+               }),
+               false,
+               'setFilters'
+            ),
+
+         clearFilters: () => set({ filters: initialFilters }, false, 'clearFilters'),
+
+         setTaskFilters: (newFilters) =>
+            set(
+               (state) => ({
+                  taskFilters: { ...state.taskFilters, ...newFilters },
+               }),
+               false,
+               'setTaskFilters'
+            ),
+
+         clearTaskFilters: () =>
+            set({ taskFilters: initialTaskFilters }, false, 'clearTaskFilters'),
+
+         setSearchQuery: (query) => set({ searchQuery: query }, false, 'setSearchQuery'),
+
+         setSearchResults: (results) => set({ searchResults: results }, false, 'setSearchResults'),
+
+         // Pagination actions
+         setPagination: (pagination) => set({ pagination }, false, 'setPagination'),
+
+         setPage: (page) =>
+            set(
+               (state) => ({
+                  pagination: { ...state.pagination, page },
+               }),
+               false,
+               'setPage'
+            ),
+
+         // UI state actions
+         setLoading: (loading) => set({ loading }, false, 'setLoading'),
+
+         setError: (error) => set({ error }, false, 'setError'),
+
+         setViewMode: (mode) => set({ viewMode: mode }, false, 'setViewMode'),
+
+         setSidebarOpen: (open) => set({ sidebarOpen: open }, false, 'setSidebarOpen'),
+
+         setDetailPanelOpen: (open) => set({ detailPanelOpen: open }, false, 'setDetailPanelOpen'),
+
+         setSelectedCampaignId: (id) =>
+            set({ selectedCampaignId: id }, false, 'setSelectedCampaignId'),
+
+         // Computed getters
+         getFilteredCampaigns: () => {
+            const { campaigns, filters, searchQuery } = get();
+            let filtered = campaigns;
+
+            // Apply status filter
+            if (filters.status) {
+               filtered = filtered.filter((campaign) => campaign.status === filters.status);
+            }
+
+            // Apply health filter
+            if (filters.health) {
+               filtered = filtered.filter((campaign) => campaign.health === filters.health);
+            }
+
+            // Apply priority filter
+            if (filters.priority) {
+               filtered = filtered.filter((campaign) => campaign.priority === filters.priority);
+            }
+
+            // Apply lead filter
+            if (filters.leadId) {
+               filtered = filtered.filter((campaign) => campaign.leadId === filters.leadId);
+            }
+
+            // Apply member filter
+            if (filters.memberId) {
+               filtered = filtered.filter((campaign) =>
+                  campaign.members?.some((member) => member.userId === filters.memberId)
+               );
+            }
+
+            // Apply search filter
+            const query = filters.search || searchQuery;
+            if (query) {
+               const lowerQuery = query.toLowerCase();
+               filtered = filtered.filter(
+                  (campaign) =>
+                     campaign.name.toLowerCase().includes(lowerQuery) ||
+                     campaign.summary?.toLowerCase().includes(lowerQuery) ||
+                     campaign.description?.toLowerCase().includes(lowerQuery)
+               );
+            }
+
+            // Apply date filters
+            if (filters.startDate) {
+               const startDate = new Date(filters.startDate);
+               filtered = filtered.filter(
+                  (campaign) => campaign.startDate && new Date(campaign.startDate) >= startDate
+               );
+            }
+
+            if (filters.endDate) {
+               const endDate = new Date(filters.endDate);
+               filtered = filtered.filter(
+                  (campaign) => campaign.targetDate && new Date(campaign.targetDate) <= endDate
+               );
+            }
+
+            return filtered;
+         },
+
+         getFilteredTasks: () => {
+            const { tasks, taskFilters } = get();
+            let filtered = tasks;
+
+            // Apply status filter
+            if (taskFilters.status) {
+               filtered = filtered.filter((task) => task.status === taskFilters.status);
+            }
+
+            // Apply priority filter
+            if (taskFilters.priority) {
+               filtered = filtered.filter((task) => task.priority === taskFilters.priority);
+            }
+
+            // Apply assignee filter
+            if (taskFilters.assigneeId) {
+               filtered = filtered.filter((task) => task.assigneeId === taskFilters.assigneeId);
+            }
+
+            // Apply parent task filter
+            if (taskFilters.parentTaskId) {
+               filtered = filtered.filter((task) => task.parentTaskId === taskFilters.parentTaskId);
+            }
+
+            // Apply search filter
+            if (taskFilters.search) {
+               const lowerQuery = taskFilters.search.toLowerCase();
+               filtered = filtered.filter(
+                  (task) =>
+                     task.title.toLowerCase().includes(lowerQuery) ||
+                     task.description?.toLowerCase().includes(lowerQuery)
+               );
+            }
+
+            // Apply due date filter
+            if (taskFilters.dueDate) {
+               const dueDate = new Date(taskFilters.dueDate);
+               filtered = filtered.filter(
+                  (task) => task.dueDate && new Date(task.dueDate) <= dueDate
+               );
+            }
+
+            return filtered;
+         },
+
+         getCampaignById: (id) => {
+            return get().campaigns.find((campaign) => campaign.id === id);
+         },
+
+         getTaskById: (id) => {
+            return get().tasks.find((task) => task.id === id);
+         },
+
+         getCampaignTasks: (campaignId) => {
+            return get().tasks.filter((task) => task.campaignId === campaignId);
+         },
+
+         getCampaignMembers: (campaignId) => {
+            return get().members.filter((member) => member.campaignId === campaignId);
+         },
+
+         // Utility actions
+         reset: () =>
+            set(
+               {
+                  campaigns: [],
+                  currentCampaign: null,
+                  tasks: [],
+                  members: [],
+                  labels: [],
+                  milestones: [],
+                  loading: false,
+                  error: null,
+                  filters: initialFilters,
+                  taskFilters: initialTaskFilters,
+                  pagination: initialPagination,
+                  selectedCampaignId: null,
+                  viewMode: 'table',
+                  sidebarOpen: true,
+                  detailPanelOpen: false,
+                  searchQuery: '',
+                  searchResults: [],
+               },
+               false,
+               'reset'
+            ),
+
+         resetCurrentCampaign: () =>
+            set(
+               {
+                  currentCampaign: null,
+                  tasks: [],
+                  members: [],
+                  labels: [],
+                  milestones: [],
+                  selectedCampaignId: null,
+                  detailPanelOpen: false,
+               },
+               false,
+               'resetCurrentCampaign'
+            ),
+      }),
+      {
+         name: 'campaign-store',
+      }
+   )
+);
+
+// Selector hooks for performance optimization
+export const useCampaigns = () => useCampaignStore((state) => state.campaigns);
+export const useCurrentCampaign = () => useCampaignStore((state) => state.currentCampaign);
+export const useCampaignTasks = () => useCampaignStore((state) => state.tasks);
+export const useCampaignMembers = () => useCampaignStore((state) => state.members);
+export const useCampaignLabels = () => useCampaignStore((state) => state.labels);
+export const useCampaignMilestones = () => useCampaignStore((state) => state.milestones);
+export const useCampaignLoading = () => useCampaignStore((state) => state.loading);
+export const useCampaignError = () => useCampaignStore((state) => state.error);
+export const useCampaignFilters = () => useCampaignStore((state) => state.filters);
+export const useCampaignPagination = () => useCampaignStore((state) => state.pagination);
+export const useCampaignViewMode = () => useCampaignStore((state) => state.viewMode);
+export const useSelectedCampaignId = () => useCampaignStore((state) => state.selectedCampaignId);
+
+// Actions selector hooks
+export const useCampaignActions = () =>
+   useCampaignStore((state) => ({
+      setCampaigns: state.setCampaigns,
+      addCampaign: state.addCampaign,
+      updateCampaign: state.updateCampaign,
+      removeCampaign: state.removeCampaign,
+      setCurrentCampaign: state.setCurrentCampaign,
+      setLoading: state.setLoading,
+      setError: state.setError,
+      setFilters: state.setFilters,
+      clearFilters: state.clearFilters,
+      setPagination: state.setPagination,
+      setPage: state.setPage,
+      setViewMode: state.setViewMode,
+      setSelectedCampaignId: state.setSelectedCampaignId,
+      reset: state.reset,
+      resetCurrentCampaign: state.resetCurrentCampaign,
+   }));
+
+export const useTaskActions = () =>
+   useCampaignStore((state) => ({
+      setTasks: state.setTasks,
+      addTask: state.addTask,
+      updateTask: state.updateTask,
+      removeTask: state.removeTask,
+      addSubtask: state.addSubtask,
+      setTaskFilters: state.setTaskFilters,
+      clearTaskFilters: state.clearTaskFilters,
+   }));
+
+export const useMemberActions = () =>
+   useCampaignStore((state) => ({
+      setMembers: state.setMembers,
+      addMember: state.addMember,
+      updateMember: state.updateMember,
+      removeMember: state.removeMember,
+   }));
+
+export const useLabelActions = () =>
+   useCampaignStore((state) => ({
+      setLabels: state.setLabels,
+      addLabel: state.addLabel,
+      updateLabel: state.updateLabel,
+      removeLabel: state.removeLabel,
+   }));
+
+export const useMilestoneActions = () =>
+   useCampaignStore((state) => ({
+      setMilestones: state.setMilestones,
+      addMilestone: state.addMilestone,
+      updateMilestone: state.updateMilestone,
+      removeMilestone: state.removeMilestone,
+   }));
+
+// Computed selector hooks
+export const useFilteredCampaigns = () => useCampaignStore((state) => state.getFilteredCampaigns());
+
+export const useFilteredTasks = () => useCampaignStore((state) => state.getFilteredTasks());
+
+export const useCampaignById = (id: string) =>
+   useCampaignStore((state) => state.getCampaignById(id));
+
+export const useTaskById = (id: string) => useCampaignStore((state) => state.getTaskById(id));
+
+export const useCampaignTasksById = (campaignId: string) =>
+   useCampaignStore((state) => state.getCampaignTasks(campaignId));
+
+export const useCampaignMembersById = (campaignId: string) =>
+   useCampaignStore((state) => state.getCampaignMembers(campaignId));
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
new file mode 100644
index 00000000..028d6dbc
--- /dev/null
+++ b/test-results/.last-run.json
@@ -0,0 +1,4 @@
+{
+   "status": "passed",
+   "failedTests": []
+}
diff --git a/tests/e2e/basic.spec.ts b/tests/e2e/basic.spec.ts
new file mode 100644
index 00000000..04deca25
--- /dev/null
+++ b/tests/e2e/basic.spec.ts
@@ -0,0 +1,21 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Basic functionality', () => {
+   test('should load the homepage', async ({ page }) => {
+      await page.goto('/');
+      await expect(page).toHaveTitle(/Circle/);
+   });
+
+   test('should have working navigation', async ({ page }) => {
+      await page.goto('/');
+      // Add more navigation tests based on your app structure
+   });
+
+   test('API health check', async ({ request }) => {
+      const response = await request.get('/api/health');
+      expect(response.ok()).toBeTruthy();
+
+      const data = await response.json();
+      expect(data).toHaveProperty('status');
+   });
+});
diff --git a/types/campaign.ts b/types/campaign.ts
new file mode 100644
index 00000000..9e87eb64
--- /dev/null
+++ b/types/campaign.ts
@@ -0,0 +1,394 @@
+import type {
+   Campaign as PrismaCampaign,
+   CampaignMember as PrismaCampaignMember,
+   CampaignTask as PrismaCampaignTask,
+   CampaignLabel as PrismaCampaignLabel,
+   CampaignMilestone as PrismaCampaignMilestone,
+   User,
+   Content,
+   Schedule,
+   CampaignStatus,
+   CampaignHealth,
+   CampaignPriority,
+   CampaignMemberRole,
+   TaskStatus,
+   TaskPriority,
+} from '@prisma/client';
+
+// Base interfaces
+export interface Campaign extends PrismaCampaign {
+   lead?: {
+      id: string;
+      name: string | null;
+      email: string;
+      image: string | null;
+   } | null;
+   members?: CampaignMember[];
+   tasks?: CampaignTask[];
+   labels?: CampaignLabel[];
+   milestones?: CampaignMilestone[];
+   contents?: Content[];
+   schedules?: Schedule[];
+   _count?: {
+      tasks: number;
+      members: number;
+      labels: number;
+      milestones: number;
+      contents: number;
+      schedules: number;
+   };
+}
+
+export interface CampaignMember extends PrismaCampaignMember {
+   user: {
+      id: string;
+      name: string | null;
+      email: string;
+      image: string | null;
+   };
+}
+
+export interface CampaignTask extends PrismaCampaignTask {
+   assignee?: {
+      id: string;
+      name: string | null;
+      email: string;
+      image: string | null;
+   } | null;
+   subtasks?: CampaignTask[];
+   parentTask?: CampaignTask | null;
+   _count?: {
+      subtasks: number;
+   };
+}
+
+export interface CampaignLabel extends PrismaCampaignLabel {}
+
+export interface CampaignMilestone extends PrismaCampaignMilestone {}
+
+// Form interfaces
+export interface CreateCampaignData {
+   name: string;
+   summary?: string;
+   description?: string;
+   status?: CampaignStatus;
+   health?: CampaignHealth;
+   priority?: CampaignPriority;
+   leadId?: string;
+   startDate?: string;
+   targetDate?: string;
+}
+
+export interface UpdateCampaignData {
+   name?: string;
+   summary?: string;
+   description?: string;
+   status?: CampaignStatus;
+   health?: CampaignHealth;
+   priority?: CampaignPriority;
+   leadId?: string;
+   startDate?: string;
+   targetDate?: string;
+}
+
+export interface CreateTaskData {
+   title: string;
+   description?: string;
+   status?: TaskStatus;
+   priority?: TaskPriority;
+   assigneeId?: string;
+   parentTaskId?: string;
+   dueDate?: string;
+   campaignId: string;
+}
+
+export interface UpdateTaskData {
+   title?: string;
+   description?: string;
+   status?: TaskStatus;
+   priority?: TaskPriority;
+   assigneeId?: string;
+   parentTaskId?: string;
+   dueDate?: string;
+   completedAt?: string;
+}
+
+export interface CreateLabelData {
+   name: string;
+   color?: string;
+}
+
+export interface UpdateLabelData {
+   name?: string;
+   color?: string;
+}
+
+export interface CreateMilestoneData {
+   title: string;
+   description?: string;
+   dueDate: string;
+}
+
+export interface UpdateMilestoneData {
+   title?: string;
+   description?: string;
+   dueDate?: string;
+   completedAt?: string;
+}
+
+export interface AddMemberData {
+   userId: string;
+   role?: CampaignMemberRole;
+}
+
+export interface UpdateMemberData {
+   role: CampaignMemberRole;
+}
+
+// Filter interfaces
+export interface CampaignFilters {
+   status?: CampaignStatus;
+   health?: CampaignHealth;
+   priority?: CampaignPriority;
+   search?: string;
+   leadId?: string;
+   memberId?: string;
+   startDate?: string;
+   endDate?: string;
+}
+
+export interface TaskFilters {
+   status?: TaskStatus;
+   priority?: TaskPriority;
+   assigneeId?: string;
+   search?: string;
+   parentTaskId?: string;
+   dueDate?: string;
+}
+
+// Pagination interfaces
+export interface PaginationParams {
+   page?: number;
+   limit?: number;
+}
+
+export interface PaginationMeta {
+   page: number;
+   limit: number;
+   total: number;
+   totalPages: number;
+   hasNextPage: boolean;
+   hasPrevPage: boolean;
+}
+
+export interface PaginatedResponse<T> {
+   data: T[];
+   pagination: PaginationMeta;
+}
+
+// API response interfaces
+export interface CampaignsResponse extends PaginatedResponse<Campaign> {
+   campaigns: Campaign[];
+}
+
+export interface TasksResponse extends PaginatedResponse<CampaignTask> {
+   tasks: CampaignTask[];
+}
+
+// Component prop interfaces
+export interface CampaignListProps {
+   campaigns: Campaign[];
+   filters: CampaignFilters;
+   pagination: PaginationMeta;
+   onFilterChange: (filters: CampaignFilters) => void;
+   onPageChange: (page: number) => void;
+   onCreateCampaign: () => void;
+   onSelectCampaign: (campaign: Campaign) => void;
+   onEditCampaign: (campaign: Campaign) => void;
+   onDeleteCampaign: (campaign: Campaign) => void;
+}
+
+export interface CampaignCardProps {
+   campaign: Campaign;
+   onSelect: (campaign: Campaign) => void;
+   onEdit: (campaign: Campaign) => void;
+   onDelete: (campaign: Campaign) => void;
+   className?: string;
+}
+
+export interface CampaignTableProps {
+   campaigns: Campaign[];
+   onSelect: (campaign: Campaign) => void;
+   onEdit: (campaign: Campaign) => void;
+   onDelete: (campaign: Campaign) => void;
+   loading?: boolean;
+}
+
+export interface CampaignFormProps {
+   campaign?: Campaign;
+   onSubmit: (data: CreateCampaignData | UpdateCampaignData) => void;
+   onCancel: () => void;
+   teams: User[];
+   members: User[];
+   loading?: boolean;
+}
+
+export interface CampaignDetailProps {
+   campaign: Campaign;
+   onUpdate: (data: UpdateCampaignData) => void;
+   onDelete: () => void;
+   onAddMember: (data: AddMemberData) => void;
+   onRemoveMember: (memberId: string) => void;
+   onCreateTask: (data: CreateTaskData) => void;
+   onUpdateTask: (taskId: string, data: UpdateTaskData) => void;
+   onDeleteTask: (taskId: string) => void;
+   loading?: boolean;
+}
+
+export interface CampaignFiltersProps {
+   filters: CampaignFilters;
+   onChange: (filters: CampaignFilters) => void;
+   teams: User[];
+   members: User[];
+}
+
+export interface CampaignSearchProps {
+   value: string;
+   onChange: (value: string) => void;
+   placeholder?: string;
+}
+
+export interface CampaignStatsProps {
+   stats: {
+      total: number;
+      draft: number;
+      planning: number;
+      ready: number;
+      done: number;
+      canceled: number;
+      onTrack: number;
+      atRisk: number;
+      offTrack: number;
+   };
+}
+
+// Task component interfaces
+export interface TaskListProps {
+   tasks: CampaignTask[];
+   onUpdateTask: (taskId: string, data: UpdateTaskData) => void;
+   onDeleteTask: (taskId: string) => void;
+   onCreateSubtask: (parentTaskId: string, data: CreateTaskData) => void;
+   loading?: boolean;
+}
+
+export interface TaskItemProps {
+   task: CampaignTask;
+   onUpdate: (data: UpdateTaskData) => void;
+   onDelete: () => void;
+   onCreateSubtask: (data: CreateTaskData) => void;
+   level?: number;
+}
+
+export interface TaskFormProps {
+   task?: CampaignTask;
+   parentTask?: CampaignTask;
+   onSubmit: (data: CreateTaskData | UpdateTaskData) => void;
+   onCancel: () => void;
+   members: User[];
+   loading?: boolean;
+}
+
+// Label component interfaces
+export interface LabelListProps {
+   labels: CampaignLabel[];
+   onUpdate: (labelId: string, data: UpdateLabelData) => void;
+   onDelete: (labelId: string) => void;
+   editable?: boolean;
+}
+
+export interface LabelItemProps {
+   label: CampaignLabel;
+   onUpdate?: (data: UpdateLabelData) => void;
+   onDelete?: () => void;
+   editable?: boolean;
+   size?: 'sm' | 'md' | 'lg';
+}
+
+export interface LabelFormProps {
+   label?: CampaignLabel;
+   onSubmit: (data: CreateLabelData | UpdateLabelData) => void;
+   onCancel: () => void;
+   loading?: boolean;
+}
+
+// Milestone component interfaces
+export interface MilestoneListProps {
+   milestones: CampaignMilestone[];
+   onUpdate: (milestoneId: string, data: UpdateMilestoneData) => void;
+   onDelete: (milestoneId: string) => void;
+   editable?: boolean;
+}
+
+export interface MilestoneItemProps {
+   milestone: CampaignMilestone;
+   onUpdate?: (data: UpdateMilestoneData) => void;
+   onDelete?: () => void;
+   editable?: boolean;
+}
+
+export interface MilestoneFormProps {
+   milestone?: CampaignMilestone;
+   onSubmit: (data: CreateMilestoneData | UpdateMilestoneData) => void;
+   onCancel: () => void;
+   loading?: boolean;
+}
+
+// Status and priority utilities
+export const CAMPAIGN_STATUSES: CampaignStatus[] = [
+   'DRAFT',
+   'PLANNING',
+   'READY',
+   'DONE',
+   'CANCELED',
+];
+
+export const CAMPAIGN_HEALTH_OPTIONS: CampaignHealth[] = ['ON_TRACK', 'AT_RISK', 'OFF_TRACK'];
+
+export const CAMPAIGN_PRIORITIES: CampaignPriority[] = [
+   'NO_PRIORITY',
+   'LOW',
+   'MEDIUM',
+   'HIGH',
+   'URGENT',
+];
+
+export const TASK_STATUSES: TaskStatus[] = ['TODO', 'IN_PROGRESS', 'REVIEW', 'DONE', 'CANCELLED'];
+
+export const TASK_PRIORITIES: TaskPriority[] = ['LOW', 'MEDIUM', 'HIGH', 'URGENT'];
+
+export const CAMPAIGN_MEMBER_ROLES: CampaignMemberRole[] = ['OWNER', 'MANAGER', 'MEMBER', 'VIEWER'];
+
+// Utility type guards
+export const isCampaignStatus = (value: string): value is CampaignStatus => {
+   return CAMPAIGN_STATUSES.includes(value as CampaignStatus);
+};
+
+export const isCampaignHealth = (value: string): value is CampaignHealth => {
+   return CAMPAIGN_HEALTH_OPTIONS.includes(value as CampaignHealth);
+};
+
+export const isCampaignPriority = (value: string): value is CampaignPriority => {
+   return CAMPAIGN_PRIORITIES.includes(value as CampaignPriority);
+};
+
+export const isTaskStatus = (value: string): value is TaskStatus => {
+   return TASK_STATUSES.includes(value as TaskStatus);
+};
+
+export const isTaskPriority = (value: string): value is TaskPriority => {
+   return TASK_PRIORITIES.includes(value as TaskPriority);
+};
+
+export const isCampaignMemberRole = (value: string): value is CampaignMemberRole => {
+   return CAMPAIGN_MEMBER_ROLES.includes(value as CampaignMemberRole);
+};
diff --git a/types/index.ts b/types/index.ts
new file mode 100644
index 00000000..fda2993d
--- /dev/null
+++ b/types/index.ts
@@ -0,0 +1,5 @@
+// Campaign types
+export * from './campaign';
+
+// Re-export common Prisma types
+export type { User, Organization, Membership, OrgRole } from '@prisma/client';
diff --git a/types/next-auth.d.ts b/types/next-auth.d.ts
new file mode 100644
index 00000000..d3074f70
--- /dev/null
+++ b/types/next-auth.d.ts
@@ -0,0 +1,12 @@
+import NextAuth from 'next-auth';
+
+declare module 'next-auth' {
+   interface Session {
+      user: {
+         id: string;
+         name?: string | null;
+         email?: string | null;
+         image?: string | null;
+      };
+   }
+}
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 00000000..1bd50926
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,14 @@
+{
+   "buildCommand": "pnpm run db:generate && pnpm run build",
+   "devCommand": "pnpm run dev",
+   "installCommand": "pnpm install",
+   "framework": "nextjs",
+   "functions": {
+      "app/api/**/*.ts": {
+         "maxDuration": 30
+      }
+   },
+   "env": {
+      "NODE_ENV": "production"
+   }
+}