From 85a5f3bed746b6c90317eb79a3b5c319aa4bf1ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fatih=20Kadir=20Ak=C4=B1n?= <fatihkadirakin@gmail.com>
Date: Wed, 10 Dec 2025 15:41:23 +0300
Subject: [PATCH] Initialize v2 work

---
 .cursorrules                                  |    24 -
 .env.example                                  |    20 +
 .github/FUNDING.yml                           |     2 -
 .github/pull_request_template.md              |    20 -
 .github/workflows/ai_bot.yml                  |   623 -
 .github/workflows/auto_commands.yml           |    43 -
 .github/workflows/csv_linter.yml              |    82 -
 .github/workflows/publish.yml                 |    29 -
 .gitignore                                    |    48 +-
 .windsurfrules                                |     1 -
 Dockerfile                                    |    49 +
 Gemfile                                       |     4 -
 Gemfile.lock                                  |   309 -
 _config.yml                                   |     7 -
 _layouts/default.html                         |   380 -
 _layouts/embed-preview.html                   |   201 -
 _layouts/embed.html                           |   390 -
 components.json                               |    22 +
 docker-compose.dev.yml                        |    26 +
 docker-compose.yml                            |    53 +
 embed-preview-script.js                       |   855 --
 embed-preview-style.css                       |   251 -
 embed-preview.html                            |     6 -
 embed-script.js                               |  1028 --
 embed-style.css                               |   764 --
 embed.html                                    |     5 -
 eslint.config.mjs                             |    18 +
 messages/ar.json                              |   432 +
 messages/en.json                              |   471 +
 messages/es.json                              |   426 +
 messages/ja.json                              |   426 +
 messages/tr.json                              |   471 +
 messages/zh.json                              |   426 +
 next.config.ts                                |    28 +
 package-lock.json                             | 10393 ++++++++++++++++
 package.json                                  |    71 +
 postcss.config.mjs                            |     7 +
 prisma.config.ts                              |    16 +
 .../migrations/20251208165032/migration.sql   |   228 +
 .../20251208185808_init/migration.sql         |    20 +
 prisma/migrations/migration_lock.toml         |     3 +
 prisma/schema.prisma                          |   313 +
 prisma/seed.ts                                |   616 +
 prompts.config.ts                             |    57 +
 public/file.svg                               |     1 +
 public/globe.svg                              |     1 +
 public/next.svg                               |     1 +
 public/vercel.svg                             |     1 +
 public/window.svg                             |     1 +
 script.js                                     |  1522 ---
 scripts/find-prompt                           |     3 -
 sponsors/index.md                             |    11 -
 sponsors/prompts.json                         |   142 -
 sponsors/script.js                            |   208 -
 src/app/(auth)/layout.tsx                     |    11 +
 src/app/(auth)/login/page.tsx                 |    31 +
 src/app/(auth)/register/page.tsx              |    31 +
 src/app/[username]/page.tsx                   |   398 +
 src/app/admin/page.tsx                        |   173 +
 src/app/api/admin/categories/[id]/route.ts    |    60 +
 src/app/api/admin/categories/route.ts         |    35 +
 src/app/api/admin/tags/[id]/route.ts          |    58 +
 src/app/api/admin/tags/route.ts               |    33 +
 src/app/api/admin/users/[id]/route.ts         |    63 +
 src/app/api/admin/webhooks/[id]/route.ts      |   165 +
 src/app/api/admin/webhooks/[id]/test/route.ts |    95 +
 src/app/api/admin/webhooks/route.ts           |   126 +
 src/app/api/auth/[...nextauth]/route.ts       |     3 +
 src/app/api/auth/register/route.ts            |    77 +
 .../api/categories/[id]/subscribe/route.ts    |   109 +
 .../prompts/[id]/changes/[changeId]/route.ts  |   220 +
 src/app/api/prompts/[id]/changes/route.ts     |   120 +
 src/app/api/prompts/[id]/pin/route.ts         |   111 +
 src/app/api/prompts/[id]/route.ts             |   232 +
 .../[id]/versions/[versionId]/route.ts        |    66 +
 src/app/api/prompts/[id]/versions/route.ts    |   140 +
 src/app/api/prompts/[id]/vote/route.ts        |   110 +
 src/app/api/prompts/route.ts                  |   225 +
 src/app/api/user/notifications/route.ts       |    27 +
 src/app/api/user/profile/route.ts             |   118 +
 src/app/categories/[slug]/page.tsx            |   135 +
 src/app/categories/page.tsx                   |   124 +
 src/app/favicon.ico                           |   Bin 0 -> 25931 bytes
 src/app/globals.css                           |   230 +
 src/app/layout.tsx                            |   100 +
 src/app/not-found.tsx                         |    64 +
 src/app/page.tsx                              |   197 +
 .../prompts/[id]/changes/[changeId]/page.tsx  |   169 +
 src/app/prompts/[id]/changes/new/page.tsx     |    77 +
 src/app/prompts/[id]/edit/page.tsx            |    92 +
 src/app/prompts/[id]/opengraph-image.tsx      |   207 +
 src/app/prompts/[id]/page.tsx                 |   522 +
 src/app/prompts/new/page.tsx                  |    43 +
 src/app/prompts/page.tsx                      |   172 +
 src/app/settings/page.tsx                     |    42 +
 src/app/tags/[slug]/page.tsx                  |   183 +
 src/app/tags/page.tsx                         |    63 +
 src/components/admin/categories-table.tsx     |   364 +
 src/components/admin/tags-table.tsx           |   284 +
 src/components/admin/users-table.tsx          |   205 +
 src/components/admin/webhooks-table.tsx       |   553 +
 src/components/auth/login-form.tsx            |   104 +
 src/components/auth/register-form.tsx         |   168 +
 src/components/categories/category-item.tsx   |    47 +
 .../categories/subscribe-button.tsx           |    91 +
 src/components/layout/footer.tsx              |    21 +
 src/components/layout/header.tsx              |   242 +
 src/components/layout/notification-bell.tsx   |    95 +
 src/components/prompts/add-version-form.tsx   |   132 +
 .../prompts/change-request-actions.tsx        |    94 +
 .../prompts/change-request-form.tsx           |   198 +
 src/components/prompts/copy-button.tsx        |    37 +
 .../prompts/delete-version-button.tsx         |    85 +
 .../prompts/infinite-prompt-list.tsx          |   127 +
 src/components/prompts/pin-button.tsx         |    77 +
 src/components/prompts/prompt-card.tsx        |   183 +
 src/components/prompts/prompt-filters.tsx     |   190 +
 src/components/prompts/prompt-form.tsx        |   455 +
 src/components/prompts/prompt-list.tsx        |    61 +
 .../prompts/reopen-change-request-button.tsx  |    59 +
 src/components/prompts/run-prompt-button.tsx  |   120 +
 src/components/prompts/share-dropdown.tsx     |    72 +
 src/components/prompts/upvote-button.tsx      |    97 +
 .../prompts/version-compare-button.tsx        |    65 +
 .../prompts/version-compare-modal.tsx         |   165 +
 .../providers/branding-provider.tsx           |    32 +
 src/components/providers/index.tsx            |    57 +
 src/components/providers/theme-styles.tsx     |    17 +
 src/components/settings/profile-form.tsx      |   180 +
 src/components/ui/alert-dialog.tsx            |   141 +
 src/components/ui/avatar.tsx                  |    53 +
 src/components/ui/badge.tsx                   |    42 +
 src/components/ui/button.tsx                  |    56 +
 src/components/ui/card.tsx                    |    92 +
 src/components/ui/checkbox.tsx                |    32 +
 src/components/ui/code-editor.tsx             |   127 +
 src/components/ui/code-view.tsx               |   162 +
 src/components/ui/command.tsx                 |   184 +
 src/components/ui/dialog.tsx                  |   143 +
 src/components/ui/diff-view.tsx               |   242 +
 src/components/ui/dropdown-menu.tsx           |   257 +
 src/components/ui/form.tsx                    |   167 +
 src/components/ui/input.tsx                   |    21 +
 src/components/ui/label.tsx                   |    24 +
 src/components/ui/popover.tsx                 |    48 +
 src/components/ui/scroll-area.tsx             |    58 +
 src/components/ui/select.tsx                  |   187 +
 src/components/ui/separator.tsx               |    28 +
 src/components/ui/sheet.tsx                   |   139 +
 src/components/ui/skeleton.tsx                |    13 +
 src/components/ui/sonner.tsx                  |    40 +
 src/components/ui/switch.tsx                  |    31 +
 src/components/ui/table.tsx                   |   116 +
 src/components/ui/tabs.tsx                    |    66 +
 src/components/ui/textarea.tsx                |    18 +
 src/components/ui/tooltip.tsx                 |    61 +
 src/i18n/request.ts                           |    28 +
 src/lib/auth/index.ts                         |    96 +
 src/lib/config/index.ts                       |   111 +
 src/lib/date.ts                               |    30 +
 src/lib/db.ts                                 |    16 +
 src/lib/i18n/client.ts                        |    23 +
 src/lib/i18n/config.ts                        |    24 +
 src/lib/i18n/index.ts                         |     2 +
 src/lib/i18n/server.ts                        |    52 +
 src/lib/plugins/auth/azure.ts                 |    13 +
 src/lib/plugins/auth/credentials.ts           |    45 +
 src/lib/plugins/auth/google.ts                |    12 +
 src/lib/plugins/auth/index.ts                 |    13 +
 src/lib/plugins/index.ts                      |    56 +
 src/lib/plugins/registry.ts                   |    47 +
 src/lib/plugins/storage/index.ts              |    19 +
 src/lib/plugins/storage/s3.ts                 |   143 +
 src/lib/plugins/storage/url.ts                |    28 +
 src/lib/plugins/types.ts                      |    57 +
 src/lib/utils.ts                              |     6 +
 src/lib/webhook.ts                            |   237 +
 style.css                                     |  2404 ----
 tsconfig.json                                 |    34 +
 vibe/index.md                                 |     9 -
 vibe/script.js                                |   424 -
 181 files changed, 28216 insertions(+), 9750 deletions(-)
 delete mode 100644 .cursorrules
 create mode 100644 .env.example
 delete mode 100644 .github/pull_request_template.md
 delete mode 100644 .github/workflows/ai_bot.yml
 delete mode 100644 .github/workflows/auto_commands.yml
 delete mode 100644 .github/workflows/csv_linter.yml
 delete mode 100644 .github/workflows/publish.yml
 delete mode 120000 .windsurfrules
 create mode 100644 Dockerfile
 delete mode 100644 Gemfile
 delete mode 100644 Gemfile.lock
 delete mode 100644 _config.yml
 delete mode 100644 _layouts/default.html
 delete mode 100644 _layouts/embed-preview.html
 delete mode 100644 _layouts/embed.html
 create mode 100644 components.json
 create mode 100644 docker-compose.dev.yml
 create mode 100644 docker-compose.yml
 delete mode 100644 embed-preview-script.js
 delete mode 100644 embed-preview-style.css
 delete mode 100644 embed-preview.html
 delete mode 100644 embed-script.js
 delete mode 100644 embed-style.css
 delete mode 100644 embed.html
 create mode 100644 eslint.config.mjs
 create mode 100644 messages/ar.json
 create mode 100644 messages/en.json
 create mode 100644 messages/es.json
 create mode 100644 messages/ja.json
 create mode 100644 messages/tr.json
 create mode 100644 messages/zh.json
 create mode 100644 next.config.ts
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 postcss.config.mjs
 create mode 100644 prisma.config.ts
 create mode 100644 prisma/migrations/20251208165032/migration.sql
 create mode 100644 prisma/migrations/20251208185808_init/migration.sql
 create mode 100644 prisma/migrations/migration_lock.toml
 create mode 100644 prisma/schema.prisma
 create mode 100644 prisma/seed.ts
 create mode 100644 prompts.config.ts
 create mode 100644 public/file.svg
 create mode 100644 public/globe.svg
 create mode 100644 public/next.svg
 create mode 100644 public/vercel.svg
 create mode 100644 public/window.svg
 delete mode 100644 script.js
 delete mode 100755 scripts/find-prompt
 delete mode 100644 sponsors/index.md
 delete mode 100644 sponsors/prompts.json
 delete mode 100644 sponsors/script.js
 create mode 100644 src/app/(auth)/layout.tsx
 create mode 100644 src/app/(auth)/login/page.tsx
 create mode 100644 src/app/(auth)/register/page.tsx
 create mode 100644 src/app/[username]/page.tsx
 create mode 100644 src/app/admin/page.tsx
 create mode 100644 src/app/api/admin/categories/[id]/route.ts
 create mode 100644 src/app/api/admin/categories/route.ts
 create mode 100644 src/app/api/admin/tags/[id]/route.ts
 create mode 100644 src/app/api/admin/tags/route.ts
 create mode 100644 src/app/api/admin/users/[id]/route.ts
 create mode 100644 src/app/api/admin/webhooks/[id]/route.ts
 create mode 100644 src/app/api/admin/webhooks/[id]/test/route.ts
 create mode 100644 src/app/api/admin/webhooks/route.ts
 create mode 100644 src/app/api/auth/[...nextauth]/route.ts
 create mode 100644 src/app/api/auth/register/route.ts
 create mode 100644 src/app/api/categories/[id]/subscribe/route.ts
 create mode 100644 src/app/api/prompts/[id]/changes/[changeId]/route.ts
 create mode 100644 src/app/api/prompts/[id]/changes/route.ts
 create mode 100644 src/app/api/prompts/[id]/pin/route.ts
 create mode 100644 src/app/api/prompts/[id]/route.ts
 create mode 100644 src/app/api/prompts/[id]/versions/[versionId]/route.ts
 create mode 100644 src/app/api/prompts/[id]/versions/route.ts
 create mode 100644 src/app/api/prompts/[id]/vote/route.ts
 create mode 100644 src/app/api/prompts/route.ts
 create mode 100644 src/app/api/user/notifications/route.ts
 create mode 100644 src/app/api/user/profile/route.ts
 create mode 100644 src/app/categories/[slug]/page.tsx
 create mode 100644 src/app/categories/page.tsx
 create mode 100644 src/app/favicon.ico
 create mode 100644 src/app/globals.css
 create mode 100644 src/app/layout.tsx
 create mode 100644 src/app/not-found.tsx
 create mode 100644 src/app/page.tsx
 create mode 100644 src/app/prompts/[id]/changes/[changeId]/page.tsx
 create mode 100644 src/app/prompts/[id]/changes/new/page.tsx
 create mode 100644 src/app/prompts/[id]/edit/page.tsx
 create mode 100644 src/app/prompts/[id]/opengraph-image.tsx
 create mode 100644 src/app/prompts/[id]/page.tsx
 create mode 100644 src/app/prompts/new/page.tsx
 create mode 100644 src/app/prompts/page.tsx
 create mode 100644 src/app/settings/page.tsx
 create mode 100644 src/app/tags/[slug]/page.tsx
 create mode 100644 src/app/tags/page.tsx
 create mode 100644 src/components/admin/categories-table.tsx
 create mode 100644 src/components/admin/tags-table.tsx
 create mode 100644 src/components/admin/users-table.tsx
 create mode 100644 src/components/admin/webhooks-table.tsx
 create mode 100644 src/components/auth/login-form.tsx
 create mode 100644 src/components/auth/register-form.tsx
 create mode 100644 src/components/categories/category-item.tsx
 create mode 100644 src/components/categories/subscribe-button.tsx
 create mode 100644 src/components/layout/footer.tsx
 create mode 100644 src/components/layout/header.tsx
 create mode 100644 src/components/layout/notification-bell.tsx
 create mode 100644 src/components/prompts/add-version-form.tsx
 create mode 100644 src/components/prompts/change-request-actions.tsx
 create mode 100644 src/components/prompts/change-request-form.tsx
 create mode 100644 src/components/prompts/copy-button.tsx
 create mode 100644 src/components/prompts/delete-version-button.tsx
 create mode 100644 src/components/prompts/infinite-prompt-list.tsx
 create mode 100644 src/components/prompts/pin-button.tsx
 create mode 100644 src/components/prompts/prompt-card.tsx
 create mode 100644 src/components/prompts/prompt-filters.tsx
 create mode 100644 src/components/prompts/prompt-form.tsx
 create mode 100644 src/components/prompts/prompt-list.tsx
 create mode 100644 src/components/prompts/reopen-change-request-button.tsx
 create mode 100644 src/components/prompts/run-prompt-button.tsx
 create mode 100644 src/components/prompts/share-dropdown.tsx
 create mode 100644 src/components/prompts/upvote-button.tsx
 create mode 100644 src/components/prompts/version-compare-button.tsx
 create mode 100644 src/components/prompts/version-compare-modal.tsx
 create mode 100644 src/components/providers/branding-provider.tsx
 create mode 100644 src/components/providers/index.tsx
 create mode 100644 src/components/providers/theme-styles.tsx
 create mode 100644 src/components/settings/profile-form.tsx
 create mode 100644 src/components/ui/alert-dialog.tsx
 create mode 100644 src/components/ui/avatar.tsx
 create mode 100644 src/components/ui/badge.tsx
 create mode 100644 src/components/ui/button.tsx
 create mode 100644 src/components/ui/card.tsx
 create mode 100644 src/components/ui/checkbox.tsx
 create mode 100644 src/components/ui/code-editor.tsx
 create mode 100644 src/components/ui/code-view.tsx
 create mode 100644 src/components/ui/command.tsx
 create mode 100644 src/components/ui/dialog.tsx
 create mode 100644 src/components/ui/diff-view.tsx
 create mode 100644 src/components/ui/dropdown-menu.tsx
 create mode 100644 src/components/ui/form.tsx
 create mode 100644 src/components/ui/input.tsx
 create mode 100644 src/components/ui/label.tsx
 create mode 100644 src/components/ui/popover.tsx
 create mode 100644 src/components/ui/scroll-area.tsx
 create mode 100644 src/components/ui/select.tsx
 create mode 100644 src/components/ui/separator.tsx
 create mode 100644 src/components/ui/sheet.tsx
 create mode 100644 src/components/ui/skeleton.tsx
 create mode 100644 src/components/ui/sonner.tsx
 create mode 100644 src/components/ui/switch.tsx
 create mode 100644 src/components/ui/table.tsx
 create mode 100644 src/components/ui/tabs.tsx
 create mode 100644 src/components/ui/textarea.tsx
 create mode 100644 src/components/ui/tooltip.tsx
 create mode 100644 src/i18n/request.ts
 create mode 100644 src/lib/auth/index.ts
 create mode 100644 src/lib/config/index.ts
 create mode 100644 src/lib/date.ts
 create mode 100644 src/lib/db.ts
 create mode 100644 src/lib/i18n/client.ts
 create mode 100644 src/lib/i18n/config.ts
 create mode 100644 src/lib/i18n/index.ts
 create mode 100644 src/lib/i18n/server.ts
 create mode 100644 src/lib/plugins/auth/azure.ts
 create mode 100644 src/lib/plugins/auth/credentials.ts
 create mode 100644 src/lib/plugins/auth/google.ts
 create mode 100644 src/lib/plugins/auth/index.ts
 create mode 100644 src/lib/plugins/index.ts
 create mode 100644 src/lib/plugins/registry.ts
 create mode 100644 src/lib/plugins/storage/index.ts
 create mode 100644 src/lib/plugins/storage/s3.ts
 create mode 100644 src/lib/plugins/storage/url.ts
 create mode 100644 src/lib/plugins/types.ts
 create mode 100644 src/lib/utils.ts
 create mode 100644 src/lib/webhook.ts
 delete mode 100644 style.css
 create mode 100644 tsconfig.json
 delete mode 100644 vibe/index.md
 delete mode 100644 vibe/script.js

diff --git a/.cursorrules b/.cursorrules
deleted file mode 100644
index c25eec68..00000000
--- a/.cursorrules
+++ /dev/null
@@ -1,24 +0,0 @@
-# Project Configuration
-
-## Project Type
-- Static Site Generator: Jekyll
-- Hosting: GitHub Pages
-
-
-
-## Build Commands
-- `bundle install`: Install dependencies
-- `bundle exec jekyll serve`: Run development server
-- `bundle exec jekyll build`: Build site for production
-
-## Important Files
-- `_config.yml`: Jekyll configuration
-- `Gemfile`: Ruby dependencies
-- `_site/`: Build output directory (generated)
-- `_posts/`: Blog posts directory
-- `_layouts/`: Template layouts
-- `_includes/`: Reusable components
-
-## GitHub Pages Settings
-- Branch: gh-pages (or main/master, depending on your setup)
-- Build Source: Jekyll 
\ No newline at end of file
diff --git a/.env.example b/.env.example
new file mode 100644
index 00000000..5786fec3
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,20 @@
+# Database
+DATABASE_URL="postgresql://postgres:postgres@localhost:5432/prompts_chat?schema=public"
+
+# NextAuth
+NEXTAUTH_URL="http://localhost:3000"
+NEXTAUTH_SECRET="your-super-secret-key-change-in-production"
+
+# OAuth Providers (optional - enable in prompts.config.ts)
+# GOOGLE_CLIENT_ID=""
+# GOOGLE_CLIENT_SECRET=""
+# AZURE_AD_CLIENT_ID=""
+# AZURE_AD_CLIENT_SECRET=""
+# AZURE_AD_TENANT_ID=""
+
+# Storage Providers (optional - enable in prompts.config.ts)
+# S3_BUCKET=""
+# S3_REGION=""
+# S3_ACCESS_KEY_ID=""
+# S3_SECRET_ACCESS_KEY=""
+# S3_ENDPOINT="" # For S3-compatible services like MinIO
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index 613dd3bc..d83f13a2 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,3 +1 @@
-# These are supported funding model platforms
-
 github: [f]
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
deleted file mode 100644
index d0bea980..00000000
--- a/.github/pull_request_template.md
+++ /dev/null
@@ -1,20 +0,0 @@
-# Add New Prompt
-
-You'll need to add your prompt into README.md, and to the `prompts.csv` file. If
-your prompt includes quotes, you will need to double-quote them to escape in CSV
-file.
-
-If the prompt is generated by AI, please add `<mark>Generated by AI</mark>` to
-the end of the contribution line.
-
-- [ ] I've confirmed the prompt works well
-- [ ] I've added
-      `Contributed by: [@yourusername](https://github.com/yourusername)`
-- [ ] I've added to the README.md
-- [ ] I've added to the `prompts.csv`
-  - [ ] Escaped quotes by double-quoting them
-  - [ ] No spaces after commas after double quotes. e.g. `"Hello","hi"`, not
-        `"Hello", "hi"`
-  - [ ] Removed "Act as" from the title on CSV
-
-Please make sure you've completed all the checklist.
diff --git a/.github/workflows/ai_bot.yml b/.github/workflows/ai_bot.yml
deleted file mode 100644
index 4dfa6735..00000000
--- a/.github/workflows/ai_bot.yml
+++ /dev/null
@@ -1,623 +0,0 @@
-name: AI Bot
-
-on:
-  issues:
-    types: [opened]
-  issue_comment:
-    types: [created]
-  pull_request_review_comment:
-    types: [created]
-  pull_request:
-    types: [opened, edited, synchronize]
-
-jobs:
-  respond-to-commands:
-    runs-on: ubuntu-latest
-    if: |
-      (github.actor == 'f') &&
-      ((github.event_name == 'issues' && contains(github.event.issue.body, '/ai')) ||
-      (github.event_name == 'issue_comment' && contains(github.event.comment.body, '/ai')) ||
-      (github.event_name == 'pull_request_review_comment' && contains(github.event.comment.body, '/ai')) ||
-      (github.event_name == 'pull_request' && contains(github.event.pull_request.body, '/ai')))
-    permissions:
-      contents: write
-      pull-requests: write
-      issues: write
-
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-          token: ${{ secrets.PAT_TOKEN }}
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: "18"
-
-      - name: Install dependencies
-        run: npm install openai@^4.0.0 @octokit/rest@^19.0.0
-
-      - name: Process command
-        id: process
-        env:
-          GH_TOKEN: ${{ secrets.PAT_TOKEN }}
-          OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
-        run: |
-          node << 'EOF'
-          const OpenAI = require('openai');
-          const { Octokit } = require('@octokit/rest');
-
-          async function main() {
-            const openai = new OpenAI({
-              apiKey: process.env.OPENAI_API_KEY
-            });
-
-            const octokit = new Octokit({
-              auth: process.env.GH_TOKEN
-            });
-
-            const eventName = process.env.GITHUB_EVENT_NAME;
-            const eventPath = process.env.GITHUB_EVENT_PATH;
-            const event = require(eventPath);
-
-            // Double check user authorization
-            const actor = event.sender?.login || event.pull_request?.user?.login || event.issue?.user?.login;
-            if (actor !== 'f') {
-              console.log('Unauthorized user attempted to use the bot:', actor);
-              return;
-            }
-
-            // Get command and context
-            let command = '';
-            let issueNumber = null;
-            let isPullRequest = false;
-
-            if (eventName === 'issues') {
-              command = event.issue.body;
-              issueNumber = event.issue.number;
-            } else if (eventName === 'issue_comment') {
-              command = event.comment.body;
-              issueNumber = event.issue.number;
-              isPullRequest = !!event.issue.pull_request;
-            } else if (eventName === 'pull_request_review_comment') {
-              command = event.comment.body;
-              issueNumber = event.pull_request.number;
-              isPullRequest = true;
-            } else if (eventName === 'pull_request') {
-              command = event.pull_request.body;
-              issueNumber = event.pull_request.number;
-              isPullRequest = true;
-            }
-
-            if (!command.startsWith('/ai')) {
-              return;
-            }
-
-            // Extract the actual command after /ai
-            const aiCommand = command.substring(3).trim();
-
-            // Handle resolve conflicts command
-            if (aiCommand === 'resolve' || aiCommand === 'fix conflicts') {
-              if (!isPullRequest) {
-                console.log('Command rejected: Not a pull request');
-                await octokit.issues.createComment({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  issue_number: issueNumber,
-                  body: '❌ The resolve command can only be used on pull requests.'
-                });
-                return;
-              }
-
-              try {
-                console.log('Starting resolve command execution...');
-
-                // Get PR details
-                console.log('Fetching PR details...');
-                const { data: pr } = await octokit.pulls.get({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  pull_number: issueNumber
-                });
-                console.log(`Original PR found: #${issueNumber} from ${pr.user.login}`);
-
-                // Get the PR diff to extract the new prompt
-                console.log('Fetching PR file changes...');
-                const { data: files } = await octokit.pulls.listFiles({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  pull_number: issueNumber
-                });
-                console.log(`Found ${files.length} changed files`);
-
-                // Extract prompt from changes
-                console.log('Analyzing changes to extract prompt information...');
-                const prompts = new Map(); // Use Map to deduplicate prompts by title
-
-                // Helper function to normalize prompt titles
-                const normalizeTitle = (title) => {
-                  title = title.trim();
-                  // Remove "Act as" or "Act as a" or "Act as an" from start if present
-                  title = title.replace(/^Act as (?:a |an )?/i, '');
-
-                  // Capitalize each word except common articles and prepositions
-                  const lowercaseWords = ['a', 'an', 'the', 'and', 'but', 'or', 'for', 'nor', 'on', 'at', 'to', 'for', 'with', 'in'];
-                  const capitalized = title.toLowerCase().split(' ').map((word, index) => {
-                    // Always capitalize first and last word
-                    if (index === 0 || !lowercaseWords.includes(word)) {
-                      return word.charAt(0).toUpperCase() + word.slice(1);
-                    }
-                    return word;
-                  }).join(' ');
-
-                  // Add "Act as" prefix
-                  return `Act as ${capitalized}`;
-                };
-
-                // First try to find prompts in README
-                let foundInReadme = false;
-                for (const file of files) {
-                  console.log(`Processing file: ${file.filename}`);
-                  if (file.filename === 'README.md') {
-                    const patch = file.patch || '';
-                    const addedLines = patch.split('\n')
-                      .filter(line => line.startsWith('+'))
-                      .map(line => line.substring(1))
-                      .join('\n');
-
-                    console.log('Attempting to extract prompts from README changes...');
-                    const promptMatches = [...addedLines.matchAll(/## (?:Act as (?:a |an )?)?([^\n]+)\n(?:Contributed by:[^\n]*\n)?(?:> )?([^#]+?)(?=\n##|\n\n##|$)/ig)];
-
-                    for (const match of promptMatches) {
-                      const actName = normalizeTitle(match[1]);
-                      const promptText = match[2].trim()
-                        .replace(/^(?:Contributed by:?[^\n]*\n\s*)+/i, '')
-                        .trim();
-                      const contributorLine = addedLines.match(/Contributed by: \[@([^\]]+)\]\(https:\/\/github\.com\/([^\)]+)\)/);
-                      const contributorInfo = contributorLine
-                        ? `Contributed by: [@${contributorLine[1]}](https://github.com/${contributorLine[2]})`
-                        : `Contributed by: [@${pr.user.login}](https://github.com/${pr.user.login})`;
-
-                      prompts.set(actName.toLowerCase(), { actName, promptText, contributorInfo });
-                      console.log(`Found prompt in README: "${actName}"`);
-                      foundInReadme = true;
-                    }
-                  }
-                }
-
-                // Only look in CSV if we didn't find anything in README
-                if (!foundInReadme) {
-                  console.log('No prompts found in README, checking CSV...');
-                  for (const file of files) {
-                    if (file.filename === 'prompts.csv') {
-                      const patch = file.patch || '';
-                      const addedLines = patch.split('\n')
-                        .filter(line => line.startsWith('+'))
-                        .map(line => line.substring(1))
-                        .filter(line => line.trim()); // Remove empty lines
-
-                      console.log('Attempting to extract prompts from CSV changes...');
-                      for (const line of addedLines) {
-                        // Parse CSV line considering escaped quotes
-                        const matches = [...line.matchAll(/"([^"]*(?:""[^"]*)*)"/g)];
-                        if (matches.length >= 2) {
-                          const actName = normalizeTitle(matches[0][1].replace(/""/g, '"').trim());
-                          const promptText = matches[1][1].replace(/""/g, '"').trim()
-                            .replace(/^(?:Contributed by:?[^\n]*\n\s*)+/i, '')
-                            .trim();
-
-                          const contributorInfo = `Contributed by: [@${pr.user.login}](https://github.com/${pr.user.login})`;
-                          prompts.set(actName.toLowerCase(), { actName, promptText, contributorInfo });
-                          console.log(`Found prompt in CSV: "${actName}"`);
-                        }
-                      }
-                    }
-                  }
-                }
-
-                if (prompts.size === 0) {
-                  console.log('Failed to extract prompt information');
-                  await octokit.issues.createComment({
-                    owner: event.repository.owner.login,
-                    repo: event.repository.name,
-                    issue_number: issueNumber,
-                    body: '❌ Could not extract prompt information from changes'
-                  });
-                  return;
-                }
-
-                // Get content from main branch
-                console.log('Fetching current content from main branch...');
-                const { data: readmeFile } = await octokit.repos.getContent({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  path: 'README.md',
-                  ref: 'main'
-                });
-
-                const { data: csvFile } = await octokit.repos.getContent({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  path: 'prompts.csv',
-                  ref: 'main'
-                });
-
-                // Prepare new content
-                console.log('Preparing content updates...');
-                let readmeContent = Buffer.from(readmeFile.content, 'base64').toString('utf-8');
-                let csvContent = Buffer.from(csvFile.content, 'base64').toString('utf-8');
-                if (!csvContent.endsWith('\n')) csvContent += '\n';
-
-                // Convert Map to array for processing
-                const promptsArray = Array.from(prompts.values());
-
-                // Process each prompt
-                for (const { actName, promptText, contributorInfo } of promptsArray) {
-                  // Remove markdown quote character and trim whitespace
-                  const cleanPrompt = promptText.replace(/^>\s*/gm, '').trim();
-
-                  // For README: Add quote to each line
-                  const readmePrompt = cleanPrompt.split('\n')
-                    .map(line => `> ${line.trim()}`)
-                    .join('\n');
-                  const newSection = `## ${actName}\n${contributorInfo}\n\n${readmePrompt}\n\n`;
-
-                  // For CSV: Convert to single paragraph
-                  const csvPrompt = cleanPrompt.replace(/\n+/g, ' ').trim();
-
-                  // Insert the new section before Contributors in README
-                  const contributorsIndex = readmeContent.indexOf('## Contributors');
-                  if (contributorsIndex === -1) {
-                    console.log('Contributors section not found, appending to end');
-                    readmeContent += newSection;
-                  } else {
-                    console.log('Inserting before Contributors section');
-                    readmeContent = readmeContent.slice(0, contributorsIndex) + newSection + readmeContent.slice(contributorsIndex);
-                  }
-
-                  // Add to CSV content
-                  csvContent += `"${actName.replace(/^Act as an?/i, '').replace(/"/g, '""')}","${csvPrompt.replace(/"/g, '""')}"\n`;
-                }
-
-                // Create new branch
-                const branchName = `prompt/${promptsArray.map(p => p.actName.toLowerCase().replace(/[^a-z0-9]+/g, '-')).join('-')}`;
-                console.log(`Creating new branch: ${branchName}`);
-
-                // Check if branch exists and delete it
-                try {
-                  console.log('Checking if branch already exists...');
-                  const { data: existingRef } = await octokit.git.getRef({
-                    owner: event.repository.owner.login,
-                    repo: event.repository.name,
-                    ref: `heads/${branchName}`
-                  });
-
-                  if (existingRef) {
-                    // Check for existing PRs from this branch
-                    console.log('Checking for existing PRs from this branch...');
-                    const { data: existingPRs } = await octokit.pulls.list({
-                      owner: event.repository.owner.login,
-                      repo: event.repository.name,
-                      head: `${event.repository.owner.login}:${branchName}`,
-                      state: 'open'
-                    });
-
-                    // Close any existing PRs
-                    for (const pr of existingPRs) {
-                      console.log(`Closing existing PR #${pr.number}...`);
-                      await octokit.pulls.update({
-                        owner: event.repository.owner.login,
-                        repo: event.repository.name,
-                        pull_number: pr.number,
-                        state: 'closed'
-                      });
-                    }
-
-                    console.log('Branch exists, deleting it...');
-                    await octokit.git.deleteRef({
-                      owner: event.repository.owner.login,
-                      repo: event.repository.name,
-                      ref: `heads/${branchName}`
-                    });
-                    console.log('Existing branch deleted');
-                  }
-                } catch (error) {
-                  // 404 means branch doesn't exist, which is fine
-                  if (error.status !== 404) {
-                    throw error;
-                  }
-                  console.log('Branch does not exist, proceeding with creation');
-                }
-
-                // Get main branch ref
-                const { data: mainRef } = await octokit.git.getRef({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  ref: 'heads/main'
-                });
-
-                // Create new branch
-                await octokit.git.createRef({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  ref: `refs/heads/${branchName}`,
-                  sha: mainRef.object.sha
-                });
-
-                // Get current files from the new branch
-                console.log('Getting current file SHAs...');
-                const { data: currentReadme } = await octokit.repos.getContent({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  path: 'README.md',
-                  ref: branchName
-                });
-
-                const { data: currentCsv } = await octokit.repos.getContent({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  path: 'prompts.csv',
-                  ref: branchName
-                });
-
-                // Update files with correct author
-                console.log('Updating README.md...');
-                await octokit.repos.createOrUpdateFileContents({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  path: 'README.md',
-                  message: promptsArray.length === 1
-                    ? `feat: Add "${promptsArray[0].actName}" to README`
-                    : `feat: Add multiple prompts to README`,
-                  content: Buffer.from(readmeContent).toString('base64'),
-                  branch: branchName,
-                  sha: currentReadme.sha,
-                  committer: {
-                    name: pr.user.login,
-                    email: `${pr.user.login}@users.noreply.github.com`
-                  },
-                  author: {
-                    name: pr.user.login,
-                    email: `${pr.user.login}@users.noreply.github.com`
-                  }
-                });
-
-                console.log('Updating prompts.csv...');
-                await octokit.repos.createOrUpdateFileContents({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  path: 'prompts.csv',
-                  message: promptsArray.length === 1
-                    ? `feat: Add "${promptsArray[0].actName}" to prompts.csv`
-                    : `feat: Add multiple prompts to prompts.csv`,
-                  content: Buffer.from(csvContent).toString('base64'),
-                  branch: branchName,
-                  sha: currentCsv.sha,
-                  committer: {
-                    name: pr.user.login,
-                    email: `${pr.user.login}@users.noreply.github.com`
-                  },
-                  author: {
-                    name: pr.user.login,
-                    email: `${pr.user.login}@users.noreply.github.com`
-                  }
-                });
-
-                // Create new PR
-                const prTitle = promptsArray.length === 1
-                  ? `feat: Add "${promptsArray[0].actName}"`
-                  : `feat: Add multiple prompts (${promptsArray.map(p => `"${p.actName}"`).join(', ')})`;
-
-                const prBody = promptsArray.length === 1
-                  ? `This PR supersedes #${issueNumber} with proper formatting. Original PR by @${pr.user.login}. Added "${promptsArray[0].actName}" to README.md and prompts.csv, preserving original attribution.`
-                  : `This PR supersedes #${issueNumber} with proper formatting. Original PR by @${pr.user.login}.\n\nAdded the following prompts:\n${promptsArray.map(p => `- "${p.actName}"`).join('\n')}\n\nAll prompts have been added to README.md and prompts.csv, preserving original attribution.`;
-
-                const { data: newPr } = await octokit.pulls.create({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  title: prTitle,
-                  head: branchName,
-                  base: 'main',
-                  body: prBody
-                });
-
-                // Comment on original PR
-                await octokit.issues.createComment({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  issue_number: issueNumber,
-                  body: `I've created a new PR #${newPr.number} with your contribution properly formatted. This PR will be closed in favor of the new one.`
-                });
-
-                // Close original PR
-                await octokit.pulls.update({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  pull_number: issueNumber,
-                  state: 'closed'
-                });
-
-                console.log(`Created new PR #${newPr.number} and closed original PR #${issueNumber}`);
-
-              } catch (error) {
-                console.error('Error details:', error);
-                await octokit.issues.createComment({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  issue_number: issueNumber,
-                  body: `❌ Error while trying to create new PR:\n\`\`\`\n${error.message}\n\`\`\``
-                });
-              }
-              return;
-            }
-
-            // Handle rename command specifically
-            if (aiCommand.startsWith('rename') || aiCommand === 'suggest title') {
-              if (!isPullRequest) {
-                await octokit.issues.createComment({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  issue_number: issueNumber,
-                  body: '❌ The rename command can only be used on pull requests.'
-                });
-                return;
-              }
-
-              // Get PR details for context
-              const { data: pr } = await octokit.pulls.get({
-                owner: event.repository.owner.login,
-                repo: event.repository.name,
-                pull_number: issueNumber
-              });
-
-              // Get the list of files changed in the PR
-              const { data: files } = await octokit.pulls.listFiles({
-                owner: event.repository.owner.login,
-                repo: event.repository.name,
-                pull_number: issueNumber
-              });
-
-              // Process file changes
-              const fileChanges = await Promise.all(files.map(async file => {
-                if (file.status === 'removed') {
-                  return `Deleted: ${file.filename}`;
-                }
-
-                // Get file content for added or modified files
-                if (file.status === 'added' || file.status === 'modified') {
-                  const patch = file.patch || '';
-                  return `${file.status === 'added' ? 'Added' : 'Modified'}: ${file.filename}\nChanges:\n${patch}`;
-                }
-
-                return `${file.status}: ${file.filename}`;
-              }));
-
-              const completion = await openai.chat.completions.create({
-                model: "gpt-3.5-turbo",
-                messages: [
-                  {
-                    role: "system",
-                    content: "You are a helpful assistant that generates clear and concise pull request titles. Follow these rules:\n1. Use conventional commit style (feat:, fix:, docs:, etc.)\n2. Focus on WHAT changed, not HOW or WHERE\n3. Keep it short and meaningful\n4. Don't mention file names or technical implementation details\n5. Return ONLY the new title, nothing else\n\nGood examples:\n- feat: Add \"Act as a Career Coach\"\n- fix: Correct typo in Linux Terminal prompt\n- docs: Update installation instructions\n- refactor: Improve error handling"
-                  },
-                  {
-                    role: "user",
-                    content: `Based on these file changes, generate a concise PR title:\n\n${fileChanges.join('\n\n')}`
-                  }
-                ],
-                temperature: 0.5,
-                max_tokens: 60
-              });
-
-              const newTitle = completion.choices[0].message.content.trim();
-
-              // Update PR title
-              await octokit.pulls.update({
-                owner: event.repository.owner.login,
-                repo: event.repository.name,
-                pull_number: issueNumber,
-                title: newTitle
-              });
-
-              // Add comment about the rename
-              await octokit.issues.createComment({
-                owner: event.repository.owner.login,
-                repo: event.repository.name,
-                issue_number: issueNumber,
-                body: `✨ Updated PR title to: "${newTitle}"\n\nBased on the following changes:\n\`\`\`diff\n${fileChanges.join('\n')}\n\`\`\``
-              });
-              return;
-            }
-
-            // Handle other commands
-            const completion = await openai.chat.completions.create({
-              model: "gpt-3.5-turbo",
-              messages: [
-                {
-                  role: "system",
-                  content: "You are a helpful AI assistant that helps with GitHub repositories. You can suggest code changes, fix issues, and improve code quality."
-                },
-                {
-                  role: "user",
-                  content: aiCommand
-                }
-              ],
-              temperature: 0.7,
-              max_tokens: 2000
-            });
-
-            const response = completion.choices[0].message.content;
-
-            // If response contains code changes, create a new branch and PR
-            if (response.includes('```')) {
-              const branchName = `ai-bot/fix-${issueNumber}`;
-
-              // Create new branch
-              const defaultBranch = event.repository.default_branch;
-              const ref = await octokit.git.getRef({
-                owner: event.repository.owner.login,
-                repo: event.repository.name,
-                ref: `heads/${defaultBranch}`
-              });
-
-              await octokit.git.createRef({
-                owner: event.repository.owner.login,
-                repo: event.repository.name,
-                ref: `refs/heads/${branchName}`,
-                sha: ref.data.object.sha
-              });
-
-              // Extract code changes and file paths from response
-              const codeBlocks = response.match(/```[\s\S]*?```/g);
-              for (const block of codeBlocks) {
-                const [_, filePath, ...codeLines] = block.split('\n');
-                const content = Buffer.from(codeLines.join('\n')).toString('base64');
-
-                await octokit.repos.createOrUpdateFileContents({
-                  owner: event.repository.owner.login,
-                  repo: event.repository.name,
-                  path: filePath,
-                  message: `AI Bot: Apply suggested changes for #${issueNumber}`,
-                  content,
-                  branch: branchName
-                });
-              }
-
-              // Create PR
-              await octokit.pulls.create({
-                owner: event.repository.owner.login,
-                repo: event.repository.name,
-                title: `AI Bot: Fix for #${issueNumber}`,
-                body: `This PR was automatically generated in response to #${issueNumber}\n\nChanges proposed:\n${response}`,
-                head: branchName,
-                base: defaultBranch
-              });
-            }
-
-            // Add comment with response
-            await octokit.issues.createComment({
-              owner: event.repository.owner.login,
-              repo: event.repository.name,
-              issue_number: issueNumber,
-              body: `AI Bot Response:\n\n${response}`
-            });
-          }
-
-          main().catch(error => {
-            console.error('Error:', error);
-            process.exit(1);
-          });
-          EOF
-
-      - name: Handle errors
-        if: failure()
-        uses: actions/github-script@v6
-        with:
-          script: |
-            const issueNumber = context.issue.number || context.payload.pull_request.number;
-            await github.rest.issues.createComment({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: issueNumber,
-              body: '❌ Sorry, there was an error processing your command. Please try again or contact the repository maintainers.'
-            });
diff --git a/.github/workflows/auto_commands.yml b/.github/workflows/auto_commands.yml
deleted file mode 100644
index 6ec9006e..00000000
--- a/.github/workflows/auto_commands.yml
+++ /dev/null
@@ -1,43 +0,0 @@
-name: Auto AI Commands
-
-on:
-  pull_request:
-    types: [opened, reopened, synchronize]
-  pull_request_target:
-    types: [opened, reopened, synchronize]
-
-jobs:
-  check-and-comment:
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: write
-      issues: write
-
-    steps:
-      - name: Check PR status and comment
-        uses: actions/github-script@v6
-        with:
-          script: |
-            const pr = context.payload.pull_request;
-
-            // Check if PR has conflicts
-            if (pr.mergeable === false) {
-              console.log('PR has conflicts, commenting /ai resolve');
-              await github.rest.issues.createComment({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                issue_number: pr.number,
-                body: '/ai resolve'
-              });
-            }
-
-            // Check if PR title starts with "updated"
-            if (pr.title.toLowerCase().startsWith('updated')) {
-              console.log('PR title starts with "updated", commenting /ai suggest title');
-              await github.rest.issues.createComment({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                issue_number: pr.number,
-                body: '/ai suggest title'
-              });
-            }
diff --git a/.github/workflows/csv_linter.yml b/.github/workflows/csv_linter.yml
deleted file mode 100644
index 3e0c7219..00000000
--- a/.github/workflows/csv_linter.yml
+++ /dev/null
@@ -1,82 +0,0 @@
-name: CSV Linter and Trailing Whitespaces
-
-on:
-  push:
-  pull_request:
-
-jobs:
-  lint_and_check_trailing_whitespaces:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-
-      - name: Set up Python
-        uses: actions/setup-python@v2
-        with:
-          python-version: "3.8"
-
-      - name: Install dependencies
-        run: |
-          python -m pip install --upgrade pip
-          python -m pip install csvkit
-
-      - name: Validate CSV structure
-        run: |
-          echo "Checking CSV structure..."
-          if ! csvclean -n prompts.csv 2>&1 | tee /tmp/csv_errors.log; then
-            echo "::error::CSV validation failed"
-            cat /tmp/csv_errors.log
-            exit 1
-          fi
-
-      - name: Check CSV format
-        run: |
-          echo "Checking CSV format..."
-          if ! python -c '
-          import csv
-          with open("prompts.csv", "r", encoding="utf-8") as f:
-              reader = csv.reader(f)
-              headers = next(reader)
-              if headers != ["act", "prompt", "for_devs", "type"]:
-                  print("Error: CSV headers must be exactly [act, prompt, for_devs, type]")
-                  exit(1)
-              valid_types = ["TEXT", "JSON"]
-              for row_num, row in enumerate(reader, 2):
-                  if len(row) != 4:
-                      print(f"Error: Row {row_num} has {len(row)} columns, expected 4")
-                      exit(1)
-                  if not row[0] or not row[1] or not row[2] or not row[3]:
-                      print(f"Error: Row {row_num} has empty values")
-                      exit(1)
-                  if row[3] not in valid_types:
-                      print(f"Error: Row {row_num} has invalid type \"{row[3]}\". Must be TEXT or JSON")
-                      exit(1)
-          print("CSV format OK")
-          '; then
-            echo "::error::CSV format check failed"
-            exit 1
-          fi
-
-      - name: Check Trailing Whitespaces
-        run: |
-          echo "Checking for trailing whitespaces..."
-          if grep -q "[[:space:]]$" prompts.csv; then
-            echo "::error::Found trailing whitespaces in prompts.csv"
-            grep -n "[[:space:]]$" prompts.csv | while read -r line; do
-              echo "Line with trailing whitespace: $line"
-            done
-            exit 0
-          fi
-          echo "No trailing whitespaces found"
-
-      - name: Check for UTF-8 BOM and line endings
-        run: |
-          echo "Checking for UTF-8 BOM and line endings..."
-          if file prompts.csv | grep -q "with BOM"; then
-            echo "::error::File contains UTF-8 BOM marker"
-            exit 1
-          fi
-          if file prompts.csv | grep -q "CRLF"; then
-            echo "::error::File contains Windows-style (CRLF) line endings"
-            exit 1
-          fi
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
deleted file mode 100644
index d02d795e..00000000
--- a/.github/workflows/publish.yml
+++ /dev/null
@@ -1,29 +0,0 @@
-name: Publish to GitHub Pages
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Set up Ruby
-        uses: ruby/setup-ruby@v1
-        with:
-          ruby-version: "3.2"
-          bundler-cache: true
-
-      - name: Build site
-        run: bundle exec jekyll build
-
-      - name: Deploy to GitHub Pages
-        uses: peaceiris/actions-gh-pages@v3
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./_site
diff --git a/.gitignore b/.gitignore
index 6e3613bb..d4b7827a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,46 @@
-.idea/
-.vscode/
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
 .DS_Store
-_site/
\ No newline at end of file
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env
+.env.local
+.env.*.local
+!.env.example
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+/src/generated/prisma
diff --git a/.windsurfrules b/.windsurfrules
deleted file mode 120000
index 161303b6..00000000
--- a/.windsurfrules
+++ /dev/null
@@ -1 +0,0 @@
-.cursorrules
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 00000000..417de10c
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,49 @@
+# Build stage
+FROM node:20-alpine AS builder
+
+WORKDIR /app
+
+# Install dependencies
+COPY package*.json ./
+RUN npm ci
+
+# Copy source
+COPY . .
+
+# Generate Prisma client
+RUN npx prisma generate
+
+# Build the application
+RUN npm run build
+
+# Production stage
+FROM node:20-alpine AS runner
+
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+
+# Create non-root user
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+# Copy necessary files from builder
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/.next/standalone ./
+COPY --from=builder /app/.next/static ./.next/static
+COPY --from=builder /app/prisma ./prisma
+COPY --from=builder /app/node_modules/.prisma ./node_modules/.prisma
+
+# Set correct permissions
+RUN chown -R nextjs:nodejs /app
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT=3000
+ENV HOSTNAME="0.0.0.0"
+
+# Run database migrations and start the server
+CMD ["sh", "-c", "npx prisma migrate deploy && node server.js"]
diff --git a/Gemfile b/Gemfile
deleted file mode 100644
index 84800ed7..00000000
--- a/Gemfile
+++ /dev/null
@@ -1,4 +0,0 @@
-source "https://rubygems.org"
-
-gem "jekyll"
-gem "github-pages", group: :jekyll_plugins 
\ No newline at end of file
diff --git a/Gemfile.lock b/Gemfile.lock
deleted file mode 100644
index a6cd4477..00000000
--- a/Gemfile.lock
+++ /dev/null
@@ -1,309 +0,0 @@
-GEM
-  remote: https://rubygems.org/
-  specs:
-    activesupport (8.1.1)
-      base64
-      bigdecimal
-      concurrent-ruby (~> 1.0, >= 1.3.1)
-      connection_pool (>= 2.2.5)
-      drb
-      i18n (>= 1.6, < 2)
-      json
-      logger (>= 1.4.2)
-      minitest (>= 5.1)
-      securerandom (>= 0.3)
-      tzinfo (~> 2.0, >= 2.0.5)
-      uri (>= 0.13.1)
-    addressable (2.8.8)
-      public_suffix (>= 2.0.2, < 8.0)
-    base64 (0.3.0)
-    bigdecimal (3.3.1)
-    coffee-script (2.4.1)
-      coffee-script-source
-      execjs
-    coffee-script-source (1.12.2)
-    colorator (1.1.0)
-    commonmarker (0.23.12)
-    concurrent-ruby (1.3.5)
-    connection_pool (2.5.5)
-    csv (3.3.5)
-    dnsruby (1.73.1)
-      base64 (>= 0.2)
-      logger (~> 1.6)
-      simpleidn (~> 0.2.1)
-    drb (2.2.3)
-    em-websocket (0.5.3)
-      eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0)
-    ethon (0.15.0)
-      ffi (>= 1.15.0)
-    eventmachine (1.2.7)
-    execjs (2.10.0)
-    faraday (2.14.0)
-      faraday-net_http (>= 2.0, < 3.5)
-      json
-      logger
-    faraday-net_http (3.4.2)
-      net-http (~> 0.5)
-    ffi (1.17.2-aarch64-linux-gnu)
-    ffi (1.17.2-aarch64-linux-musl)
-    ffi (1.17.2-arm-linux-gnu)
-    ffi (1.17.2-arm-linux-musl)
-    ffi (1.17.2-arm64-darwin)
-    ffi (1.17.2-x86_64-darwin)
-    ffi (1.17.2-x86_64-linux-gnu)
-    ffi (1.17.2-x86_64-linux-musl)
-    forwardable-extended (2.6.0)
-    gemoji (4.1.0)
-    github-pages (232)
-      github-pages-health-check (= 1.18.2)
-      jekyll (= 3.10.0)
-      jekyll-avatar (= 0.8.0)
-      jekyll-coffeescript (= 1.2.2)
-      jekyll-commonmark-ghpages (= 0.5.1)
-      jekyll-default-layout (= 0.1.5)
-      jekyll-feed (= 0.17.0)
-      jekyll-gist (= 1.5.0)
-      jekyll-github-metadata (= 2.16.1)
-      jekyll-include-cache (= 0.2.1)
-      jekyll-mentions (= 1.6.0)
-      jekyll-optional-front-matter (= 0.3.2)
-      jekyll-paginate (= 1.1.0)
-      jekyll-readme-index (= 0.3.0)
-      jekyll-redirect-from (= 0.16.0)
-      jekyll-relative-links (= 0.6.1)
-      jekyll-remote-theme (= 0.4.3)
-      jekyll-sass-converter (= 1.5.2)
-      jekyll-seo-tag (= 2.8.0)
-      jekyll-sitemap (= 1.4.0)
-      jekyll-swiss (= 1.0.0)
-      jekyll-theme-architect (= 0.2.0)
-      jekyll-theme-cayman (= 0.2.0)
-      jekyll-theme-dinky (= 0.2.0)
-      jekyll-theme-hacker (= 0.2.0)
-      jekyll-theme-leap-day (= 0.2.0)
-      jekyll-theme-merlot (= 0.2.0)
-      jekyll-theme-midnight (= 0.2.0)
-      jekyll-theme-minimal (= 0.2.0)
-      jekyll-theme-modernist (= 0.2.0)
-      jekyll-theme-primer (= 0.6.0)
-      jekyll-theme-slate (= 0.2.0)
-      jekyll-theme-tactile (= 0.2.0)
-      jekyll-theme-time-machine (= 0.2.0)
-      jekyll-titles-from-headings (= 0.5.3)
-      jemoji (= 0.13.0)
-      kramdown (= 2.4.0)
-      kramdown-parser-gfm (= 1.1.0)
-      liquid (= 4.0.4)
-      mercenary (~> 0.3)
-      minima (= 2.5.1)
-      nokogiri (>= 1.16.2, < 2.0)
-      rouge (= 3.30.0)
-      terminal-table (~> 1.4)
-      webrick (~> 1.8)
-    github-pages-health-check (1.18.2)
-      addressable (~> 2.3)
-      dnsruby (~> 1.60)
-      octokit (>= 4, < 8)
-      public_suffix (>= 3.0, < 6.0)
-      typhoeus (~> 1.3)
-    html-pipeline (2.14.3)
-      activesupport (>= 2)
-      nokogiri (>= 1.4)
-    http_parser.rb (0.8.0)
-    i18n (1.14.7)
-      concurrent-ruby (~> 1.0)
-    jekyll (3.10.0)
-      addressable (~> 2.4)
-      colorator (~> 1.0)
-      csv (~> 3.0)
-      em-websocket (~> 0.5)
-      i18n (>= 0.7, < 2)
-      jekyll-sass-converter (~> 1.0)
-      jekyll-watch (~> 2.0)
-      kramdown (>= 1.17, < 3)
-      liquid (~> 4.0)
-      mercenary (~> 0.3.3)
-      pathutil (~> 0.9)
-      rouge (>= 1.7, < 4)
-      safe_yaml (~> 1.0)
-      webrick (>= 1.0)
-    jekyll-avatar (0.8.0)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-coffeescript (1.2.2)
-      coffee-script (~> 2.2)
-      coffee-script-source (~> 1.12)
-    jekyll-commonmark (1.4.0)
-      commonmarker (~> 0.22)
-    jekyll-commonmark-ghpages (0.5.1)
-      commonmarker (>= 0.23.7, < 1.1.0)
-      jekyll (>= 3.9, < 4.0)
-      jekyll-commonmark (~> 1.4.0)
-      rouge (>= 2.0, < 5.0)
-    jekyll-default-layout (0.1.5)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-feed (0.17.0)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-gist (1.5.0)
-      octokit (~> 4.2)
-    jekyll-github-metadata (2.16.1)
-      jekyll (>= 3.4, < 5.0)
-      octokit (>= 4, < 7, != 4.4.0)
-    jekyll-include-cache (0.2.1)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-mentions (1.6.0)
-      html-pipeline (~> 2.3)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-optional-front-matter (0.3.2)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-paginate (1.1.0)
-    jekyll-readme-index (0.3.0)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-redirect-from (0.16.0)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-relative-links (0.6.1)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-remote-theme (0.4.3)
-      addressable (~> 2.0)
-      jekyll (>= 3.5, < 5.0)
-      jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0)
-      rubyzip (>= 1.3.0, < 3.0)
-    jekyll-sass-converter (1.5.2)
-      sass (~> 3.4)
-    jekyll-seo-tag (2.8.0)
-      jekyll (>= 3.8, < 5.0)
-    jekyll-sitemap (1.4.0)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-swiss (1.0.0)
-    jekyll-theme-architect (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-cayman (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-dinky (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-hacker (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-leap-day (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-merlot (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-midnight (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-minimal (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-modernist (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-primer (0.6.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-github-metadata (~> 2.9)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-slate (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-tactile (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-time-machine (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-titles-from-headings (0.5.3)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-watch (2.2.1)
-      listen (~> 3.0)
-    jemoji (0.13.0)
-      gemoji (>= 3, < 5)
-      html-pipeline (~> 2.2)
-      jekyll (>= 3.0, < 5.0)
-    json (2.16.0)
-    kramdown (2.4.0)
-      rexml
-    kramdown-parser-gfm (1.1.0)
-      kramdown (~> 2.0)
-    liquid (4.0.4)
-    listen (3.9.0)
-      rb-fsevent (~> 0.10, >= 0.10.3)
-      rb-inotify (~> 0.9, >= 0.9.10)
-    logger (1.7.0)
-    mercenary (0.3.6)
-    minima (2.5.1)
-      jekyll (>= 3.5, < 5.0)
-      jekyll-feed (~> 0.9)
-      jekyll-seo-tag (~> 2.1)
-    minitest (5.26.2)
-    net-http (0.8.0)
-      uri (>= 0.11.1)
-    nokogiri (1.18.10-aarch64-linux-gnu)
-      racc (~> 1.4)
-    nokogiri (1.18.10-aarch64-linux-musl)
-      racc (~> 1.4)
-    nokogiri (1.18.10-arm-linux-gnu)
-      racc (~> 1.4)
-    nokogiri (1.18.10-arm-linux-musl)
-      racc (~> 1.4)
-    nokogiri (1.18.10-arm64-darwin)
-      racc (~> 1.4)
-    nokogiri (1.18.10-x86_64-darwin)
-      racc (~> 1.4)
-    nokogiri (1.18.10-x86_64-linux-gnu)
-      racc (~> 1.4)
-    nokogiri (1.18.10-x86_64-linux-musl)
-      racc (~> 1.4)
-    octokit (4.25.1)
-      faraday (>= 1, < 3)
-      sawyer (~> 0.9)
-    pathutil (0.16.2)
-      forwardable-extended (~> 2.6)
-    public_suffix (5.1.1)
-    racc (1.8.1)
-    rb-fsevent (0.11.2)
-    rb-inotify (0.11.1)
-      ffi (~> 1.0)
-    rexml (3.4.4)
-    rouge (3.30.0)
-    rubyzip (2.4.1)
-    safe_yaml (1.0.5)
-    sass (3.7.4)
-      sass-listen (~> 4.0.0)
-    sass-listen (4.0.0)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-    sawyer (0.9.3)
-      addressable (>= 2.3.5)
-      faraday (>= 0.17.3, < 3)
-    securerandom (0.4.1)
-    simpleidn (0.2.3)
-    terminal-table (1.8.0)
-      unicode-display_width (~> 1.1, >= 1.1.1)
-    typhoeus (1.5.0)
-      ethon (>= 0.9.0, < 0.16.0)
-    tzinfo (2.0.6)
-      concurrent-ruby (~> 1.0)
-    unicode-display_width (1.8.0)
-    uri (1.1.1)
-    webrick (1.9.2)
-
-PLATFORMS
-  aarch64-linux-gnu
-  aarch64-linux-musl
-  arm-linux-gnu
-  arm-linux-musl
-  arm64-darwin
-  x86_64-darwin
-  x86_64-linux-gnu
-  x86_64-linux-musl
-
-DEPENDENCIES
-  github-pages
-  jekyll
-
-BUNDLED WITH
-   2.5.23
diff --git a/_config.yml b/_config.yml
deleted file mode 100644
index 324b5973..00000000
--- a/_config.yml
+++ /dev/null
@@ -1,7 +0,0 @@
-name: prompts.chat
-title: prompts.chat
-subtitle: World's First & Most Famous Prompts Directory
-
-github_pages:
-  url: "https://prompts.chat"
-  branch: "main"
diff --git a/_layouts/default.html b/_layouts/default.html
deleted file mode 100644
index ff03bf6a..00000000
--- a/_layouts/default.html
+++ /dev/null
@@ -1,380 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ page.lang | default: site.lang | default: "en-US" }}">
-  <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <title>{{ page.title | default: site.title }} — awesome AI prompts</title>
-    {% seo %}
-
-    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="{{ "/style.css?v=" | append: site.github.build_revision | relative_url }}">
-  </head>
-  <body class="{{ page.body_class | default: '' }}">
-    <div class="layout-wrapper">
-      <!-- Copilot Suggestion Modal Backdrop -->
-      <div class="copilot-suggestion-backdrop"></div>
-      <!-- Copilot Suggestion Modal -->
-      <div class="copilot-suggestion-modal" id="copilotSuggestionModal">
-        <div class="copilot-suggestion-content">
-          GitHub Copilot may work better with developer mode. Would you like to switch to GitHub Copilot?
-        </div>
-        <div class="copilot-suggestion-actions">
-          <div class="copilot-suggestion-buttons">
-            <button class="copilot-suggestion-button secondary" onclick="hideCopilotSuggestion(false)">No, thanks</button>
-            <button class="copilot-suggestion-button primary" onclick="hideCopilotSuggestion(true)">Switch to GitHub Copilot</button>
-          </div>
-          <label class="copilot-suggestion-checkbox">
-            <input type="checkbox" id="doNotShowAgain">
-            Don't show again
-          </label>
-        </div>
-      </div>
-      <header class="site-header">
-        <div class="header-left">
-          <h1 class="site-title">{{ page.title | default: site.title }}</h1>
-          <p class="site-slogan">{{ page.subtitle | default: site.subtitle }}
-            {% if page.subpage != true %}
-            <a href="/vibe" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 hover:bg-green-200 transition-colors">
-              Vibe Coding Prompts
-            </a>
-            <a href="/sponsors" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800 hover:bg-purple-200 transition-colors">
-              ♥️ Improve Your GitHub Sponsors Profile
-            </a>
-            {% endif %}
-          </p>
-          {% if page.hide_platform_selector != true %}
-          <div class="site-description">
-            <p class="platform-hint">Choose your AI platform</p>
-            <div class="platform-pills">
-              <button class="platform-tag" data-platform="github-copilot" data-url="https://github.com/copilot">GitHub Copilot</button>
-              <button class="platform-tag" data-platform="chatgpt" data-url="https://chat.openai.com">ChatGPT</button>
-              <div class="platform-tag-container">
-                <button class="platform-tag" data-platform="grok" data-url="https://grok.com/chat?reasoningMode=none">Grok</button>
-                <div class="grok-mode-dropdown" style="display: none;">
-                  <div class="grok-mode-option" data-url="https://grok.com/chat?reasoningMode=none">Grok</div>
-                  <div class="grok-mode-option" data-url="https://grok.com/chat?reasoningMode=deepsearch">Grok Deep Search</div>
-                  <div class="grok-mode-option" data-url="https://grok.com/chat?reasoningMode=think">Grok Thinking</div>
-                </div>
-              </div>
-              <button class="platform-tag" data-platform="claude" data-url="https://claude.ai/new">Claude</button>
-              <button class="platform-tag" data-platform="perplexity" data-url="https://perplexity.ai">Perplexity</button>
-              <button class="platform-tag" data-platform="mistral" data-url="https://chat.mistral.ai/chat">Mistral</button>
-              <button class="platform-tag" data-platform="gemini" data-url="https://gemini.google.com">Gemini</button>
-              <button class="platform-tag" data-platform="llama" data-url="https://meta.ai">Meta</button>
-            </div>
-          </div>
-          {% endif %}
-        </div>
-        <div class="header-right">
-          <a href="https://cursor.com" target="_blank" class="cursor-logo" title="Built with Cursor AI">
-            <svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
-              <path d="M11.925 24l10.425-6-10.425-6L1.5 18l10.425 6z" fill="#10b981" class="cursor-logo-path dark-mode-path"></path>
-              <path d="M22.35 18V6L11.925 0v12l10.425 6z" fill="#10b981" class="cursor-logo-path dark-mode-path"></path>
-              <path d="M11.925 0L1.5 6v12l10.425-6V0z" fill="#10b981" class="cursor-logo-path dark-mode-path"></path>
-              <path d="M22.35 6L11.925 24V12L22.35 6z" fill="#fff" class="cursor-logo-path dark-mode-path"></path>
-              <path d="M22.35 6l-10.425 6L1.5 6h20.85z" fill="#fff" class="cursor-logo-path dark-mode-path"></path>
-            </svg>
-            <span>vibecoded with cursor</span>
-          </a>
-          <a href="https://github.com/f/awesome-chatgpt-prompts/stargazers" target="_blank" class="star-count">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
-            </svg>
-            <span id="starCount">...</span>
-          </a>
-          <a href="https://chromewebstore.google.com/detail/promptschat/eemdohkhbaifiocagjlhibfbhamlbeej" target="_blank" class="chrome-ext-link">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <circle cx="12" cy="12" r="10"></circle>
-              <circle cx="12" cy="12" r="4"></circle>
-              <line x1="21.17" y1="8" x2="12" y2="8"></line>
-              <line x1="3.95" y1="6.06" x2="8.54" y2="14"></line>
-              <line x1="10.88" y1="21.94" x2="15.46" y2="14"></line>
-            </svg>
-          </a>
-          <button class="dark-mode-toggle" onclick="toggleDarkMode()" title="Toggle dark mode">
-            <svg class="mode-icon sun-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
-            <svg class="mode-icon moon-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: none;"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
-          </button>
-        </div>
-      </header>
-
-      <div class="content-wrapper">
-        <button class="sidebar-toggle" type="button" aria-label="Toggle sidebar" aria-expanded="true">
-          <svg class="sidebar-toggle-icon collapse-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="11 17 6 12 11 7"></polyline><polyline points="18 17 13 12 18 7"></polyline></svg>
-          <svg class="sidebar-toggle-icon expand-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: none;"><polyline points="13 17 18 12 13 7"></polyline><polyline points="6 17 11 12 6 7"></polyline></svg>
-        </button>
-        <div class="sidebar">
-          <div class="search-container">
-            <div class="prompt-count" id="promptCount">
-              <span class="count-label">All Prompts</span>
-              <span class="prompts-count-label">Developer Prompts</span>
-              <span class="count-number">0</span>
-            </div>
-            <input type="text" id="searchInput" placeholder="Search prompts...">
-            <ul id="searchResults"></ul>
-          </div>
-        </div>
-        <div class="main-content">
-          {% if page.hide_platform_selector != true %}
-          <div class="main-content-header">
-            <div class="header-content">
-              <div class="platform-selectors">
-                Reply in <select id="languageSelect" class="custom-select">
-                  <option value="English">English</option>
-                  <option value="Spanish">Spanish</option>
-                  <option value="French">French</option>
-                  <option value="German">German</option>
-                  <option value="Italian">Italian</option>
-                  <option value="Portuguese">Portuguese</option>
-                  <option value="Russian">Russian</option>
-                  <option value="Chinese">Chinese</option>
-                  <option value="Japanese">Japanese</option>
-                  <option value="Korean">Korean</option>
-                  <option value="Turkish">Turkish</option>
-                  <option value="custom">Custom...</option>
-                </select>
-                <input type="text" id="customLanguage" class="custom-input" placeholder="language..." style="display: none;">
-                using <select id="toneSelect" class="custom-select">
-                  <option value="professional">professional</option>
-                  <option value="casual">casual</option>
-                  <option value="friendly">friendly</option>
-                  <option value="formal">formal</option>
-                  <option value="technical">technical</option>
-                  <option value="creative">creative</option>
-                  <option value="enthusiastic">enthusiastic</option>
-                  <option value="humorous">humorous</option>
-                  <option value="authoritative">authoritative</option>
-                  <option value="empathetic">empathetic</option>
-                  <option value="analytical">analytical</option>
-                  <option value="conversational">conversational</option>
-                  <option value="academic">academic</option>
-                  <option value="persuasive">persuasive</option>
-                  <option value="inspirational">inspirational</option>
-                  <option value="custom">Custom...</option>
-                </select>
-                <input type="text" id="customTone" class="custom-input" placeholder="tone..." style="display: none;">
-                tone, for <select id="audienceSelect" class="custom-select">
-                  <option value="everyone">everyone</option>
-                  <option value="developers">developers</option>
-                </select>
-              </div>
-            </div>
-          </div>
-          {% endif %}
-          <div class="container-lg markdown-body">
-            <div id="promptContent">
-              {{ content }}
-            </div>
-          </div>
-        </div>
-      </div>
-      <footer class="site-footer">
-        <div class="footer-content">
-          <div class="footer-section">
-            <h3>About</h3>
-            <p>A curated collection of effective prompts for ChatGPT and other AI assistants, curated by <a href="https://x.com/fkadev">Fatih Kadir Akın</a>. While designed for ChatGPT, these prompts can be adapted for Claude, Gemini, Llama, and other language models to help you get more out of AI interactions.</p>
-          </div>
-          <div class="footer-section">
-            <h3>Contributing</h3>
-            <p>If you'd like to contribute, please fork the repository and make changes as you'd like. Pull requests are warmly welcome. Please read the <a href="https://github.com/f/awesome-chatgpt-prompts/blob/main/CONTRIBUTING.md" style="color: var(--accent-color);">contribution guidelines</a> first.</p>
-          </div>
-          <div class="footer-section">
-            <h3>Links</h3>
-            <div class="book-links">
-              <a href="https://www.forbes.com/sites/tjmccue/2023/01/19/chatgpt-success-completely-depends-on-your-prompt/?sh=497a92a21a16" target="_blank" class="book-link">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
-                  <polyline points="22 4 12 14.01 9 11.01"></polyline>
-                </svg>
-                Featured on Forbes
-              </a>
-              <a href="https://github.com/f/awesome-chatgpt-prompts" target="_blank" class="book-link">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
-                GitHub Repository
-              </a>
-              <a href="https://huggingface.co/datasets/fka/awesome-chatgpt-prompts" target="_blank" class="book-link">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
-                  <line x1="3" y1="10" x2="21" y2="10"></line>
-                  <line x1="7" y1="15" x2="7" y2="19"></line>
-                  <line x1="11" y1="15" x2="11" y2="19"></line>
-                  <line x1="15" y1="15" x2="15" y2="19"></line>
-                </svg>
-                Hugging Face Dataset
-              </a>
-              <a href="https://github.com/f/awesome-chatgpt-prompts/pulls" target="_blank" class="book-link">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <circle cx="12" cy="12" r="10"></circle>
-                  <line x1="12" y1="8" x2="12" y2="16"></line>
-                  <line x1="8" y1="12" x2="16" y2="12"></line>
-                </svg>
-                View Unmerged Prompts
-              </a>
-            </div>
-          </div>
-          <div class="footer-section">
-            <h3>e-Books by @f</h3>
-            <div class="book-links">
-              <a href="https://fka.gumroad.com/l/art-of-chatgpt-prompting" class="book-link" target="_blank">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
-                The Art of ChatGPT Prompting
-              </a>
-              <a href="https://fka.gumroad.com/l/how-to-make-money-with-chatgpt" class="book-link" target="_blank">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
-                How to Make Money with ChatGPT
-              </a>
-              <a href="https://fka.gumroad.com/l/the-art-of-midjourney-ai-guide-to-creating-images-from-text" class="book-link" target="_blank">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
-                The Art of Midjourney AI
-              </a>
-            </div>
-          </div>
-        </div>
-      </footer>
-    </div>
-    <script src="script.js"></script>
-    {% if page.hide_tone_selector != true %}
-    <script>
-      // Initialize audience selector
-      const audienceSelect = document.getElementById('audienceSelect');
-      
-      // Handle Grok platform selection
-      document.addEventListener('DOMContentLoaded', () => {
-        const grokButton = document.querySelector('[data-platform="grok"]');
-        const grokDropdown = document.querySelector('.grok-mode-dropdown');
-        const grokOptions = document.querySelectorAll('.grok-mode-option');
-        let isGrokDropdownVisible = false;
-
-        // Add event listeners for all platform buttons
-        const platformButtons = document.querySelectorAll('.platform-tag');
-        platformButtons.forEach(button => {
-          button.addEventListener('click', () => {
-            const platform = button.getAttribute('data-platform');
-            // If platform is not github-copilot, set audience to "everyone"
-            if (platform !== 'github-copilot') {
-              audienceSelect.value = 'everyone';
-              document.body.classList.remove('dev-mode');
-              // Trigger filtering if needed
-              if (typeof filterPrompts === 'function') {
-                filterPrompts();
-              }
-            }
-          });
-        });
-
-        // Hide dropdown when clicking outside
-        document.addEventListener('click', (e) => {
-          if (!e.target.closest('.platform-tag-container')) {
-            grokDropdown.style.display = 'none';
-            isGrokDropdownVisible = false;
-          }
-        });
-
-        // Toggle dropdown
-        grokButton.addEventListener('click', (e) => {
-          e.stopPropagation();
-          isGrokDropdownVisible = !isGrokDropdownVisible;
-          grokDropdown.style.display = isGrokDropdownVisible ? 'block' : 'none';
-        });
-
-        // Handle option selection
-        grokOptions.forEach(option => {
-          option.addEventListener('click', (e) => {
-            const selectedUrl = option.dataset.url;
-            const selectedText = option.textContent;
-            grokButton.dataset.url = selectedUrl;
-            grokButton.textContent = selectedText;
-            grokDropdown.style.display = 'none';
-            isGrokDropdownVisible = false;
-            
-            // Also set audience to "everyone" for Grok options
-            audienceSelect.value = 'everyone';
-            document.body.classList.remove('dev-mode');
-            // Trigger filtering if needed
-            if (typeof filterPrompts === 'function') {
-              filterPrompts();
-            }
-          });
-        });
-      });
-      
-      // Set initial state based on URL params or default
-      const urlParams = new URLSearchParams(window.location.search);
-      const initialAudience = urlParams.get('audience') || 'everyone';
-      audienceSelect.value = initialAudience;
-      document.body.classList.toggle('dev-mode', initialAudience === 'developers');
-      
-      // Handle audience changes
-      audienceSelect.addEventListener('change', (e) => {
-        const isDevMode = e.target.value === 'developers';
-        document.body.classList.toggle('dev-mode', isDevMode);
-        
-        // Trigger prompt filtering
-        filterPrompts();
-      });
-    </script>
-    {% endif %}
-    <style>
-      video { max-width: 100% !important; }
-      
-      /* Embed button styling */
-      .modal-embed-button {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        padding: 8px 16px;
-        background-color: var(--accent-color);
-        color: white;
-        border: none;
-        border-radius: 6px;
-        font-size: 14px;
-        font-weight: 500;
-        cursor: pointer;
-        transition: all 0.2s ease;
-        margin-right: 8px;
-      }
-      
-      .modal-embed-button:hover {
-        background-color: var(--accent-color-hover);
-        transform: translateY(-1px);
-      }
-      
-      .modal-embed-button svg {
-        width: 16px;
-        height: 16px;
-        flex-shrink: 0;
-      }
-      
-      /* Responsive adjustments for modal buttons */
-      @media (max-width: 640px) {
-        .modal-footer-right {
-          flex-direction: column-reverse;
-          gap: 8px;
-        }
-        
-        .modal-embed-button {
-          margin-right: 0;
-          margin-bottom: 0;
-          width: 100%;
-          justify-content: center;
-        }
-        
-        .modal-chat-button {
-          width: 100%;
-          justify-content: center;
-        }
-      }
-    </style>
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-MSNHFWTE77"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'G-MSNHFWTE77');
-    </script>
-  </body>
-</html>
diff --git a/_layouts/embed-preview.html b/_layouts/embed-preview.html
deleted file mode 100644
index 949cf1da..00000000
--- a/_layouts/embed-preview.html
+++ /dev/null
@@ -1,201 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ page.title | default: 'Prompt Share' }} - {{ site.title }}</title>
-    <!-- Tailwind CSS -->
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script>
-        tailwind.config = {
-            theme: {
-                extend: {
-                    colors: {
-                        'dynamic-background': 'rgb(var(--background) / <alpha-value>)',
-                        'dynamic-foreground': 'rgb(var(--foreground) / <alpha-value>)',
-                        'dynamic-muted': 'rgb(var(--muted) / <alpha-value>)',
-                        'dynamic-muted-foreground': 'rgb(var(--muted-foreground) / <alpha-value>)',
-                        'dynamic-primary': 'rgb(var(--primary) / <alpha-value>)',
-                        'dynamic-accent': 'rgb(var(--accent) / <alpha-value>)',
-                        'dynamic-border': 'rgb(var(--border) / <alpha-value>)',
-                    }
-                }
-            }
-        }
-    </script>
-    <link rel="stylesheet" href="{{ '/embed-preview-style.css' | relative_url }}">
-    <link rel="icon" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
-    <meta name="description" content="AI prompt viewer">
-    <style>
-        @keyframes flash {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.4; }
-        }
-        
-        .flash-animation {
-            animation: flash 1.5s ease-in-out infinite;
-        }
-        
-        @keyframes slideUp {
-            from {
-                transform: translateY(100%);
-                opacity: 0;
-            }
-            to {
-                transform: translateY(0);
-                opacity: 1;
-            }
-        }
-        
-        @keyframes slideDown {
-            from {
-                transform: translateY(0);
-                opacity: 1;
-            }
-            to {
-                transform: translateY(100%);
-                opacity: 0;
-            }
-        }
-        
-        .diff-enter {
-            animation: slideUp 0.3s ease-out;
-        }
-        
-        .diff-exit {
-            animation: slideDown 0.3s ease-out;
-        }
-    </style>
-</head>
-<body class="bg-dynamic-background text-dynamic-foreground overflow-hidden">
-    <!-- Viewer Mode -->
-    <div id="viewer-mode" class="viewer-mode h-screen flex">
-        <!-- Sidebar - File Tree -->
-        <div id="file-sidebar" class="hidden w-40 sm:w-44 border-r border-dynamic-border bg-dynamic-muted/30 flex-shrink-0 overflow-y-auto custom-scrollbar">
-            <div class="p-2 border-b border-dynamic-border">
-                <h3 class="text-[10px] font-semibold text-dynamic-muted-foreground uppercase tracking-wider">Files</h3>
-            </div>
-            <div id="file-tree" class="p-1"></div>
-        </div>
-        
-        <!-- Main Content -->
-        <div class="flex-1 flex flex-col p-2 sm:p-4 h-full overflow-hidden">
-            <!-- Top Bar with Context Pills and Edit Button -->
-            <div class="flex justify-between items-start gap-2 mb-1 sm:mb-2 flex-shrink-0">
-                <!-- Context Pills -->
-                <div id="context-pills" class="flex flex-wrap gap-1.5 empty:hidden flex-1 min-w-0 pr-2"></div>
-                
-                <!-- Edit Button -->
-                <button id="edit-button" class="p-1 text-dynamic-muted-foreground hover:text-dynamic-foreground transition-colors flex-shrink-0" title="Edit in designer">
-                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
-                        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
-                    </svg>
-                </button>
-            </div>
-            
-            <!-- Main Prompt Interface with Floating Diff - Flex-1 to take remaining space -->
-            <div class="flex-1 relative min-h-0 overflow-hidden">
-                <!-- Floating Diff View (when enabled and viewport is compact) -->
-                <div id="diff-view" class="hidden absolute top-2 left-2 right-2 z-10 diff-floating">
-                    <div class="bg-dynamic-background/95 backdrop-blur-sm border border-dynamic-border shadow-lg rounded-lg p-3">
-                        <div class="flex items-center justify-between">
-                            <div class="flex items-center gap-1.5">
-                                <svg class="w-3 h-3 text-dynamic-primary flex-shrink-0" viewBox="0 0 20 20" fill="currentColor">
-                                    <path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V7.414A2 2 0 0017.414 6L14 2.586A2 2 0 0012.586 2H4zm2 4a1 1 0 011-1h4a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7zm-1 5a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1z" clip-rule="evenodd"/>
-                                </svg>
-                                <span id="diff-filename" class="text-xs font-medium text-dynamic-foreground truncate"></span>
-                            </div>
-                            <div class="flex gap-1 items-center">
-                                <div class="flex rounded-md overflow-hidden">
-                                    <button id="diff-accept-diff" class="px-2 py-0.5 bg-green-500 hover:bg-green-600 text-white text-[10px] font-medium transition-colors flex items-center gap-0.5">
-                                        <svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor">
-                                            <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
-                                        </svg>
-                                        <span class="hidden sm:inline">Accept</span>
-                                    </button>
-                                    <button id="diff-reject-diff" class="px-2 py-0.5 bg-red-500 hover:bg-red-600 text-white text-[10px] font-medium transition-colors flex items-center gap-0.5">
-                                        <svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor">
-                                            <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/>
-                                        </svg>
-                                        <span class="hidden sm:inline">Reject</span>
-                                    </button>
-                                </div>
-                                <!-- Collapse/Expand button -->
-                                <button id="toggle-diff" class="p-0.5 text-dynamic-muted-foreground hover:text-dynamic-foreground transition-colors" title="Toggle diff view">
-                                    <svg class="w-3 h-3 transform transition-transform" viewBox="0 0 20 20" fill="currentColor">
-                                        <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
-                                    </svg>
-                                </button>
-                            </div>
-                        </div>
-                        <div id="diff-content" class="space-y-1 transition-all duration-300 overflow-hidden">
-                            <div id="diff-old-content" class="bg-red-50/70 dark:bg-red-950/20 p-2 rounded text-[10px] font-mono whitespace-pre-wrap text-red-700 dark:text-red-400 overflow-x-auto border border-red-200/50 dark:border-red-900/30 max-h-20 overflow-y-auto custom-scrollbar"></div>
-                            <div id="diff-new-content" class="bg-green-50/70 dark:bg-green-950/20 p-2 rounded text-[10px] font-mono whitespace-pre-wrap text-green-700 dark:text-green-400 overflow-x-auto border border-green-200/50 dark:border-green-900/30 max-h-20 overflow-y-auto custom-scrollbar"></div>
-                        </div>
-                    </div>
-                </div>
-                
-                <!-- Container for inline diff and prompt -->
-                <div class="h-full flex flex-col">
-                    <!-- Inline Diff View (when enabled and viewport has space) -->
-                    <div id="diff-view-inline" class="hidden mb-2 flex-shrink-0">
-                        <div class="bg-dynamic-muted border border-dynamic-border rounded-lg p-2">
-                            <div class="flex items-center justify-between mb-1.5">
-                                <div class="flex items-center gap-1.5">
-                                    <svg class="w-3 h-3 text-dynamic-primary flex-shrink-0" viewBox="0 0 20 20" fill="currentColor">
-                                        <path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V7.414A2 2 0 0017.414 6L14 2.586A2 2 0 0012.586 2H4zm2 4a1 1 0 011-1h4a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7zm-1 5a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1z" clip-rule="evenodd"/>
-                                    </svg>
-                                    <span id="inline-diff-filename" class="text-xs font-medium text-dynamic-foreground truncate"></span>
-                                </div>
-                                <div class="flex rounded-md overflow-hidden">
-                                    <button id="inline-accept-diff" class="px-2 py-0.5 bg-green-500 hover:bg-green-600 text-white text-[10px] font-medium transition-colors flex items-center gap-0.5">
-                                        <svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor">
-                                            <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
-                                        </svg>
-                                        <span class="hidden sm:inline">Accept</span>
-                                    </button>
-                                    <button id="inline-reject-diff" class="px-2 py-0.5 bg-red-500 hover:bg-red-600 text-white text-[10px] font-medium transition-colors flex items-center gap-0.5">
-                                        <svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor">
-                                            <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/>
-                                        </svg>
-                                        <span class="hidden sm:inline">Reject</span>
-                                    </button>
-                                </div>
-                            </div>
-                            <div class="space-y-0.5">
-                                <div id="inline-old-content" class="bg-red-50/70 dark:bg-red-950/20 p-1 rounded text-[10px] font-mono whitespace-pre-wrap text-red-700 dark:text-red-400 overflow-x-auto border border-red-200/50 dark:border-red-900/30 max-h-20 overflow-y-auto custom-scrollbar"></div>
-                                <div id="inline-new-content" class="bg-green-50/70 dark:bg-green-950/20 p-1 rounded text-[10px] font-mono whitespace-pre-wrap text-green-700 dark:text-green-400 overflow-x-auto border border-green-200/50 dark:border-green-900/30 max-h-20 overflow-y-auto custom-scrollbar"></div>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- Prompt Container - Full height of parent -->
-                    <div id="prompt-container" class="flex-1 bg-dynamic-muted border border-dynamic-border rounded-xl p-3 relative focus-within:border-dynamic-primary transition-colors flex flex-col min-h-0">
-                        <div id="prompt-text" class="flex-1 text-dynamic-foreground leading-relaxed whitespace-pre-wrap overflow-y-auto custom-scrollbar text-sm sm:text-base duration-300"></div>
-                        <div id="prompt-placeholder" class="text-dynamic-muted-foreground italic absolute top-3 left-3 pointer-events-none text-sm sm:text-base">← Enter your prompt on designer...</div>
-                    </div>
-                </div>
-            </div>
-            
-            <!-- Bottom Bar - Always visible with reduced height -->
-            <div class="flex justify-between items-center gap-2 mt-1 pt-1 flex-shrink-0">
-                <!-- Settings Pills - Smaller -->
-                <div id="settings-pills" class="flex gap-1 flex-wrap flex-1 min-w-0"></div>
-                
-                <!-- Send Button - Smaller -->
-                <button id="copy-button" class="w-7 h-7 sm:w-8 sm:h-8 bg-dynamic-primary text-white rounded-full flex items-center justify-center hover:opacity-90 transition-opacity flex-shrink-0 shadow-md" title="Send prompt">
-                    <svg width="14" height="14" class="sm:w-4 sm:h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
-                        <path d="M12 19V5M5 12l7-7 7 7"/>
-                    </svg>
-                </button>
-            </div>
-        </div>
-    </div>
-    
-    <!-- Notification -->
-    <div id="notification" class="fixed top-4 right-4 bg-dynamic-accent text-white px-4 py-2 rounded-lg font-medium opacity-0 transition-opacity z-50 pointer-events-none"></div>
-    
-    <script src="{{ '/embed-preview-script.js' | relative_url }}"></script>
-</body>
-</html> 
\ No newline at end of file
diff --git a/_layouts/embed.html b/_layouts/embed.html
deleted file mode 100644
index 5996bba5..00000000
--- a/_layouts/embed.html
+++ /dev/null
@@ -1,390 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="page-mode" content="{{ page.mode | default: 'designer' }}">
-    <title>prompts.chat/embed — awesome AI prompts</title>
-    <!-- Tailwind CSS -->
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script>
-        tailwind.config = {
-            theme: {
-                extend: {
-                    colors: {
-                        'dynamic-background': 'rgb(var(--background) / <alpha-value>)',
-                        'dynamic-foreground': 'rgb(var(--foreground) / <alpha-value>)',
-                        'dynamic-muted': 'rgb(var(--muted) / <alpha-value>)',
-                        'dynamic-muted-foreground': 'rgb(var(--muted-foreground) / <alpha-value>)',
-                        'dynamic-primary': 'rgb(var(--primary) / <alpha-value>)',
-                        'dynamic-accent': 'rgb(var(--accent) / <alpha-value>)',
-                        'dynamic-border': 'rgb(var(--border) / <alpha-value>)',
-                    }
-                }
-            }
-        }
-    </script>
-    <link rel="stylesheet" href="{{ '/embed-style.css' | relative_url }}">
-    <link rel="icon" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
-    <meta name="description" content="Design and customize embeddable AI prompts">
-    <style>
-        .checkerboard-bg {
-            background-image: 
-                linear-gradient(45deg, rgba(0,0,0,0.06) 25%, transparent 25%),
-                linear-gradient(-45deg, rgba(0,0,0,0.06) 25%, transparent 25%),
-                linear-gradient(45deg, transparent 75%, rgba(0,0,0,0.06) 75%),
-                linear-gradient(-45deg, transparent 75%, rgba(0,0,0,0.06) 75%);
-            background-size: 20px 20px;
-            background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
-        }
-        
-        .dark .checkerboard-bg {
-            background-color: #1e1e1e;
-            background-image: 
-                linear-gradient(45deg, #353535 25%, transparent 25%),
-                linear-gradient(-45deg, #353535 25%, transparent 25%),
-                linear-gradient(45deg, transparent 75%, #353535 75%),
-                linear-gradient(-45deg, transparent 75%, #353535 75%);
-            background-size: 16px 16px;
-            background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
-        }
-    </style>
-</head>
-<body class="bg-dynamic-background text-dynamic-foreground overflow-hidden checkerboard-bg">
-    <!-- Site Header -->
-    <header class="site-header">
-        <div class="header-left">
-            <h1 class="site-title">prompts.chat/embed</h1>
-            <p class="site-slogan hidden sm:block">Design and share beautiful AI prompts, for your website or blog.</p>
-            <p class="site-slogan sm:hidden">Design and share AI prompts</p>
-        </div>
-        <div class="header-right">
-            <a href="https://blog.fka.dev/blog/2025-06-18-building-a-react-hook-with-ai-a-step-by-step-guide-using-vibe-an-example-post-that-uses-prompts-chat-embed/" 
-               target="_blank" 
-               rel="noopener noreferrer"
-               class="flex items-center text-xs text-dynamic-muted-foreground hover:text-dynamic-foreground transition-colors mr-3 touch-target hidden sm:inline-flex"
-               title="View example blog post using prompts.chat embed">
-                View example blog post
-            </a>
-            <button class="dark-mode-toggle touch-target" onclick="toggleDarkMode()" title="Toggle dark mode">
-                <svg class="mode-icon sun-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
-                <svg class="mode-icon moon-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: none;"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
-            </button>
-        </div>
-    </header>
-    
-    <!-- Designer Mode -->
-    <div id="designer-mode" class="designer-content flex flex-col lg:flex-row min-h-0">
-        <!-- Left Panel - Customization -->
-        <div class="designer-panel w-full lg:w-80 flex flex-col h-auto lg:h-full overflow-hidden order-2 lg:order-1 flex-shrink-0">
-            <div class="flex-1 overflow-y-auto custom-scrollbar">
-                <div class="p-3 lg:p-4 space-y-3">
-                    
-                    <!-- CONTENT SECTION -->
-                    <div class="space-y-2">
-                        <h3 class="text-xs font-semibold text-dynamic-foreground uppercase tracking-wider border-b border-dynamic-border pb-1">Prompt</h3>
-                        
-                        <!-- Example Selector -->
-                        <div class="space-y-1">
-                            <label class="text-xs font-medium text-dynamic-muted-foreground">Load Example</label>
-                            <select id="example-select" class="w-full p-2 bg-dynamic-muted border border-dynamic-border rounded text-xs focus-ring touch-target">
-                                <option value="">Choose an example...</option>
-                                <option value="vibe-coding">Vibe coding (no diff)</option>
-                                <option value="vibe-coding-diff">Vibe coding with diff</option>
-                                <option value="chatgpt">ChatGPT example</option>
-                                <option value="claude">Claude example</option>
-                                <option value="image-analysis">Image analysis</option>
-                                <option value="api-design">API design</option>
-                            </select>
-                        </div>
-                        
-                        <!-- Context -->
-                        <div class="space-y-1">
-                            <label class="text-xs font-medium text-dynamic-muted-foreground">Context</label>
-                            <input type="text" id="designer-context" 
-                                   class="w-full p-2 bg-dynamic-background border border-dynamic-border rounded text-xs focus-ring touch-target"
-                                   placeholder="file.py, @web, @codebase, #image">
-                        </div>
-                        
-                        <!-- Prompt Text -->
-                        <div class="space-y-1">
-                            <label class="text-xs font-medium text-dynamic-muted-foreground">Prompt Text</label>
-                            <textarea id="designer-prompt" 
-                                     class="w-full p-2 bg-dynamic-background border border-dynamic-border rounded text-xs resize-none focus-ring custom-scrollbar touch-target"
-                                     rows="6"
-                                     placeholder="Enter your prompt..."></textarea>
-                        </div>
-                    </div>
-                    
-                    <!-- AI SETTINGS SECTION -->
-                    <div class="space-y-2">
-                        <h3 class="text-xs font-semibold text-dynamic-foreground uppercase tracking-wider border-b border-dynamic-border pb-1">AI Settings</h3>
-                        
-                        <!-- Model & Mode Grid -->
-                        <div class="grid grid-cols-2 gap-2">
-                            <div class="space-y-1">
-                                <label class="text-xs font-medium text-dynamic-muted-foreground">Model</label>
-                                <select id="designer-model" class="w-full p-2 bg-dynamic-background border border-dynamic-border rounded text-xs focus-ring touch-target">
-                                    <option value="o3">o3</option>
-                                    <option value="GPT 4.1">GPT 4.1</option>
-                                    <option value="GPT 4o" selected>GPT 4o</option>
-                                    <option value="Claude 3.7 Sonnet">Claude 3.7 Sonnet</option>
-                                    <option value="Claude 4 Sonnet">Claude 4 Sonnet</option>
-                                    <option value="Claude 4 Opus">Claude 4 Opus</option>
-                                    <option value="Gemini 2.5 Pro">Gemini 2.5 Pro</option>
-                                    <option value="DeepSeek R1">DeepSeek R1</option>
-                                    <option value="custom">[Custom]</option>
-                                </select>
-                                <input type="text" id="designer-custom-model" 
-                                       class="w-full p-2 bg-dynamic-background border border-dynamic-border rounded text-xs focus-ring hidden touch-target"
-                                       placeholder="Custom model">
-                            </div>
-                            <div class="space-y-1">
-                                <label class="text-xs font-medium text-dynamic-muted-foreground">Mode</label>
-                                <select id="designer-mode-select" class="w-full p-2 bg-dynamic-background border border-dynamic-border rounded text-xs focus-ring touch-target">
-                                    <option value="chat">Chat</option>
-                                    <option value="agent">Agent</option>
-                                    <option value="manual">Manual</option>
-                                    <option value="cloud">Cloud</option>
-                                </select>
-                            </div>
-                        </div>
-                        
-                        <!-- Options -->
-                        <div class="flex gap-4">
-                            <label class="flex items-center space-x-1.5 touch-target">
-                                <input type="checkbox" id="designer-thinking" class="rounded border-dynamic-border w-3.5 h-3.5">
-                                <span class="text-xs text-dynamic-muted-foreground">Thinking</span>
-                            </label>
-                            <label class="flex items-center space-x-1.5 touch-target">
-                                <input type="checkbox" id="designer-max" class="rounded border-dynamic-border w-3.5 h-3.5">
-                                <span class="text-xs text-dynamic-muted-foreground">MAX mode</span>
-                            </label>
-                        </div>
-                    </div>
-                    
-                    <!-- APPEARANCE SECTION -->
-                    <div class="space-y-2">
-                        <h3 class="text-xs font-semibold text-dynamic-foreground uppercase tracking-wider border-b border-dynamic-border pb-1">Appearance</h3>
-                        
-                        <!-- Theme Mode -->
-                        <div class="space-y-1">
-                            <label class="text-xs font-medium text-dynamic-muted-foreground">Theme</label>
-                            <div class="grid grid-cols-3 gap-1">
-                                <button type="button" id="theme-light" class="theme-mode-btn px-2 py-1.5 text-xs font-medium rounded border border-dynamic-border bg-dynamic-background hover:bg-dynamic-muted transition-colors text-center touch-target">
-                                    Light
-                                </button>
-                                <button type="button" id="theme-dark" class="theme-mode-btn px-2 py-1.5 text-xs font-medium rounded border border-dynamic-border bg-dynamic-background hover:bg-dynamic-muted transition-colors text-center touch-target">
-                                    Dark
-                                </button>
-                                <button type="button" id="theme-auto" class="theme-mode-btn px-2 py-1.5 text-xs font-medium rounded border border-dynamic-border bg-dynamic-primary text-white transition-colors text-center touch-target">
-                                    Auto
-                                </button>
-                            </div>
-                        </div>
-                        
-                        <!-- Color Presets -->
-                        <div class="space-y-1">
-                            <label class="text-xs font-medium text-dynamic-muted-foreground">Colors</label>
-                            <div class="grid grid-cols-8 gap-1">
-                                <button type="button" class="color-preset w-full h-6 rounded border border-dynamic-border hover:border-dynamic-primary transition-colors touch-target" 
-                                        data-light="#6b7280" data-dark="#e5e7eb" 
-                                        style="background: linear-gradient(135deg, #6b7280 50%, #e5e7eb 50%)" 
-                                        title="Minimal"></button>
-                                <button type="button" class="color-preset w-full h-6 rounded border border-dynamic-border hover:border-dynamic-primary transition-colors touch-target" 
-                                        data-light="#1f2937" data-dark="#9ca3af" 
-                                        style="background: linear-gradient(135deg, #1f2937 50%, #9ca3af 50%)" 
-                                        title="Dark Gray"></button>
-                                <button type="button" class="color-preset w-full h-6 rounded border border-dynamic-border hover:border-dynamic-primary transition-colors touch-target" 
-                                        data-light="#64748b" data-dark="#94a3b8" 
-                                        style="background: linear-gradient(135deg, #64748b 50%, #94a3b8 50%)" 
-                                        title="Dimmed"></button>
-                                <button type="button" class="color-preset w-full h-6 rounded border border-dynamic-border hover:border-dynamic-primary transition-colors touch-target" 
-                                        data-light="#3b82f6" data-dark="#60a5fa" 
-                                        style="background: linear-gradient(135deg, #3b82f6 50%, #60a5fa 50%)" 
-                                        title="Blue"></button>
-                                <button type="button" class="color-preset w-full h-6 rounded border border-dynamic-border hover:border-dynamic-primary transition-colors touch-target" 
-                                        data-light="#10b981" data-dark="#34d399" 
-                                        style="background: linear-gradient(135deg, #10b981 50%, #34d399 50%)" 
-                                        title="Green"></button>
-                                <button type="button" class="color-preset w-full h-6 rounded border border-dynamic-border hover:border-dynamic-primary transition-colors touch-target" 
-                                        data-light="#8b5cf6" data-dark="#a78bfa" 
-                                        style="background: linear-gradient(135deg, #8b5cf6 50%, #a78bfa 50%)" 
-                                        title="Purple"></button>
-                                <button type="button" class="color-preset w-full h-6 rounded border border-dynamic-border hover:border-dynamic-primary transition-colors touch-target" 
-                                        data-light="#f97316" data-dark="#fb923c" 
-                                        style="background: linear-gradient(135deg, #f97316 50%, #fb923c 50%)" 
-                                        title="Orange"></button>
-                                <button type="button" class="color-preset w-full h-6 rounded border border-dynamic-border hover:border-dynamic-primary transition-colors touch-target" 
-                                        data-light="#ec4899" data-dark="#f472b6" 
-                                        style="background: linear-gradient(135deg, #ec4899 50%, #f472b6 50%)" 
-                                        title="Pink"></button>
-                            </div>
-                        </div>
-                        
-                        <!-- Custom Colors -->
-                        <div class="grid grid-cols-2 gap-2">
-                            <div class="space-y-1">
-                                <label class="text-[10px] text-dynamic-muted-foreground">Light</label>
-                                <div class="flex gap-1">
-                                    <input type="color" id="designer-light-color" value="#3b82f6" class="w-6 h-6 rounded border border-dynamic-border cursor-pointer touch-target">
-                                    <input type="text" id="designer-light-color-text" value="#3b82f6" class="flex-1 px-1 py-1 bg-dynamic-background border border-dynamic-border rounded text-[10px] focus-ring font-mono touch-target" pattern="^#[0-9A-Fa-f]{6}$">
-                                </div>
-                            </div>
-                            <div class="space-y-1">
-                                <label class="text-[10px] text-dynamic-muted-foreground">Dark</label>
-                                <div class="flex gap-1">
-                                    <input type="color" id="designer-dark-color" value="#60a5fa" class="w-6 h-6 rounded border border-dynamic-border cursor-pointer touch-target">
-                                    <input type="text" id="designer-dark-color-text" value="#60a5fa" class="flex-1 px-1 py-1 bg-dynamic-background border border-dynamic-border rounded text-[10px] focus-ring font-mono touch-target" pattern="^#[0-9A-Fa-f]{6}$">
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <!-- Height -->
-                        <div class="space-y-1">
-                            <label class="text-xs font-medium text-dynamic-muted-foreground">
-                                Height: <span id="height-value" class="text-dynamic-foreground">400</span>px
-                            </label>
-                            <input type="range" id="designer-height" 
-                                   class="w-full h-1.5 bg-dynamic-muted rounded-lg appearance-none cursor-pointer slider"
-                                   min="200" max="800" value="400" step="50">
-                            <div class="flex justify-between text-[10px] text-dynamic-muted-foreground opacity-60">
-                                <span>200px</span>
-                                <span>800px</span>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- FEATURES SECTION -->
-                    <div class="space-y-2">
-                        <h3 class="text-xs font-semibold text-dynamic-foreground uppercase tracking-wider border-b border-dynamic-border pb-1">Features</h3>
-                        
-                        <!-- File Tree -->
-                        <div class="space-y-1">
-                            <div class="flex items-center justify-between">
-                                <label class="text-xs font-medium text-dynamic-muted-foreground">File Tree</label>
-                                <label class="flex items-center space-x-1 text-[10px]">
-                                    <input type="checkbox" id="designer-show-filetree" class="rounded border-dynamic-border w-3 h-3" checked>
-                                    <span class="text-dynamic-muted-foreground">Show</span>
-                                </label>
-                            </div>
-                            <textarea id="designer-filetree" 
-                                     class="w-full p-2 bg-dynamic-background border border-dynamic-border rounded text-[10px] resize-none focus-ring custom-scrollbar touch-target font-mono"
-                                     rows="4"
-                                     placeholder="index.html&#10;styles/main.css&#10;scripts/app.js&#10;components/header.vue"></textarea>
-                            <p class="text-[9px] text-dynamic-muted-foreground opacity-60">
-                                One per line. Use / for folders. Add * to highlight.
-                            </p>
-                        </div>
-                        
-                        <!-- Diff View -->
-                        <div class="space-y-1">
-                            <div class="flex items-center justify-between">
-                                <label class="text-xs font-medium text-dynamic-muted-foreground">Diff View</label>
-                                <label class="flex items-center space-x-1 text-[10px]">
-                                    <input type="checkbox" id="designer-show-diff" class="rounded border-dynamic-border w-3 h-3">
-                                    <span class="text-dynamic-muted-foreground">Show</span>
-                                </label>
-                            </div>
-                            <div id="diff-fields" class="space-y-2 hidden">
-                                <div class="grid grid-cols-2 gap-2">
-                                    <div>
-                                        <label class="text-[10px] text-dynamic-muted-foreground">Filename</label>
-                                        <input type="text" id="designer-diff-filename" 
-                                               class="w-full p-1.5 bg-dynamic-background border border-dynamic-border rounded text-[10px] focus-ring touch-target font-mono"
-                                               placeholder="file.tsx">
-                                    </div>
-                                    <div>
-                                        <label class="text-[10px] text-dynamic-muted-foreground">Flash</label>
-                                        <select id="designer-flash-button" class="w-full p-1.5 bg-dynamic-background border border-dynamic-border rounded text-[10px] focus-ring touch-target">
-                                            <option value="none">None</option>
-                                            <option value="accept">Accept</option>
-                                            <option value="reject">Reject</option>
-                                        </select>
-                                    </div>
-                                </div>
-                                <div>
-                                    <label class="text-[10px] text-dynamic-muted-foreground">Old Text</label>
-                                    <textarea id="designer-diff-old" 
-                                             class="w-full p-2 bg-dynamic-background border border-dynamic-border rounded text-[10px] resize-none focus-ring custom-scrollbar touch-target font-mono"
-                                             rows="3"
-                                             placeholder="// Original code..."></textarea>
-                                </div>
-                                <div>
-                                    <label class="text-[10px] text-dynamic-muted-foreground">New Text</label>
-                                    <textarea id="designer-diff-new" 
-                                             class="w-full p-2 bg-dynamic-background border border-dynamic-border rounded text-[10px] resize-none focus-ring custom-scrollbar touch-target font-mono"
-                                             rows="3"
-                                             placeholder="// Updated code..."></textarea>
-                                </div>
-                                <p class="text-[9px] text-dynamic-muted-foreground opacity-50">
-                                    Keep short for URL sharing.
-                                </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <!-- Generate Buttons - Fixed at bottom -->
-            <div class="p-3 lg:p-4 space-y-2 border-t border-dynamic-border bg-dynamic-muted">
-                <button id="generate-embed" class="w-full bg-dynamic-primary text-white p-2.5 rounded text-xs font-medium hover:opacity-90 transition-opacity touch-target">
-                    Generate Embed Code
-                </button>
-                <button id="reset-settings" class="text-[10px] text-dynamic-muted-foreground hover:text-dynamic-foreground transition-colors opacity-50 hover:opacity-100 touch-target">
-                    Reset settings
-                </button>
-            </div>
-        </div>
-        
-        <!-- Right Panel - Preview -->
-        <div class="flex-none lg:flex-1 flex items-center justify-center px-4 pb-4 pt-0 lg:p-8 bg-dynamic-muted/20 order-1 lg:order-2 min-h-[300px] lg:min-h-0">
-            <div class="w-full max-w-3xl">
-                <h3 class="text-center text-sm font-medium text-dynamic-muted-foreground mb-4 hidden lg:block">Preview of the embed. You can change the settings below.</h3>
-                <div id="preview-wrapper" class="bg-dynamic-background border border-dynamic-border rounded-xl overflow-hidden shadow-lg h-[250px] sm:h-[300px] lg:h-[400px] mt-4 lg:mt-0">
-                    <div class="h-full" id="preview-container">
-                        <!-- Preview iframe will be injected here -->
-                    </div>
-                </div>
-                <div class="mt-4 space-y-1">
-                    <label class="text-[10px] text-dynamic-muted-foreground opacity-60 dark:opacity-40">Click to copy iframe code:</label>
-                    <div id="iframe-snippet" class="px-2 py-1 bg-dynamic-muted/30 border border-dynamic-border/50 rounded text-[10px] text-dynamic-muted-foreground font-mono cursor-pointer hover:bg-dynamic-muted/50 hover:text-dynamic-foreground transition-all overflow-hidden touch-target">
-                        &lt;iframe src="..."&gt;&lt;/iframe&gt;
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    
-    <!-- Embed Code Modal -->
-    <div id="embed-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
-        <div class="bg-dynamic-background rounded-xl p-4 lg:p-6 max-w-2xl w-full max-h-[90vh] lg:max-h-[80vh] overflow-y-auto">
-            <div class="flex justify-between items-center mb-4">
-                <h3 class="text-lg font-semibold text-dynamic-foreground">Embed Code</h3>
-                <button id="close-modal" class="text-dynamic-muted-foreground hover:text-dynamic-foreground touch-target p-1">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <path d="M18 6L6 18M6 6l12 12"/>
-                    </svg>
-                </button>
-            </div>
-            <div class="space-y-4">
-                <div>
-                    <label class="text-sm font-medium text-dynamic-muted-foreground">iframe Embed Code</label>
-                    <textarea id="embed-code" class="w-full p-3 bg-dynamic-muted border border-dynamic-border rounded-lg text-sm font-mono mt-2 resize-none" rows="4" readonly></textarea>
-                    <button id="copy-embed-code" class="mt-2 px-4 py-3 lg:py-2 bg-dynamic-primary text-white rounded-lg text-sm hover:opacity-90 touch-target">Copy Code</button>
-                </div>
-                <div>
-                    <label class="text-sm font-medium text-dynamic-muted-foreground">Share URL</label>
-                    <textarea id="share-url" class="w-full p-3 bg-dynamic-muted border border-dynamic-border rounded-lg text-sm font-mono mt-2 resize-none" rows="2" readonly></textarea>
-                    <button id="copy-share-url" class="mt-2 px-4 py-3 lg:py-2 bg-dynamic-muted text-dynamic-foreground rounded-lg text-sm hover:bg-opacity-80 touch-target">Copy URL</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    
-    <!-- Notification -->
-    <div id="notification" class="fixed top-4 right-4 bg-dynamic-accent text-white px-4 py-2 rounded-lg font-medium opacity-0 transition-opacity z-50 pointer-events-none"></div>
-    
-    <script src="{{ '/embed-script.js' | relative_url }}"></script>
-</body>
-</html> 
\ No newline at end of file
diff --git a/components.json b/components.json
new file mode 100644
index 00000000..edcaef26
--- /dev/null
+++ b/components.json
@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "registries": {}
+}
diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml
new file mode 100644
index 00000000..1bfbd5b0
--- /dev/null
+++ b/docker-compose.dev.yml
@@ -0,0 +1,26 @@
+version: '3.8'
+
+# Development docker-compose - only runs the database
+# The Next.js app runs locally with npm run dev
+
+services:
+  db:
+    image: postgres:16-alpine
+    container_name: prompts-chat-db-dev
+    restart: unless-stopped
+    environment:
+      POSTGRES_USER: postgres
+      POSTGRES_PASSWORD: postgres
+      POSTGRES_DB: prompts_chat
+    volumes:
+      - postgres_data_dev:/var/lib/postgresql/data
+    ports:
+      - "5433:5432"
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U postgres"]
+      interval: 5s
+      timeout: 5s
+      retries: 5
+
+volumes:
+  postgres_data_dev:
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 00000000..558377f6
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,53 @@
+version: '3.8'
+
+services:
+  # PostgreSQL Database
+  db:
+    image: postgres:16-alpine
+    container_name: prompts-chat-db
+    restart: unless-stopped
+    environment:
+      POSTGRES_USER: postgres
+      POSTGRES_PASSWORD: postgres
+      POSTGRES_DB: prompts_chat
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+    ports:
+      - "5432:5432"
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U postgres"]
+      interval: 5s
+      timeout: 5s
+      retries: 5
+
+  # Next.js Application
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: prompts-chat-app
+    restart: unless-stopped
+    depends_on:
+      db:
+        condition: service_healthy
+    environment:
+      DATABASE_URL: postgresql://postgres:postgres@db:5432/prompts_chat?schema=public
+      NEXTAUTH_URL: http://localhost:3000
+      NEXTAUTH_SECRET: ${NEXTAUTH_SECRET:-change-me-in-production-use-openssl-rand-base64-32}
+      # Optional: OAuth providers
+      # GOOGLE_CLIENT_ID: ${GOOGLE_CLIENT_ID}
+      # GOOGLE_CLIENT_SECRET: ${GOOGLE_CLIENT_SECRET}
+      # AZURE_AD_CLIENT_ID: ${AZURE_AD_CLIENT_ID}
+      # AZURE_AD_CLIENT_SECRET: ${AZURE_AD_CLIENT_SECRET}
+      # AZURE_AD_TENANT_ID: ${AZURE_AD_TENANT_ID}
+      # Optional: S3 storage
+      # S3_BUCKET: ${S3_BUCKET}
+      # S3_REGION: ${S3_REGION}
+      # S3_ACCESS_KEY_ID: ${S3_ACCESS_KEY_ID}
+      # S3_SECRET_ACCESS_KEY: ${S3_SECRET_ACCESS_KEY}
+      # S3_ENDPOINT: ${S3_ENDPOINT}
+    ports:
+      - "3000:3000"
+
+volumes:
+  postgres_data:
diff --git a/embed-preview-script.js b/embed-preview-script.js
deleted file mode 100644
index 5a61778f..00000000
--- a/embed-preview-script.js
+++ /dev/null
@@ -1,855 +0,0 @@
-class EmbedPreview {
-    constructor() {
-        this.params = this.parseURLParams();
-        this.config = this.getInitialConfig();
-        this.selectedFiles = new Set(); // Track selected files
-        this.init();
-    }
-    
-    parseURLParams() {
-        const urlParams = new URLSearchParams(window.location.search);
-        const params = {};
-        for (const [key, value] of urlParams.entries()) {
-            params[key] = decodeURIComponent(value);
-        }
-        return params;
-    }
-    
-    getInitialConfig() {
-        return {
-            prompt: this.params.prompt || '',
-            context: this.params.context ? this.params.context.split(',').map(c => c.trim()) : [],
-            model: this.params.model || 'gpt-4o',
-            mode: this.params.agentMode || 'chat',
-            thinking: this.params.thinking === 'true',
-            max: this.params.max === 'true',
-            lightColor: this.params.lightColor || '#3b82f6',
-            darkColor: this.params.darkColor || '#60a5fa',
-            themeMode: this.params.themeMode || 'auto',
-            filetree: this.params.filetree ? decodeURIComponent(this.params.filetree).split('\n').filter(f => f.trim()) : [],
-            showDiff: this.params.showDiff === 'true',
-            diffFilename: this.params.diffFilename || '',
-            diffOldText: this.params.diffOldText ? decodeURIComponent(this.params.diffOldText) : '',
-            diffNewText: this.params.diffNewText ? decodeURIComponent(this.params.diffNewText) : '',
-            flashButton: this.params.flashButton || 'none'
-        };
-    }
-    
-    init() {
-        this.setupColors();
-        this.setupElements();
-        this.render();
-        this.setupResizeListener();
-    }
-    
-    setupColors() {
-        const root = document.documentElement;
-        
-        // Determine if we should use dark mode
-        let isDarkMode;
-        if (this.config.themeMode === 'light') {
-            isDarkMode = false;
-        } else if (this.config.themeMode === 'dark') {
-            isDarkMode = true;
-        } else {
-            // Auto mode - use system preference
-            isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-        }
-        
-        const baseColor = isDarkMode ? this.config.darkColor : this.config.lightColor;
-        
-        // Convert hex to RGB
-        const hexToRgb = (hex) => {
-            const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-            return result ? {
-                r: parseInt(result[1], 16),
-                g: parseInt(result[2], 16),
-                b: parseInt(result[3], 16)
-            } : null;
-        };
-        
-        // Convert RGB to HSL
-        const rgbToHsl = (r, g, b) => {
-            r /= 255;
-            g /= 255;
-            b /= 255;
-            
-            const max = Math.max(r, g, b);
-            const min = Math.min(r, g, b);
-            let h, s, l = (max + min) / 2;
-            
-            if (max === min) {
-                h = s = 0;
-            } else {
-                const d = max - min;
-                s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-                
-                switch (max) {
-                    case r: h = ((g - b) / d + (g < b ? 6 : 0)) / 6; break;
-                    case g: h = ((b - r) / d + 2) / 6; break;
-                    case b: h = ((r - g) / d + 4) / 6; break;
-                }
-            }
-            
-            return { h: h * 360, s: s * 100, l: l * 100 };
-        };
-        
-        // Convert HSL to RGB
-        const hslToRgb = (h, s, l) => {
-            h /= 360;
-            s /= 100;
-            l /= 100;
-            
-            let r, g, b;
-            
-            if (s === 0) {
-                r = g = b = l;
-            } else {
-                const hue2rgb = (p, q, t) => {
-                    if (t < 0) t += 1;
-                    if (t > 1) t -= 1;
-                    if (t < 1/6) return p + (q - p) * 6 * t;
-                    if (t < 1/2) return q;
-                    if (t < 2/3) return p + (q - p) * (2/3 - t) * 6;
-                    return p;
-                };
-                
-                const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-                const p = 2 * l - q;
-                r = hue2rgb(p, q, h + 1/3);
-                g = hue2rgb(p, q, h);
-                b = hue2rgb(p, q, h - 1/3);
-            }
-            
-            return {
-                r: Math.round(r * 255),
-                g: Math.round(g * 255),
-                b: Math.round(b * 255)
-            };
-        };
-        
-        const rgb = hexToRgb(baseColor);
-        if (rgb) {
-            // Get HSL values for color manipulation
-            const hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);
-            
-            // Set primary color
-            root.style.setProperty('--primary', `${rgb.r} ${rgb.g} ${rgb.b}`);
-            
-            // Generate color scheme based on primary color
-            if (isDarkMode) {
-                // Dark mode: darker backgrounds, lighter text
-                const bgHsl = { ...hsl, s: Math.min(hsl.s * 0.15, 20), l: 8 };
-                const bg = hslToRgb(bgHsl.h, bgHsl.s, bgHsl.l);
-                
-                const mutedHsl = { ...hsl, s: Math.min(hsl.s * 0.2, 25), l: 15 };
-                const muted = hslToRgb(mutedHsl.h, mutedHsl.s, mutedHsl.l);
-                
-                const borderHsl = { ...hsl, s: Math.min(hsl.s * 0.25, 30), l: 20 };
-                const border = hslToRgb(borderHsl.h, borderHsl.s, borderHsl.l);
-                
-                root.style.setProperty('--background', `${bg.r} ${bg.g} ${bg.b}`);
-                root.style.setProperty('--foreground', '248 250 252');
-                root.style.setProperty('--muted', `${muted.r} ${muted.g} ${muted.b}`);
-                root.style.setProperty('--muted-foreground', '148 163 184');
-                root.style.setProperty('--border', `${border.r} ${border.g} ${border.b}`);
-            } else {
-                // Light mode: lighter backgrounds, darker text
-                const bgHsl = { ...hsl, s: Math.min(hsl.s * 0.05, 5), l: 99 };
-                const bg = hslToRgb(bgHsl.h, bgHsl.s, bgHsl.l);
-                
-                const mutedHsl = { ...hsl, s: Math.min(hsl.s * 0.1, 10), l: 97 };
-                const muted = hslToRgb(mutedHsl.h, mutedHsl.s, mutedHsl.l);
-                
-                const borderHsl = { ...hsl, s: Math.min(hsl.s * 0.15, 15), l: 92 };
-                const border = hslToRgb(borderHsl.h, borderHsl.s, borderHsl.l);
-                
-                root.style.setProperty('--background', `${bg.r} ${bg.g} ${bg.b}`);
-                root.style.setProperty('--foreground', '15 23 42');
-                root.style.setProperty('--muted', `${muted.r} ${muted.g} ${muted.b}`);
-                root.style.setProperty('--muted-foreground', '100 116 139');
-                root.style.setProperty('--border', `${border.r} ${border.g} ${border.b}`);
-            }
-            
-            // Set accent (slightly different from primary)
-            const accentHsl = { ...hsl, l: Math.min(hsl.l + 10, 90) };
-            const accent = hslToRgb(accentHsl.h, accentHsl.s, accentHsl.l);
-            root.style.setProperty('--accent', `${accent.r} ${accent.g} ${accent.b}`);
-        }
-        
-        this.isDarkMode = isDarkMode;
-    }
-    
-    setupElements() {
-        const copyButton = document.getElementById('copy-button');
-        if (copyButton) {
-            copyButton.addEventListener('click', () => this.handleCopy());
-        }
-        
-        const editButton = document.getElementById('edit-button');
-        if (editButton) {
-            editButton.addEventListener('click', () => this.handleEdit());
-        }
-    }
-    
-    render() {
-        this.renderDiffView();
-        this.renderContextPills();
-        this.renderPromptText();
-        this.renderSettingsPills();
-        this.renderFileTree();
-    }
-    
-    renderContextPills() {
-        const container = document.getElementById('context-pills');
-        if (!container) return;
-        
-        container.innerHTML = '';
-        
-        // Render initial context from config
-        this.config.context.forEach(context => {
-            const pill = this.createContextPill(context, false);
-            container.appendChild(pill);
-        });
-        
-        // Render selected files and folders
-        this.selectedFiles.forEach(filePath => {
-            const fileName = this.getFileName(filePath);
-            const pill = this.createContextPill(fileName, true, filePath);
-            pill.title = filePath; // Show full path on hover
-            container.appendChild(pill);
-        });
-    }
-    
-    createContextPill(context, isRemovable, fullPath = null) {
-        const pill = document.createElement('div');
-        pill.className = 'px-2 py-0.5 rounded-lg text-[0.65rem] font-medium animate-slide-in flex items-center gap-1 flex-shrink-0 whitespace-nowrap';
-        
-        let icon = '';
-        let content = '';
-        
-        // Use dynamic color classes for all pills
-        if (this.isDarkMode) {
-            pill.className += ' bg-dynamic-primary/10 text-dynamic-foreground border border-dynamic-primary/30';
-        } else {
-            pill.className += ' bg-dynamic-primary/0 text-dynamic-foreground border border-dynamic-primary/20';
-        }
-        
-        if (context.startsWith('@')) {
-            // @mentions - just show the text
-            content = '<span>' + context + '</span>';
-        } else if (context.startsWith('http://') || context.startsWith('https://')) {
-            // Web URLs show world icon
-            icon = '<svg class="w-3 h-3" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z" clip-rule="evenodd"/></svg>';
-            content = icon + '<span>' + context + '</span>';
-        } else if (context.startsWith('#')) {
-            // Any hashtag context shows image icon
-            icon = '<svg class="w-3 h-3" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z" clip-rule="evenodd"/></svg>';
-            // Remove hash from display
-            content = icon + '<span>' + context.substring(1) + '</span>';
-        } else if (context.endsWith('/')) {
-            // Folder context (ends with /)
-            icon = '<svg class="w-3 h-3" viewBox="0 0 20 20" fill="currentColor"><path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"/></svg>';
-            // Keep trailing slash for display
-            content = icon + '<span>' + context + '</span>';
-        } else if (context.includes('.') || isRemovable) {
-            // File context (contains a dot) or removable file from sidebar
-            icon = '<svg class="w-3 h-3" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V7.414A2 2 0 0017.414 6L14 2.586A2 2 0 0012.586 2H4zm2 4a1 1 0 011-1h4a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7zm-1 5a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1z" clip-rule="evenodd"/></svg>';
-            content = icon + '<span>' + context + '</span>';
-        } else {
-            // Generic context
-            content = '<span>' + context + '</span>';
-        }
-        
-        pill.innerHTML = content;
-        
-        // Add remove button for removable pills
-        if (isRemovable && fullPath) {
-            const removeBtn = document.createElement('button');
-            removeBtn.className = 'ml-0.5 text-dynamic-muted-foreground hover:text-dynamic-foreground transition-colors';
-            removeBtn.innerHTML = '<svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>';
-            removeBtn.addEventListener('click', (e) => {
-                e.stopPropagation();
-                this.removeFileFromContext(fullPath);
-            });
-            pill.appendChild(removeBtn);
-        }
-        
-        return pill;
-    }
-    
-    renderPromptText() {
-        const promptText = document.getElementById('prompt-text');
-        const placeholder = document.getElementById('prompt-placeholder');
-        
-        if (!promptText || !placeholder) return;
-        
-        if (this.config.prompt) {
-            promptText.innerHTML = this.highlightMentions(this.config.prompt);
-            placeholder.style.display = 'none';
-        } else {
-            promptText.innerHTML = '';
-            placeholder.style.display = 'block';
-        }
-    }
-    
-    renderSettingsPills() {
-        const container = document.getElementById('settings-pills');
-        if (!container) return;
-        
-        container.innerHTML = '';
-        
-        // Mode pill (first)
-        const modePill = this.createSettingPill(this.capitalizeFirst(this.config.mode), 'mode');
-        container.appendChild(modePill);
-        
-        // Model pill (second)
-        const modelPill = this.createSettingPill(this.config.model, 'model');
-        container.appendChild(modelPill);
-        
-        // Thinking pill (if enabled)
-        if (this.config.thinking) {
-            const thinkingPill = this.createSettingPill('Thinking', 'thinking');
-            container.appendChild(thinkingPill);
-        }
-        
-        // MAX pill (if enabled)
-        if (this.config.max) {
-            const maxPill = this.createSettingPill('MAX', 'max');
-            container.appendChild(maxPill);
-        }
-    }
-    
-    createSettingPill(text, type) {
-        const pill = document.createElement('div');
-        pill.className = 'rounded-full text-[10px] font-medium flex items-center gap-1';
-        
-        let icon = '';
-        
-        // Use different styling based on pill type
-        if (type === 'mode') {
-            // Mode pill keeps the background with reduced padding
-            if (this.isDarkMode) {
-                pill.className += ' px-2 py-1 bg-dynamic-primary/20 text-dynamic-foreground border border-dynamic-primary/30';
-            } else {
-                pill.className += ' px-2 py-1 bg-dynamic-primary/10 text-dynamic-foreground border border-dynamic-primary/20';
-            }
-        } else {
-            // Model, thinking, and max pills only have text color
-            pill.className += ' pl-0.5 text-dynamic-primary';
-        }
-        
-        switch (type) {
-            case 'model':
-                pill.innerHTML = '<span>' + text + '</span>';
-                break;
-            case 'mode':
-                // Add icon based on mode type
-                const modeType = text.toLowerCase();
-                switch (modeType) {
-                    case 'agent':
-                        icon = '<svg class="w-2.5 h-2.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18.18 8.04c-.78-.84-1.92-1.54-3.18-1.54-1.44 0-2.7.93-3.48 2.25-.78-1.32-2.04-2.25-3.48-2.25-1.26 0-2.4.7-3.18 1.54-.87.94-1.36 2.11-1.36 3.46 0 1.35.49 2.52 1.36 3.46.78.84 1.92 1.54 3.18 1.54 1.44 0 2.7-.93 3.48-2.25.78 1.32 2.04 2.25 3.48 2.25 1.26 0 2.4-.7 3.18-1.54.87-.94 1.36-2.11 1.36-3.46 0-1.35-.49-2.52-1.36-3.46z"/></svg>';
-                        break;
-                    case 'chat':
-                        icon = '<svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z" clip-rule="evenodd"/></svg>';
-                        break;
-                    case 'manual':
-                        icon = '<svg class="w-2.5 h-2.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 2v20M2 12h20"/><circle cx="12" cy="12" r="3" fill="currentColor"/></svg>';
-                        break;
-                    case 'cloud':
-                        icon = '<svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor"><path d="M5.5 16a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 16h-8z"/></svg>';
-                        break;
-                    default:
-                        icon = '';
-                }
-                
-                pill.innerHTML = icon + '<span>' + text + '</span>';
-                break;
-            case 'thinking':
-                // Brain icon for thinking mode
-                icon = '<svg class="w-2.5 h-2.5" viewBox="0 0 24 24" fill="currentColor"><path d="M19.864 8.465a3.505 3.505 0 0 0-3.03-4.449A3.005 3.005 0 0 0 14 2a2.98 2.98 0 0 0-2 .78A2.98 2.98 0 0 0 10 2c-1.301 0-2.41.831-2.825 2.015a3.505 3.505 0 0 0-3.039 4.45A4.028 4.028 0 0 0 2 12c0 1.075.428 2.086 1.172 2.832A4.067 4.067 0 0 0 3 16c0 1.957 1.412 3.59 3.306 3.934A3.515 3.515 0 0 0 9.5 22c.979 0 1.864-.407 2.5-1.059A3.484 3.484 0 0 0 14.5 22a3.51 3.51 0 0 0 3.19-2.06 4.006 4.006 0 0 0 3.138-5.108A4.003 4.003 0 0 0 22 12a4.028 4.028 0 0 0-2.136-3.535zM9.5 20c-.711 0-1.33-.504-1.47-1.198L7.818 18H7c-1.103 0-2-.897-2-2 0-.352.085-.682.253-.981l.456-.816-.784-.51A2.019 2.019 0 0 1 4 12c0-.977.723-1.824 1.682-1.972l1.693-.26-1.059-1.346a1.502 1.502 0 0 1 1.498-2.39L9 6.207V5a1 1 0 0 1 2 0v13.5c0 .827-.673 1.5-1.5 1.5zm9.575-6.308-.784.51.456.816c.168.3.253.63.253.982 0 1.103-.897 2-2.05 2h-.818l-.162.802A1.502 1.502 0 0 1 14.5 20c-.827 0-1.5-.673-1.5-1.5V5c0-.552.448-1 1-1s1 .448 1 1.05v1.207l1.186-.225a1.502 1.502 0 0 1 1.498 2.39l-1.059 1.347 1.693.26A2.002 2.002 0 0 1 20 12c0 .683-.346 1.315-.925 1.692z"></path></svg>';
-                pill.innerHTML = icon + '<span>' + text + '</span>';
-                break;
-            case 'max':
-                // Lightning bolt icon for MAX mode
-                icon = '<svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor"><path d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"/></svg>';
-                pill.innerHTML = icon + '<span>' + text + '</span>';
-                break;
-        }
-        
-        return pill;
-    }
-    
-    setupResizeListener() {
-        let resizeTimeout;
-        window.addEventListener('resize', () => {
-            clearTimeout(resizeTimeout);
-            resizeTimeout = setTimeout(() => {
-                this.renderDiffView();
-            }, 100);
-        });
-    }
-    
-    renderDiffView() {
-        const diffView = document.getElementById('diff-view');
-        const diffViewInline = document.getElementById('diff-view-inline');
-        const promptText = document.getElementById('prompt-text');
-        if (!diffView || !diffViewInline) return;
-        
-        const viewportHeight = window.innerHeight;
-        const isCompact = viewportHeight < 400;
-        
-        if (this.config.showDiff && (this.config.diffOldText || this.config.diffNewText)) {
-            // Determine which view to show based on viewport height
-            if (isCompact) {
-                // Show floating diff view
-                diffView.classList.remove('hidden');
-                diffView.classList.add('diff-enter');
-                diffViewInline.classList.add('hidden');
-                this.setupDiffContent('diff-view');
-            } else {
-                // Show inline diff view
-                diffViewInline.classList.remove('hidden');
-                diffView.classList.add('hidden');
-                this.setupDiffContent('diff-view-inline');
-                // Reset margin when switching to inline view
-                if (promptText) {
-                    promptText.style.marginTop = '0';
-                }
-            }
-        } else {
-            diffView.classList.add('hidden');
-            diffViewInline.classList.add('hidden');
-            // Reset margin when diff is hidden
-            if (promptText) {
-                promptText.style.marginTop = '0';
-            }
-        }
-    }
-    
-    setupDiffContent(containerId) {
-        const container = document.getElementById(containerId);
-        if (!container) return;
-        
-        // Count lines in old and new content
-        const oldLines = this.config.diffOldText ? this.config.diffOldText.split('\n').length : 0;
-        const newLines = this.config.diffNewText ? this.config.diffNewText.split('\n').length : 0;
-        
-        // Set filename with line counts
-        const filenameElement = container.querySelector('[id$="-filename"]');
-        if (filenameElement) {
-            const filename = this.config.diffFilename || 'untitled';
-        filenameElement.innerHTML = `
-                <span>${filename}</span>
-                <span class="ml-2 text-[10px] font-mono">
-                    <span class="text-green-600 dark:text-green-400">+${newLines}</span>
-                    <span class="text-red-600 dark:text-red-400">-${oldLines}</span>
-                </span>
-            `;
-        }
-        
-        // Set diff content
-        const oldContent = container.querySelector('[id$="-old-content"]');
-        const newContent = container.querySelector('[id$="-new-content"]');
-        
-        if (oldContent) {
-            oldContent.textContent = this.config.diffOldText || '(empty)';
-            // Update colors based on dark mode
-            if (this.isDarkMode) {
-                oldContent.style.backgroundColor = 'rgba(127, 29, 29, 0.15)';
-                oldContent.style.color = '#fca5a5';
-                oldContent.style.borderColor = 'rgba(127, 29, 29, 0.3)';
-            } else {
-                oldContent.style.backgroundColor = 'rgba(254, 226, 226, 0.7)';
-                oldContent.style.color = '#b91c1c';
-                oldContent.style.borderColor = 'rgba(252, 165, 165, 0.5)';
-            }
-        }
-        if (newContent) {
-            newContent.textContent = this.config.diffNewText || '(empty)';
-            // Update colors based on dark mode
-            if (this.isDarkMode) {
-                newContent.style.backgroundColor = 'rgba(20, 83, 45, 0.15)';
-                newContent.style.color = '#86efac';
-                newContent.style.borderColor = 'rgba(20, 83, 45, 0.3)';
-            } else {
-                newContent.style.backgroundColor = 'rgba(220, 252, 231, 0.7)';
-                newContent.style.color = '#15803d';
-                newContent.style.borderColor = 'rgba(134, 239, 172, 0.5)';
-            }
-        }
-        
-        // Apply flash animation to buttons if configured
-        const acceptButton = container.querySelector('[id$="-accept-diff"]');
-        const rejectButton = container.querySelector('[id$="-reject-diff"]');
-        
-        if (this.config.flashButton === 'accept' && acceptButton) {
-            acceptButton.classList.add('flash-animation');
-            // Remove from reject button if it exists
-            if (rejectButton) rejectButton.classList.remove('flash-animation');
-        } else if (this.config.flashButton === 'reject' && rejectButton) {
-            rejectButton.classList.add('flash-animation');
-            // Remove from accept button if it exists
-            if (acceptButton) acceptButton.classList.remove('flash-animation');
-        } else {
-            // Remove animation from both if 'none'
-            if (acceptButton) acceptButton.classList.remove('flash-animation');
-            if (rejectButton) rejectButton.classList.remove('flash-animation');
-        }
-        
-        // Setup toggle button for floating view only
-        if (containerId === 'diff-view') {
-            const toggleButton = container.querySelector('#toggle-diff');
-            const diffContent = container.querySelector('#diff-content');
-            const promptText = document.getElementById('prompt-text');
-            
-            if (toggleButton && diffContent && promptText) {
-                // Remove existing listeners
-                const newToggleButton = toggleButton.cloneNode(true);
-                toggleButton.parentNode.replaceChild(newToggleButton, toggleButton);
-                
-                // Set initial state - collapsed when compact
-                let isExpanded = false;
-                diffContent.style.maxHeight = '0';
-                diffContent.style.overflow = 'hidden';
-                newToggleButton.querySelector('svg').style.transform = 'rotate(-90deg)';
-                
-                // Function to update prompt margin based on diff view height
-                const updatePromptMargin = () => {
-                    const diffHeight = container.offsetHeight;
-                    promptText.parentElement.style.paddingTop = `${diffHeight + 16}px`; // 16px for some breathing room
-                };
-                
-                // Set initial margin
-                setTimeout(updatePromptMargin, 0);
-                
-                newToggleButton.addEventListener('click', () => {
-                    isExpanded = !isExpanded;
-                    
-                    if (isExpanded) {
-                        diffContent.style.maxHeight = diffContent.scrollHeight + 'px';
-                        newToggleButton.querySelector('svg').style.transform = 'rotate(0deg)';
-                        // Update margin after animation
-                        setTimeout(updatePromptMargin, 300);
-                    } else {
-                        diffContent.style.maxHeight = '0';
-                        diffContent.style.overflow = 'hidden';
-                        newToggleButton.querySelector('svg').style.transform = 'rotate(-90deg)';
-                        // Update margin after animation
-                        setTimeout(updatePromptMargin, 300);
-                    }
-                });
-            }
-        }
-    }
-    
-    highlightMentions(text) {
-        return text.replaceAll(/@(https?:\/\/[^\s]+.*?|\w+\.\w+|\w+)/g, '<span class="mention">@$1</span>');
-    }
-    
-    capitalizeFirst(str) {
-        return str.charAt(0).toUpperCase() + str.slice(1);
-    }
-    
-    async handleCopy() {
-        if (!this.config.prompt) {
-            this.showNotification('No prompt to copy');
-            return;
-        }
-        
-        await this.copyToClipboard(this.config.prompt);
-        this.showNotification('Prompt copied to clipboard!');
-    }
-    
-    handleEdit() {
-        // Get current query string
-        const queryString = window.location.search;
-        
-        // Get current URL path parts
-        const pathParts = window.location.pathname.split('/');
-        
-        // Find index of 'embed-preview' and replace with 'embed'
-        const embedPreviewIndex = pathParts.findIndex(part => part === 'embed-preview');
-        if (embedPreviewIndex !== -1) {
-            pathParts[embedPreviewIndex] = 'embed';
-        } else {
-            // Fallback: just append /embed/ if embed-preview not found
-            pathParts.push('embed');
-        }
-        
-        // Construct new URL
-        const newPath = pathParts.join('/');
-        const newUrl = window.location.origin + newPath + queryString;
-        
-        // Open in new tab
-        window.open(newUrl, '_blank');
-    }
-    
-    async copyToClipboard(text) {
-        if (navigator.clipboard && window.isSecureContext) {
-            await navigator.clipboard.writeText(text);
-        } else {
-            // Fallback
-            const textArea = document.createElement('textarea');
-            textArea.value = text;
-            textArea.style.position = 'fixed';
-            textArea.style.left = '-999999px';
-            textArea.style.top = '-999999px';
-            document.body.appendChild(textArea);
-            textArea.focus();
-            textArea.select();
-            document.execCommand('copy');
-            textArea.remove();
-        }
-    }
-    
-    showNotification(message) {
-        const notification = document.getElementById('notification');
-        if (!notification) return;
-        
-        notification.textContent = message;
-        notification.classList.remove('opacity-0');
-        notification.classList.add('opacity-100');
-        
-        setTimeout(() => {
-            notification.classList.remove('opacity-100');
-            notification.classList.add('opacity-0');
-        }, 2000);
-    }
-    
-    addFileToContext(filePath) {
-        if (!this.selectedFiles.has(filePath)) {
-            this.selectedFiles.add(filePath);
-            this.renderContextPills();
-            this.renderFileTree(); // Re-render to show selection
-        }
-    }
-    
-    getFileName(filePath) {
-        // Extract just the filename or folder name from the path
-        const cleanPath = filePath.endsWith('/') ? filePath.slice(0, -1) : filePath;
-        const parts = cleanPath.split('/');
-        const name = parts[parts.length - 1];
-        // Add trailing slash back for folders to maintain context
-        return filePath.endsWith('/') ? name + '/' : name;
-    }
-    
-    removeFileFromContext(filePath) {
-        if (this.selectedFiles.has(filePath)) {
-            this.selectedFiles.delete(filePath);
-            this.renderContextPills();
-            this.renderFileTree(); // Re-render to update selection
-        }
-    }
-    
-    getFullPath(node, currentPath = '') {
-        // Helper to get the full path from a node
-        return currentPath ? `${currentPath}/${node.name}` : node.name;
-    }
-    
-    buildFileTree(paths) {
-        const tree = {};
-        
-        paths.forEach(path => {
-            // Check if the path ends with an asterisk
-            const isHighlighted = path.endsWith('*');
-            // Remove asterisk if present
-            const cleanPath = isHighlighted ? path.slice(0, -1) : path;
-            
-            // Check if it's a folder (ends with /)
-            const isFolder = cleanPath.endsWith('/');
-            
-            // Remove trailing slash for processing
-            const processPath = isFolder ? cleanPath.slice(0, -1) : cleanPath;
-            
-            const parts = processPath.split('/').filter(p => p !== ''); // Filter out empty strings
-            let current = tree;
-            
-            parts.forEach((part, index) => {
-                if (!current[part]) {
-                    const isLastPart = index === parts.length - 1;
-                    current[part] = {
-                        name: part,
-                        isFile: isLastPart && !isFolder,
-                        isHighlighted: isLastPart && isHighlighted,
-                        children: {}
-                    };
-                }
-                if (index < parts.length - 1 || (index === parts.length - 1 && !current[part].isFile)) {
-                    current = current[part].children;
-                }
-            });
-        });
-        
-        return tree;
-    }
-    
-    renderFileTree() {
-        const sidebar = document.getElementById('file-sidebar');
-        const treeContainer = document.getElementById('file-tree');
-        
-        if (!sidebar || !treeContainer) return;
-        
-        // Show/hide sidebar based on whether there are files
-        if (this.config.filetree && this.config.filetree.length > 0) {
-            sidebar.classList.remove('hidden');
-            
-            // Build tree structure
-            const tree = this.buildFileTree(this.config.filetree);
-            
-            // Clear existing content
-            treeContainer.innerHTML = '';
-            
-            // Render tree
-            this.renderTreeNode(tree, treeContainer, 0, '');
-        } else {
-            sidebar.classList.add('hidden');
-        }
-    }
-    
-    renderTreeNode(node, container, level, parentPath) {
-        const sortedKeys = Object.keys(node).sort((a, b) => {
-            // Folders first, then files
-            const aIsFile = node[a].isFile;
-            const bIsFile = node[b].isFile;
-            if (aIsFile !== bIsFile) return aIsFile ? 1 : -1;
-            return a.localeCompare(b);
-        });
-        
-        sortedKeys.forEach(key => {
-            const item = node[key];
-            const fullPath = parentPath ? `${parentPath}/${item.name}` : item.name;
-            const itemElement = document.createElement('div');
-            
-            // Check if file or folder is selected
-            const contextPath = item.isFile ? fullPath : fullPath + '/';
-            const isSelected = this.selectedFiles.has(contextPath);
-            
-            // Add highlighting class if the file is marked or selected
-            if (item.isHighlighted) {
-                itemElement.className = 'flex items-center gap-1 py-0.5 px-1.5 bg-dynamic-primary/20 rounded text-xs text-dynamic-foreground font-medium transition-all';
-            } else if (isSelected) {
-                itemElement.className = 'flex items-center gap-1 py-0.5 px-1.5 bg-dynamic-primary/20 rounded cursor-pointer text-xs text-dynamic-foreground font-medium transition-all hover:bg-dynamic-primary/30';
-            } else {
-                itemElement.className = 'flex items-center gap-1 py-0.5 px-1.5 hover:bg-dynamic-primary/10 rounded cursor-pointer text-xs text-dynamic-foreground/80 hover:text-dynamic-foreground transition-colors';
-            }
-            
-            itemElement.style.paddingLeft = `${level * 12 + 6}px`;
-            
-            // Add click handler for files and folders (but not starred items)
-            if (!item.isHighlighted) {
-                itemElement.addEventListener('click', () => {
-                    const contextPath = item.isFile ? fullPath : fullPath + '/';
-                    if (isSelected) {
-                        this.removeFileFromContext(contextPath);
-                    } else {
-                        this.addFileToContext(contextPath);
-                    }
-                });
-                itemElement.title = isSelected ? 'Click to remove from context' : 'Click to add to context';
-                itemElement.style.cursor = 'pointer';
-            } else {
-                itemElement.style.cursor = 'default';
-                itemElement.title = 'Starred items cannot be selected';
-            }
-            
-            // Add icon
-            const icon = document.createElement('span');
-            icon.className = 'flex-shrink-0';
-            
-            if (item.isFile) {
-                // File icon with different colors based on extension
-                const ext = key.split('.').pop().toLowerCase();
-                let iconColor = 'text-dynamic-muted-foreground';
-                
-                // If highlighted or selected, use primary color for icon
-                if (item.isHighlighted || isSelected) {
-                    iconColor = 'text-dynamic-primary';
-                } else {
-                    // Color code common file types
-                    if (['js', 'jsx', 'ts', 'tsx'].includes(ext)) {
-                        iconColor = 'text-yellow-500';
-                    } else if (['css', 'scss', 'sass', 'less'].includes(ext)) {
-                        iconColor = 'text-blue-500';
-                    } else if (['html', 'htm'].includes(ext)) {
-                        iconColor = 'text-orange-500';
-                    } else if (['vue', 'svelte'].includes(ext)) {
-                        iconColor = 'text-green-500';
-                    } else if (['json', 'xml', 'yaml', 'yml'].includes(ext)) {
-                        iconColor = 'text-purple-500';
-                    } else if (['md', 'mdx'].includes(ext)) {
-                        iconColor = 'text-gray-500';
-                    } else if (['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp'].includes(ext)) {
-                        iconColor = 'text-pink-500';
-                    }
-                }
-                
-                icon.innerHTML = `<svg class="w-3 h-3 ${iconColor}" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V7.414A2 2 0 0017.414 6L14 2.586A2 2 0 0012.586 2H4zm2 4a1 1 0 011-1h4a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7zm-1 5a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1z" clip-rule="evenodd"/></svg>`;
-            } else {
-                // Folder icon
-                icon.innerHTML = '<svg class="w-3 h-3 text-dynamic-primary" viewBox="0 0 20 20" fill="currentColor"><path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"/></svg>';
-            }
-            
-            // Add name
-            const nameSpan = document.createElement('span');
-            nameSpan.className = 'truncate flex-1';
-            nameSpan.textContent = item.name;
-            
-            itemElement.appendChild(icon);
-            itemElement.appendChild(nameSpan);
-            
-            // Add indicators for highlighted or selected items
-            if (item.isHighlighted || isSelected) {
-                const indicatorContainer = document.createElement('span');
-                indicatorContainer.className = 'ml-auto flex items-center gap-1';
-                
-                // Add star for highlighted items
-                if (item.isHighlighted) {
-                    const starIcon = document.createElement('span');
-                    starIcon.className = 'text-dynamic-primary';
-                    starIcon.innerHTML = '<svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>';
-                    indicatorContainer.appendChild(starIcon);
-                }
-                
-                // Add checkmark for selected items (not highlighted)
-                if (isSelected && !item.isHighlighted) {
-                    const checkIcon = document.createElement('span');
-                    checkIcon.className = 'text-dynamic-primary';
-                    checkIcon.innerHTML = '<svg class="w-2.5 h-2.5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>';
-                    indicatorContainer.appendChild(checkIcon);
-                }
-                
-                itemElement.appendChild(indicatorContainer);
-            }
-            
-            container.appendChild(itemElement);
-            
-            // Recursively render children
-            if (!item.isFile && Object.keys(item.children).length > 0) {
-                this.renderTreeNode(item.children, container, level + 1, fullPath);
-            }
-        });
-    }
-}
-
-// Initialize when DOM is ready
-document.addEventListener('DOMContentLoaded', () => {
-    window.embedPreview = new EmbedPreview();
-});
-
-// Expose API for external usage
-window.EmbedPreviewAPI = {
-    getPrompt: () => window.embedPreview?.config.prompt,
-    setPrompt: (prompt) => {
-        if (window.embedPreview) {
-            window.embedPreview.config.prompt = prompt;
-            window.embedPreview.renderPromptText();
-        }
-    },
-    updateConfig: (config) => {
-        if (window.embedPreview) {
-            Object.assign(window.embedPreview.config, config);
-            window.embedPreview.render();
-        }
-    }
-}; 
\ No newline at end of file
diff --git a/embed-preview-style.css b/embed-preview-style.css
deleted file mode 100644
index ed007823..00000000
--- a/embed-preview-style.css
+++ /dev/null
@@ -1,251 +0,0 @@
-/* Custom CSS variables for dynamic theming */
-:root {
-    /* These will be dynamically set by JavaScript based on light/dark colors */
-    --primary: 59 130 246; /* Default blue-500 */
-    --background: 255 255 255;
-    --foreground: 15 23 42;
-    --muted: 248 250 252;
-    --muted-foreground: 100 116 139;
-    --border: 226 232 240;
-    --accent: 16 185 129;
-}
-
-/* Dynamic color classes */
-.bg-dynamic-background { background-color: rgb(var(--background)); }
-.bg-dynamic-muted { background-color: rgb(var(--muted)); }
-.bg-dynamic-primary { background-color: rgb(var(--primary)); }
-.bg-dynamic-accent { background-color: rgb(var(--accent)); }
-.text-dynamic-foreground { color: rgb(var(--foreground)); }
-.text-dynamic-muted-foreground { color: rgb(var(--muted-foreground)); }
-.text-dynamic-primary { color: rgb(var(--primary)); }
-.text-dynamic-accent { color: rgb(var(--accent)); }
-.border-dynamic-border { border-color: rgb(var(--border)); }
-.border-dynamic-primary { border-color: rgb(var(--primary)); }
-
-/* Dynamic color opacity variants for pills */
-.bg-dynamic-primary\/10 { background-color: rgb(var(--primary) / 0.1); }
-.bg-dynamic-primary\/20 { background-color: rgb(var(--primary) / 0.2); }
-.border-dynamic-primary\/20 { border-color: rgb(var(--primary) / 0.2); }
-.border-dynamic-primary\/30 { border-color: rgb(var(--primary) / 0.3); }
-
-/* Custom animations */
-@keyframes slideIn {
-    from { opacity: 0; transform: translateY(-8px); }
-    to { opacity: 1; transform: translateY(0); }
-}
-
-.animate-slide-in {
-    animation: slideIn 0.3s ease-out;
-}
-
-/* Mention highlighting */
-.mention {
-    background-color: rgb(var(--primary) / 0.1);
-    color: rgb(var(--primary));
-    padding: 0.125rem 0.375rem;
-    border-radius: 0.25rem;
-    font-weight: 500;
-}
-
-/* Custom scrollbar */
-.custom-scrollbar::-webkit-scrollbar {
-    width: 4px;
-}
-
-.custom-scrollbar::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-.custom-scrollbar::-webkit-scrollbar-thumb {
-    background: rgb(var(--border));
-    border-radius: 2px;
-}
-
-.custom-scrollbar::-webkit-scrollbar-thumb:hover {
-    background: rgb(var(--muted-foreground));
-}
-
-/* Focus styles */
-.focus-ring:focus {
-    outline: 2px solid rgb(var(--primary));
-    outline-offset: 2px;
-}
-
-/* Viewer mode specific styles */
-.viewer-mode .prompt-input {
-    cursor: default;
-}
-
-.viewer-mode .prompt-input:focus {
-    outline: none;
-}
-
-/* Hide scrollbar for horizontal scrolling pills */
-.scrollbar-hide {
-    -ms-overflow-style: none;  /* Internet Explorer 10+ */
-    scrollbar-width: none;  /* Firefox */
-}
-
-.scrollbar-hide::-webkit-scrollbar {
-    display: none;  /* Safari and Chrome */
-}
-
-
-
-/* Touch target improvements for mobile */
-.touch-target {
-    min-height: 44px;
-    min-width: 44px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-/* Fixed height for prompt container to enable scrolling */
-#prompt-container {
-    min-height: 100px;
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-}
-
-@media (max-width: 640px) {
-    #prompt-container {
-        min-height: 80px;
-    }
-}
-
-/* Ensure prompt text scrolls within container */
-#prompt-text {
-    height: 100%;
-    overflow-y: auto !important;
-    flex: 1;
-}
-
-/* Responsive improvements */
-@media (max-width: 640px) {
-    /* Context pills can wrap on mobile too */
-    #context-pills {
-        flex-wrap: wrap !important;
-        max-height: 80px; /* Smaller on mobile */
-    }
-    
-    /* More compact pill spacing on mobile */
-    .pill,
-    #settings-pills .pill,
-    #settings-pills > * {
-        padding: 0.25rem 0.5rem;
-        font-size: 0.75rem;
-        white-space: nowrap;
-    }
-    
-    /* Ensure button maintains minimum touch target */
-    #copy-button {
-        min-height: 44px;
-        min-width: 44px;
-    }
-    
-    /* Adjust text size in prompt area for better mobile readability */
-    #prompt-text {
-        line-height: 1.5;
-    }
-    
-    /* Make sure settings pills don't overflow */
-    #settings-pills {
-        overflow: hidden;
-    }
-    
-    /* Compact layout adjustments */
-    .viewer-mode {
-        gap: 0.5rem;
-    }
-}
-
-/* Very small mobile devices */
-@media (max-width: 480px) {
-    /* Even more compact spacing */
-    .pill,
-    #settings-pills .pill,
-    #settings-pills > * {
-        padding: 0.125rem 0.375rem;
-        font-size: 0.6875rem;
-    }
-    
-    /* Smaller button on very small screens */
-    #copy-button {
-        width: 36px;
-        height: 36px;
-        min-width: 36px;
-        min-height: 36px;
-    }
-    
-    #copy-button svg {
-        width: 14px;
-        height: 14px;
-    }
-}
-
-/* Hide file sidebar on mobile devices */
-@media (max-width: 640px) {
-    #file-sidebar {
-        display: none !important;
-    }
-}
-
-/* Context pills container improvements */
-#context-pills {
-    max-width: calc(100% - 40px); /* Reserve space for edit button */
-    display: flex;
-    flex-wrap: wrap;
-    max-height: 120px; /* Limit context pills height */
-    overflow-y: auto;
-    overflow-x: hidden;
-}
-
-/* Custom scrollbar for context pills */
-#context-pills {
-    scrollbar-width: thin; /* Firefox */
-}
-
-#context-pills::-webkit-scrollbar {
-    width: 4px;
-}
-
-#context-pills::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-#context-pills::-webkit-scrollbar-thumb {
-    background: rgb(var(--border) / 0.5);
-    border-radius: 2px;
-}
-
-#context-pills::-webkit-scrollbar-thumb:hover {
-    background: rgb(var(--border));
-}
-
-/* Ensure pills maintain size */
-#context-pills > div {
-    flex-shrink: 0;
-}
-
-/* Ensure proper touch behavior */
-@media (hover: none) and (pointer: coarse) {
-    /* All interactive elements get proper touch targets */
-    button, 
-    .pill,
-    #settings-pills > * {
-        min-height: 44px;
-    }
-    
-    /* Remove hover effects on touch devices */
-    button:hover {
-        opacity: 1;
-    }
-    
-    /* Add active states for better feedback */
-    button:active {
-        transform: scale(0.95);
-        transition: transform 0.1s ease;
-    }
-} 
\ No newline at end of file
diff --git a/embed-preview.html b/embed-preview.html
deleted file mode 100644
index b963db94..00000000
--- a/embed-preview.html
+++ /dev/null
@@ -1,6 +0,0 @@
----
-layout: embed-preview
-title: "Prompt Viewer"
-permalink: /embed-preview/
-mode: viewer
---- 
\ No newline at end of file
diff --git a/embed-script.js b/embed-script.js
deleted file mode 100644
index 4619e021..00000000
--- a/embed-script.js
+++ /dev/null
@@ -1,1028 +0,0 @@
-class EmbedDesigner {
-    constructor() {
-        this.params = this.parseURLParams();
-        this.config = this.getInitialConfig();
-        this.initDesignerMode();
-    }
-    
-    parseURLParams() {
-        const urlParams = new URLSearchParams(window.location.search);
-        const params = {};
-        for (const [key, value] of urlParams.entries()) {
-            params[key] = decodeURIComponent(value);
-        }
-        return params;
-    }
-    
-    getInitialConfig() {
-        // Check if we have URL parameters
-        const hasUrlParams = Object.keys(this.params).length > 0;
-        
-        // If URL params exist, prioritize them over saved config
-        if (hasUrlParams) {
-            // Start with defaults, then apply saved config, then override with URL params
-            const savedConfig = this.loadFromLocalStorage() || {};
-            return {
-                prompt: this.params.prompt || savedConfig.prompt || '',
-                context: this.params.context ? this.params.context.split(',').map(c => c.trim()) : (savedConfig.context || []),
-                model: this.params.model || savedConfig.model || 'gpt-4o',
-                mode: this.params.agentMode || savedConfig.mode || 'chat',
-                thinking: this.params.thinking === 'true' ? true : (this.params.thinking === 'false' ? false : (savedConfig.thinking || false)),
-                max: this.params.max === 'true' ? true : (this.params.max === 'false' ? false : (savedConfig.max || false)),
-                lightColor: this.params.lightColor || savedConfig.lightColor || '#3b82f6',
-                darkColor: this.params.darkColor || savedConfig.darkColor || '#60a5fa',
-                height: this.params.height || savedConfig.height || '400',
-                themeMode: this.params.themeMode || savedConfig.themeMode || 'auto',
-                filetree: this.params.filetree ? decodeURIComponent(this.params.filetree).split('\n').filter(f => f.trim()) : (savedConfig.filetree || []),
-                showFiletree: savedConfig.showFiletree !== undefined ? savedConfig.showFiletree : true,
-                showDiff: this.params.showDiff === 'true' || savedConfig.showDiff || false,
-                diffFilename: this.params.diffFilename || savedConfig.diffFilename || '',
-                diffOldText: this.params.diffOldText ? decodeURIComponent(this.params.diffOldText) : (savedConfig.diffOldText || ''),
-                diffNewText: this.params.diffNewText ? decodeURIComponent(this.params.diffNewText) : (savedConfig.diffNewText || ''),
-                flashButton: this.params.flashButton || savedConfig.flashButton || 'none'
-            };
-        }
-        
-        // Otherwise, try to load from localStorage
-        const savedConfig = this.loadFromLocalStorage();
-        if (savedConfig) {
-            return savedConfig;
-        }
-        
-        // Fall back to defaults
-        return {
-            prompt: '',
-            context: [],
-            model: 'gpt-4o',
-            mode: 'chat',
-            thinking: false,
-            max: false,
-            lightColor: '#3b82f6',
-            darkColor: '#60a5fa',
-            height: '400',
-            themeMode: 'auto',
-            filetree: [],
-            showFiletree: true,
-            showDiff: false,
-            diffFilename: '',
-            diffOldText: '',
-            diffNewText: '',
-            flashButton: 'none'
-        };
-    }
-    
-    loadFromLocalStorage() {
-        try {
-            const saved = localStorage.getItem('embedDesignerConfig');
-            if (saved) {
-                const config = JSON.parse(saved);
-                // Validate the loaded config has all required fields
-                if (config && typeof config === 'object') {
-                    // Ensure all properties have defaults
-                    return {
-                        prompt: config.prompt || '',
-                        context: config.context || [],
-                        model: config.model || 'gpt-4o',
-                        mode: config.mode || 'chat',
-                        thinking: config.thinking || false,
-                        max: config.max || false,
-                        lightColor: config.lightColor || '#3b82f6',
-                        darkColor: config.darkColor || '#60a5fa',
-                        height: config.height || '400',
-                        themeMode: config.themeMode || 'auto',
-                        filetree: config.filetree || [],
-                        showFiletree: config.showFiletree !== undefined ? config.showFiletree : true,
-                        showDiff: config.showDiff || false,
-                        diffFilename: config.diffFilename || '',
-                        diffOldText: config.diffOldText || '',
-                        diffNewText: config.diffNewText || '',
-                        flashButton: config.flashButton || 'none'
-                    };
-                }
-            }
-        } catch (e) {
-            console.error('Error loading from localStorage:', e);
-        }
-        return null;
-    }
-    
-    saveToLocalStorage() {
-        try {
-            localStorage.setItem('embedDesignerConfig', JSON.stringify(this.config));
-            // Auto-save is silent - no notification
-        } catch (e) {
-            console.error('Error saving to localStorage:', e);
-        }
-    }
-    
-    clearLocalStorage() {
-        try {
-            localStorage.removeItem('embedDesignerConfig');
-            this.showNotification('Settings cleared!');
-        } catch (e) {
-            console.error('Error clearing localStorage:', e);
-        }
-    }
-    
-    initDesignerMode() {
-        this.setupDesignerElements();
-        this.setupDesignerEvents();
-        this.setupDesignerColors();
-        this.updatePreview();
-        this.updateIframeSnippet();
-    }
-    
-    setupDesignerElements() {
-        // Populate form with current config
-        document.getElementById('designer-prompt').value = this.config.prompt;
-        document.getElementById('designer-context').value = this.config.context.join(', ');
-        document.getElementById('designer-filetree').value = this.config.filetree.join('\n');
-        
-        // Handle model selection
-        const modelSelect = document.getElementById('designer-model');
-        const customModelInput = document.getElementById('designer-custom-model');
-        
-        // Check if model is one of the predefined options
-        const isPredefinedModel = Array.from(modelSelect.options).some(opt => opt.value === this.config.model);
-        
-        if (isPredefinedModel) {
-            modelSelect.value = this.config.model;
-            customModelInput.classList.add('hidden');
-        } else {
-            // It's a custom model
-            modelSelect.value = 'custom';
-            customModelInput.value = this.config.model;
-            customModelInput.classList.remove('hidden');
-        }
-        
-        document.getElementById('designer-mode-select').value = this.config.mode;
-        document.getElementById('designer-thinking').checked = this.config.thinking;
-        document.getElementById('designer-max').checked = this.config.max;
-        
-        // Set show filetree checkbox (default to true if not set)
-        const showFiletreeCheckbox = document.getElementById('designer-show-filetree');
-        if (showFiletreeCheckbox) {
-            showFiletreeCheckbox.checked = this.config.showFiletree !== false;
-        }
-        
-        // Set height slider
-        const heightSlider = document.getElementById('designer-height');
-        const heightValue = document.getElementById('height-value');
-        if (heightSlider) {
-            heightSlider.value = this.config.height;
-            if (heightValue) {
-                heightValue.textContent = this.config.height;
-            }
-        }
-        
-        // Set theme mode buttons
-        this.updateThemeModeButtons();
-        
-        // Set color values
-        const lightColorPicker = document.getElementById('designer-light-color');
-        const lightColorText = document.getElementById('designer-light-color-text');
-        const darkColorPicker = document.getElementById('designer-dark-color');
-        const darkColorText = document.getElementById('designer-dark-color-text');
-        
-        if (lightColorPicker) {
-            lightColorPicker.value = this.config.lightColor;
-            lightColorText.value = this.config.lightColor;
-        }
-        if (darkColorPicker) {
-            darkColorPicker.value = this.config.darkColor;
-            darkColorText.value = this.config.darkColor;
-        }
-        
-        // Set up diff view
-        const showDiffCheckbox = document.getElementById('designer-show-diff');
-        const diffFields = document.getElementById('diff-fields');
-        if (showDiffCheckbox) {
-            showDiffCheckbox.checked = this.config.showDiff || false;
-            if (diffFields) {
-                diffFields.classList.toggle('hidden', !this.config.showDiff);
-            }
-        }
-        
-        // Set diff field values
-        const diffFilename = document.getElementById('designer-diff-filename');
-        const diffOldText = document.getElementById('designer-diff-old');
-        const diffNewText = document.getElementById('designer-diff-new');
-        const flashButton = document.getElementById('designer-flash-button');
-        
-        if (diffFilename) diffFilename.value = this.config.diffFilename || '';
-        if (diffOldText) diffOldText.value = this.config.diffOldText || '';
-        if (diffNewText) diffNewText.value = this.config.diffNewText || '';
-        if (flashButton) flashButton.value = this.config.flashButton || 'none';
-    }
-    
-    updateThemeModeButtons() {
-        // Update theme mode button states
-        document.querySelectorAll('.theme-mode-btn').forEach(btn => {
-            btn.classList.remove('bg-dynamic-primary', 'text-white');
-            btn.classList.add('bg-dynamic-background', 'text-dynamic-foreground');
-        });
-        
-        const activeButton = document.getElementById(`theme-${this.config.themeMode}`);
-        if (activeButton) {
-            activeButton.classList.remove('bg-dynamic-background', 'text-dynamic-foreground');
-            activeButton.classList.add('bg-dynamic-primary', 'text-white');
-        }
-    }
-    
-    setupDesignerEvents() {
-        // Form changes update preview
-        ['designer-prompt', 'designer-context', 'designer-mode-select', 'designer-thinking', 'designer-max', 'designer-filetree', 'designer-show-filetree', 'designer-diff-filename', 'designer-diff-old', 'designer-diff-new', 'designer-flash-button'].forEach(id => {
-            const element = document.getElementById(id);
-            if (element) {
-                element.addEventListener('input', () => this.updateConfigFromForm());
-                element.addEventListener('change', () => this.updateConfigFromForm());
-            }
-        });
-        
-        // Diff view toggle
-        const showDiffCheckbox = document.getElementById('designer-show-diff');
-        const diffFields = document.getElementById('diff-fields');
-        if (showDiffCheckbox) {
-            showDiffCheckbox.addEventListener('change', (e) => {
-                if (diffFields) {
-                    diffFields.classList.toggle('hidden', !e.target.checked);
-                }
-                this.updateConfigFromForm();
-            });
-        }
-        
-        // Theme mode buttons
-        document.querySelectorAll('.theme-mode-btn').forEach(btn => {
-            btn.addEventListener('click', (e) => {
-                const mode = e.target.id.replace('theme-', '');
-                this.config.themeMode = mode;
-                this.updateThemeModeButtons();
-                this.updatePreview();
-                this.saveToLocalStorage();
-            });
-        });
-        
-        // Color preset buttons
-        document.querySelectorAll('.color-preset').forEach(btn => {
-            btn.addEventListener('click', (e) => {
-                const lightColor = e.currentTarget.getAttribute('data-light');
-                const darkColor = e.currentTarget.getAttribute('data-dark');
-                
-                // Update color pickers and text inputs
-                const lightColorPicker = document.getElementById('designer-light-color');
-                const lightColorText = document.getElementById('designer-light-color-text');
-                const darkColorPicker = document.getElementById('designer-dark-color');
-                const darkColorText = document.getElementById('designer-dark-color-text');
-                
-                if (lightColorPicker && lightColor) {
-                    lightColorPicker.value = lightColor;
-                    lightColorText.value = lightColor;
-                }
-                if (darkColorPicker && darkColor) {
-                    darkColorPicker.value = darkColor;
-                    darkColorText.value = darkColor;
-                }
-                
-                this.updateConfigFromForm();
-            });
-        });
-        
-        // Model dropdown special handling
-        const modelSelect = document.getElementById('designer-model');
-        const customModelInput = document.getElementById('designer-custom-model');
-        
-        modelSelect.addEventListener('change', () => {
-            if (modelSelect.value === 'custom') {
-                customModelInput.classList.remove('hidden');
-                customModelInput.focus();
-            } else {
-                customModelInput.classList.add('hidden');
-            }
-            this.updateConfigFromForm();
-        });
-        
-        // Custom model input
-        customModelInput.addEventListener('input', () => this.updateConfigFromForm());
-        
-        // Height slider
-        const heightSlider = document.getElementById('designer-height');
-        const heightValue = document.getElementById('height-value');
-        if (heightSlider) {
-            heightSlider.addEventListener('input', (e) => {
-                if (heightValue) {
-                    heightValue.textContent = e.target.value;
-                }
-                this.updateConfigFromForm();
-            });
-        }
-        
-        // Color pickers
-        const lightColorPicker = document.getElementById('designer-light-color');
-        const lightColorText = document.getElementById('designer-light-color-text');
-        const darkColorPicker = document.getElementById('designer-dark-color');
-        const darkColorText = document.getElementById('designer-dark-color-text');
-        
-        if (lightColorPicker) {
-            lightColorPicker.addEventListener('input', (e) => {
-                lightColorText.value = e.target.value;
-                this.updateConfigFromForm();
-            });
-        }
-        
-        if (lightColorText) {
-            lightColorText.addEventListener('input', (e) => {
-                if (/^#[0-9A-Fa-f]{6}$/.test(e.target.value)) {
-                    lightColorPicker.value = e.target.value;
-                    this.updateConfigFromForm();
-                }
-            });
-        }
-        
-        if (darkColorPicker) {
-            darkColorPicker.addEventListener('input', (e) => {
-                darkColorText.value = e.target.value;
-                this.updateConfigFromForm();
-            });
-        }
-        
-        if (darkColorText) {
-            darkColorText.addEventListener('input', (e) => {
-                if (/^#[0-9A-Fa-f]{6}$/.test(e.target.value)) {
-                    darkColorPicker.value = e.target.value;
-                    this.updateConfigFromForm();
-                }
-            });
-        }
-        
-        // Generate embed button
-        document.getElementById('generate-embed').addEventListener('click', () => this.showEmbedModal());
-        
-        // Iframe snippet click to copy
-        document.getElementById('iframe-snippet').addEventListener('click', () => this.copyIframeCode());
-        
-        // Reset settings button
-        document.getElementById('reset-settings').addEventListener('click', () => {
-            if (confirm('Are you sure you want to reset all settings to defaults?')) {
-                this.clearLocalStorage();
-                // Reset to default config
-                this.config = {
-                    prompt: '',
-                    context: [],
-                    model: 'gpt-4o',
-                    mode: 'chat',
-                    thinking: false,
-                    max: false,
-                    lightColor: '#3b82f6',
-                    darkColor: '#60a5fa',
-                    height: '400',
-                    themeMode: 'auto',
-                    filetree: [],
-                    showFiletree: true,
-                    showDiff: false,
-                    diffFilename: '',
-                    diffOldText: '',
-                    diffNewText: ''
-                };
-                // Update UI to reflect defaults
-                this.setupDesignerElements();
-                this.updatePreview();
-                this.updateIframeSnippet();
-            }
-        });
-        
-        // Example select
-        const exampleSelect = document.getElementById('example-select');
-        if (exampleSelect) {
-            exampleSelect.addEventListener('change', (e) => {
-                const example = e.target.value;
-                if (example) {
-                    switch (example) {
-                        case 'vibe-coding':
-                            this.loadVibeCodingExample();
-                            break;
-                        case 'vibe-coding-diff':
-                            this.loadVibeCodingDiffExample();
-                            break;
-                        case 'chatgpt':
-                            this.loadChatGPTExample();
-                            break;
-                        case 'claude':
-                            this.loadClaudeExample();
-                            break;
-                        case 'image-analysis':
-                            this.loadImageAnalysisExample();
-                            break;
-                        case 'api-design':
-                            this.loadAPIDesignExample();
-                            break;
-                    }
-                    // Reset select to placeholder after loading
-                    exampleSelect.value = '';
-                }
-            });
-        }
-        
-        // Modal events
-        document.getElementById('close-modal').addEventListener('click', () => this.hideEmbedModal());
-        document.getElementById('copy-embed-code').addEventListener('click', () => this.copyEmbedCode());
-        document.getElementById('copy-share-url').addEventListener('click', () => this.copyShareURL());
-        
-        // Close modal on backdrop click
-        document.getElementById('embed-modal').addEventListener('click', (e) => {
-            if (e.target.id === 'embed-modal') this.hideEmbedModal();
-        });
-    }
-    
-    updateConfigFromForm() {
-        const heightSlider = document.getElementById('designer-height');
-        const modelSelect = document.getElementById('designer-model');
-        const customModelInput = document.getElementById('designer-custom-model');
-        const lightColorText = document.getElementById('designer-light-color-text');
-        const darkColorText = document.getElementById('designer-dark-color-text');
-        
-        // Get model value
-        let modelValue = modelSelect.value;
-        if (modelValue === 'custom') {
-            modelValue = customModelInput.value || 'Custom Model';
-        }
-        
-        this.config = {
-            prompt: document.getElementById('designer-prompt').value,
-            context: document.getElementById('designer-context').value.split(',').map(c => c.trim()).filter(c => c),
-            model: modelValue,
-            mode: document.getElementById('designer-mode-select').value,
-            thinking: document.getElementById('designer-thinking').checked,
-            max: document.getElementById('designer-max').checked,
-            lightColor: lightColorText ? lightColorText.value : '#3b82f6',
-            darkColor: darkColorText ? darkColorText.value : '#60a5fa',
-            height: heightSlider ? heightSlider.value : '400',
-            themeMode: this.config.themeMode || 'auto',
-            filetree: document.getElementById('designer-filetree').value.split('\n').map(f => f.trim()).filter(f => f),
-            showFiletree: document.getElementById('designer-show-filetree').checked,
-            showDiff: document.getElementById('designer-show-diff').checked,
-            diffFilename: document.getElementById('designer-diff-filename').value,
-            diffOldText: document.getElementById('designer-diff-old').value,
-            diffNewText: document.getElementById('designer-diff-new').value,
-            flashButton: document.getElementById('designer-flash-button').value
-        };
-        
-        this.updatePreview();
-        this.saveToLocalStorage();
-        this.updateIframeSnippet();
-    }
-    
-    updateIframeSnippet() {
-        const snippet = document.getElementById('iframe-snippet');
-        if (!snippet) return;
-        
-        const code = this.generateEmbedCode();
-        // Show a shortened version in the snippet
-        const shortCode = code.replace(/\n/g, ' ').replace(/\s+/g, ' ');
-        snippet.textContent = shortCode;
-    }
-    
-    setupDesignerColors() {
-        // Set up fixed designer colors - always use default blue theme in light mode
-        const root = document.documentElement;
-        
-        // Always use default blue colors for designer
-        root.style.setProperty('--primary', '59 130 246'); // Blue-500
-        root.style.setProperty('--background', '255 255 255');
-        root.style.setProperty('--foreground', '15 23 42');
-        root.style.setProperty('--muted', '248 250 252');
-        root.style.setProperty('--muted-foreground', '100 116 139');
-        root.style.setProperty('--border', '226 232 240');
-        root.style.setProperty('--accent', '16 185 129');
-    }
-    
-    updateDesignerColors() {
-        // Deprecated - no longer update designer colors
-        // Designer maintains fixed color scheme
-    }
-    
-    updatePreview() {
-        const previewContainer = document.getElementById('preview-container');
-        const previewWrapper = document.getElementById('preview-wrapper');
-        if (!previewContainer) return;
-        
-        // Update preview wrapper height
-        if (previewWrapper) {
-            previewWrapper.style.height = `${this.config.height}px`;
-        }
-        
-        // Generate preview URL with parameters
-        const previewUrl = this.generatePreviewURL();
-        
-        // Update iframe src
-        let iframe = previewContainer.querySelector('iframe');
-        if (!iframe) {
-            iframe = document.createElement('iframe');
-            iframe.className = 'w-full h-full border-0 rounded-lg';
-            previewContainer.innerHTML = '';
-            previewContainer.appendChild(iframe);
-        }
-        
-        iframe.src = previewUrl;
-    }
-    
-    generatePreviewURL() {
-        const params = new URLSearchParams();
-        if (this.config.prompt) params.set('prompt', this.config.prompt);
-        if (this.config.context.length > 0) params.set('context', this.config.context.join(','));
-        if (this.config.model !== 'gpt-4o') params.set('model', this.config.model);
-        if (this.config.mode !== 'chat') params.set('agentMode', this.config.mode);
-        if (this.config.thinking) params.set('thinking', 'true');
-        if (this.config.max) params.set('max', 'true');
-        if (this.config.lightColor !== '#3b82f6') params.set('lightColor', this.config.lightColor);
-        if (this.config.darkColor !== '#60a5fa') params.set('darkColor', this.config.darkColor);
-        if (this.config.themeMode !== 'auto') params.set('themeMode', this.config.themeMode);
-        if (this.config.showFiletree && this.config.filetree && this.config.filetree.length > 0) params.set('filetree', encodeURIComponent(this.config.filetree.join('\n')));
-        if (this.config.showDiff) {
-            params.set('showDiff', 'true');
-            if (this.config.diffFilename) params.set('diffFilename', this.config.diffFilename);
-            if (this.config.flashButton && this.config.flashButton !== 'none') params.set('flashButton', this.config.flashButton);
-            // Truncate diff text if too long to prevent URL length issues
-            if (this.config.diffOldText) {
-                const truncated = this.config.diffOldText.substring(0, 100);
-                params.set('diffOldText', encodeURIComponent(truncated)+'...');
-            }
-            if (this.config.diffNewText) {
-                const truncated = this.config.diffNewText.substring(0, 100);
-                params.set('diffNewText', encodeURIComponent(truncated)+'...');
-            }
-        }
-        params.set('preview', 'true');
-        
-        return `/embed-preview/?${params.toString()}`;
-    }
-    
-    generateShareURL() {
-        const params = new URLSearchParams();
-        if (this.config.prompt) params.set('prompt', this.config.prompt);
-        if (this.config.context.length > 0) params.set('context', this.config.context.join(','));
-        if (this.config.model !== 'gpt-4o') params.set('model', this.config.model);
-        if (this.config.mode !== 'chat') params.set('agentMode', this.config.mode);
-        if (this.config.thinking) params.set('thinking', 'true');
-        if (this.config.max) params.set('max', 'true');
-        if (this.config.lightColor !== '#3b82f6') params.set('lightColor', this.config.lightColor);
-        if (this.config.darkColor !== '#60a5fa') params.set('darkColor', this.config.darkColor);
-        if (this.config.themeMode !== 'auto') params.set('themeMode', this.config.themeMode);
-        if (this.config.showFiletree && this.config.filetree && this.config.filetree.length > 0) params.set('filetree', encodeURIComponent(this.config.filetree.join('\n')));
-        if (this.config.showDiff) {
-            params.set('showDiff', 'true');
-            if (this.config.diffFilename) params.set('diffFilename', this.config.diffFilename);
-            if (this.config.flashButton && this.config.flashButton !== 'none') params.set('flashButton', this.config.flashButton);
-            // Truncate diff text if too long to prevent URL length issues
-            if (this.config.diffOldText) {
-                const truncated = this.config.diffOldText.substring(0, 150);
-                params.set('diffOldText', encodeURIComponent(truncated));
-            }
-            if (this.config.diffNewText) {
-                const truncated = this.config.diffNewText.substring(0, 150);
-                params.set('diffNewText', encodeURIComponent(truncated));
-            }
-        }
-        
-        return `${window.location.origin}/embed-preview/?${params.toString()}`;
-    }
-    
-    generateEmbedCode() {
-        const url = this.generateShareURL();
-        return `<iframe 
-  src="${url}"
-  width="100%" 
-  height="${this.config.height}"
-  frameborder="0"
-  style="border-radius: 12px; border: 1px solid #e5e7eb;">
-</iframe>`;
-    }
-    
-    showEmbedModal() {
-        const modal = document.getElementById('embed-modal');
-        const embedCode = document.getElementById('embed-code');
-        const shareUrl = document.getElementById('share-url');
-        
-        embedCode.value = this.generateEmbedCode();
-        shareUrl.value = this.generateShareURL();
-        
-        modal.classList.remove('hidden');
-    }
-    
-    hideEmbedModal() {
-        document.getElementById('embed-modal').classList.add('hidden');
-    }
-    
-    async copyEmbedCode() {
-        const embedCode = document.getElementById('embed-code').value;
-        await this.copyToClipboard(embedCode);
-        this.showNotification('Embed code copied to clipboard!');
-    }
-    
-    async copyShareURL() {
-        const shareUrl = this.generateShareURL();
-        await this.copyToClipboard(shareUrl);
-        this.showNotification('Share URL copied to clipboard!');
-    }
-    
-    async copyIframeCode() {
-        const embedCode = this.generateEmbedCode();
-        await this.copyToClipboard(embedCode);
-        this.showNotification('Iframe code copied to clipboard!');
-    }
-    
-    async copyToClipboard(text) {
-        if (navigator.clipboard && window.isSecureContext) {
-            await navigator.clipboard.writeText(text);
-        } else {
-            // Fallback
-            const textArea = document.createElement('textarea');
-            textArea.value = text;
-            textArea.style.position = 'fixed';
-            textArea.style.left = '-999999px';
-            textArea.style.top = '-999999px';
-            document.body.appendChild(textArea);
-            textArea.focus();
-            textArea.select();
-            document.execCommand('copy');
-            textArea.remove();
-        }
-    }
-    
-    showNotification(message, duration = 2000) {
-        const notification = document.getElementById('notification');
-        if (!notification) return;
-        
-        notification.textContent = message;
-        notification.classList.remove('opacity-0');
-        notification.classList.add('opacity-100');
-        
-        setTimeout(() => {
-            notification.classList.remove('opacity-100');
-            notification.classList.add('opacity-0');
-        }, duration);
-    }
-    
-    loadVibeCodingExample() {
-        // Vibe coding example WITHOUT diff
-        // Set vibe coding example values
-        document.getElementById('designer-prompt').value = 
-`Refactor my React ProductList component:
-- Extract filtering logic to custom hook
-- Split into smaller components  
-- Add TypeScript types
-- Implement virtualization
-
-Currently handles display, filtering, sorting, and pagination in one file.
-
-@web Check React Query docs for data fetching patterns.`;
-        
-        document.getElementById('designer-context').value = '@codebase, ProductList.tsx';
-        document.getElementById('designer-filetree').value = 
-`src/components/ProductList.tsx*
-src/components/ProductCard.tsx
-src/hooks/useProducts.ts
-src/types/product.ts`;
-        
-        // Set vibe coding settings
-        document.getElementById('designer-model').value = 'Claude 4 Opus';
-        document.getElementById('designer-mode-select').value = 'agent';
-        document.getElementById('designer-thinking').checked = true;
-        document.getElementById('designer-max').checked = true;
-        document.getElementById('designer-show-filetree').checked = true;
-        
-        // Set height and colors for coding example
-        const heightSlider = document.getElementById('designer-height');
-        const heightValue = document.getElementById('height-value');
-        if (heightSlider) {
-            heightSlider.value = '500';
-            if (heightValue) {
-                heightValue.textContent = '500';
-            }
-        }
-        
-        // Set developer-friendly color scheme (purple/violet)
-        document.getElementById('designer-light-color').value = '#8b5cf6';
-        document.getElementById('designer-light-color-text').value = '#8b5cf6';
-        document.getElementById('designer-dark-color').value = '#a78bfa';
-        document.getElementById('designer-dark-color-text').value = '#a78bfa';
-        
-        // Set dark theme mode for coding
-        this.config.themeMode = 'dark';
-        this.updateThemeModeButtons();
-        
-        // No diff for this example
-        document.getElementById('designer-show-diff').checked = false;
-        document.getElementById('diff-fields').classList.add('hidden');
-        document.getElementById('designer-flash-button').value = 'none';
-        
-        // Update config from form
-        this.updateConfigFromForm();
-        
-        this.showNotification('Vibe coding example loaded!');
-    }
-    
-    loadVibeCodingDiffExample() {
-        // Vibe coding WITH diff - user giving feedback on suggested changes
-        document.getElementById('designer-prompt').value = 
-`Actually, don't use Error | null for the error state. Instead:
-- Create a custom ApiError type with code, message, and retry()
-- Add an AbortController for request cancellation
-- Include error boundary integration
-- Show me how to handle network vs API errors differently
-
-Also add a refetch function that the UI can call.`;
-        
-        document.getElementById('designer-context').value = '@codebase, useProducts.ts';
-        document.getElementById('designer-filetree').value = 
-`src/hooks/useProducts.ts*
-src/types/errors.ts
-src/utils/api.ts`;
-        
-        // Set same settings as regular vibe coding
-        document.getElementById('designer-model').value = 'Claude 4 Opus';
-        document.getElementById('designer-mode-select').value = 'agent';
-        document.getElementById('designer-thinking').checked = true;
-        document.getElementById('designer-max').checked = true;
-        document.getElementById('designer-show-filetree').checked = true;
-        
-        // Set height and colors
-        const heightSlider = document.getElementById('designer-height');
-        const heightValue = document.getElementById('height-value');
-        if (heightSlider) {
-            heightSlider.value = '500';
-            if (heightValue) {
-                heightValue.textContent = '500';
-            }
-        }
-        
-        document.getElementById('designer-light-color').value = '#8b5cf6';
-        document.getElementById('designer-light-color-text').value = '#8b5cf6';
-        document.getElementById('designer-dark-color').value = '#a78bfa';
-        document.getElementById('designer-dark-color-text').value = '#a78bfa';
-        
-        this.config.themeMode = 'dark';
-        this.updateThemeModeButtons();
-        
-        // Add diff view showing the previous suggestion
-        document.getElementById('designer-show-diff').checked = true;
-        document.getElementById('diff-fields').classList.remove('hidden');
-        document.getElementById('designer-diff-filename').value = 'useProducts.ts';
-        document.getElementById('designer-diff-old').value = 
-`const [products, setProducts] = useState([]);
-const [loading, setLoading] = useState(true);`;
-        document.getElementById('designer-diff-new').value = 
-`const [products, setProducts] = useState<Product[]>([]);
-const [loading, setLoading] = useState(true);
-const [error, setError] = useState<Error | null>(null);`;
-        
-        // Flash accept button for this example with diff
-        document.getElementById('designer-flash-button').value = 'accept';
-        
-        // Update config from form
-        this.updateConfigFromForm();
-        
-        this.showNotification('Vibe coding with diff loaded!');
-    }
-    
-    loadChatGPTExample() {
-        // ChatGPT example with green colors
-        document.getElementById('designer-prompt').value = 
-`I'm planning a dinner party for 8 people this weekend. One person is vegetarian, another is gluten-free, and I want to make something impressive but not too complicated. 
-
-Can you suggest a menu with appetizers, main course, and dessert that would work for everyone? I have about 4 hours to prepare everything and a moderate cooking skill level.`;
-        
-        document.getElementById('designer-context').value = '#Kitchen Layout.png, #Pantry Inventory.jpg';
-        document.getElementById('designer-filetree').value = '';
-        
-        // ChatGPT settings
-        document.getElementById('designer-model').value = 'GPT 4o';
-        document.getElementById('designer-mode-select').value = 'chat';
-        document.getElementById('designer-thinking').checked = false;
-        document.getElementById('designer-max').checked = false;
-        document.getElementById('designer-show-filetree').checked = false;
-        
-        // Set height and colors for ChatGPT
-        const heightSlider = document.getElementById('designer-height');
-        const heightValue = document.getElementById('height-value');
-        if (heightSlider) {
-            heightSlider.value = '350';
-            if (heightValue) {
-                heightValue.textContent = '350';
-            }
-        }
-        
-        // ChatGPT green color scheme
-        document.getElementById('designer-light-color').value = '#10b981';
-        document.getElementById('designer-light-color-text').value = '#10b981';
-        document.getElementById('designer-dark-color').value = '#34d399';
-        document.getElementById('designer-dark-color-text').value = '#34d399';
-        
-        // Light theme for ChatGPT
-        this.config.themeMode = 'light';
-        this.updateThemeModeButtons();
-        
-        // Clear diff view
-        document.getElementById('designer-show-diff').checked = false;
-        document.getElementById('diff-fields').classList.add('hidden');
-        document.getElementById('designer-flash-button').value = 'none';
-        
-        // Update config from form
-        this.updateConfigFromForm();
-        
-        this.showNotification('ChatGPT example loaded!');
-    }
-    
-    loadClaudeExample() {
-        // Claude example with orange colors - daily usage
-        document.getElementById('designer-prompt').value = 
-`Help me write a professional email to decline a job offer while keeping the door open for future opportunities. 
-
-Context:
-- Received offer from TechCorp as Senior Engineer
-- Great team and compensation, but role doesn't align with my career goals
-- Want to maintain good relationship with the hiring manager Sarah
-- Interested in their upcoming ML team expansion next year
-
-Keep it warm but professional, around 150-200 words.`;
-        
-        document.getElementById('designer-context').value = '';
-        document.getElementById('designer-filetree').value = '';
-        
-        // Claude settings
-        document.getElementById('designer-model').value = 'Claude 3.7 Sonnet';
-        document.getElementById('designer-mode-select').value = 'chat';
-        document.getElementById('designer-thinking').checked = false;
-        document.getElementById('designer-max').checked = false;
-        document.getElementById('designer-show-filetree').checked = false;
-        
-        // Set height and colors for Claude
-        const heightSlider = document.getElementById('designer-height');
-        const heightValue = document.getElementById('height-value');
-        if (heightSlider) {
-            heightSlider.value = '350';
-            if (heightValue) {
-                heightValue.textContent = '350';
-            }
-        }
-        
-        // Claude orange color scheme
-        document.getElementById('designer-light-color').value = '#f97316';
-        document.getElementById('designer-light-color-text').value = '#f97316';
-        document.getElementById('designer-dark-color').value = '#fb923c';
-        document.getElementById('designer-dark-color-text').value = '#fb923c';
-        
-        // Auto theme for Claude
-        this.config.themeMode = 'auto';
-        this.updateThemeModeButtons();
-        
-        // Clear diff view
-        document.getElementById('designer-show-diff').checked = false;
-        document.getElementById('diff-fields').classList.add('hidden');
-        document.getElementById('designer-flash-button').value = 'none';
-        
-        // Update config from form
-        this.updateConfigFromForm();
-        
-        this.showNotification('Claude example loaded!');
-    }
-    
-    loadImageAnalysisExample() {
-        // Image analysis example
-        document.getElementById('designer-prompt').value = 
-`Analyze these UI screenshots and provide detailed feedback on:
-- Visual hierarchy and layout
-- Color scheme and contrast
-- Typography choices
-- Accessibility concerns
-- Mobile responsiveness issues`;
-        
-        document.getElementById('designer-context').value = '#Homepage Desktop.png, #Homepage Mobile.png, #Dashboard View.jpg';
-        document.getElementById('designer-filetree').value = '';
-        
-        // Image analysis settings
-        document.getElementById('designer-model').value = 'GPT 4.1';
-        document.getElementById('designer-mode-select').value = 'chat';
-        document.getElementById('designer-thinking').checked = false;
-        document.getElementById('designer-max').checked = false;
-        document.getElementById('designer-show-filetree').checked = false;
-        
-        // Set height and colors
-        const heightSlider = document.getElementById('designer-height');
-        const heightValue = document.getElementById('height-value');
-        if (heightSlider) {
-            heightSlider.value = '400';
-            if (heightValue) {
-                heightValue.textContent = '400';
-            }
-        }
-        
-        // Pink/purple color scheme for design
-        document.getElementById('designer-light-color').value = '#ec4899';
-        document.getElementById('designer-light-color-text').value = '#ec4899';
-        document.getElementById('designer-dark-color').value = '#f472b6';
-        document.getElementById('designer-dark-color-text').value = '#f472b6';
-        
-        // Light theme
-        this.config.themeMode = 'light';
-        this.updateThemeModeButtons();
-        
-        // Clear diff view
-        document.getElementById('designer-show-diff').checked = false;
-        document.getElementById('diff-fields').classList.add('hidden');
-        document.getElementById('designer-flash-button').value = 'none';
-        
-        // Update config from form
-        this.updateConfigFromForm();
-        
-        this.showNotification('Image analysis example loaded!');
-    }
-    
-    loadAPIDesignExample() {
-        // API design example
-        document.getElementById('designer-prompt').value = 
-`Design a RESTful API for a task management system with:
-- User authentication
-- Project and task CRUD operations
-- Team collaboration features
-- Real-time notifications
-
-Include endpoint definitions, request/response schemas, and error handling patterns.`;
-        
-        document.getElementById('designer-context').value = '@Web, openapi.yaml';
-        document.getElementById('designer-filetree').value = 
-`api/
-api/v1/
-api/v1/users/
-api/v1/projects/
-api/v1/tasks/
-docs/openapi.yaml*`;
-        
-        // API design settings
-        document.getElementById('designer-model').value = 'Claude 4 Opus';
-        document.getElementById('designer-mode-select').value = 'manual';
-        document.getElementById('designer-thinking').checked = true;
-        document.getElementById('designer-max').checked = false;
-        document.getElementById('designer-show-filetree').checked = true;
-        
-        // Set height and colors
-        const heightSlider = document.getElementById('designer-height');
-        const heightValue = document.getElementById('height-value');
-        if (heightSlider) {
-            heightSlider.value = '500';
-            if (heightValue) {
-                heightValue.textContent = '500';
-            }
-        }
-        
-        // Blue color scheme for API
-        document.getElementById('designer-light-color').value = '#3b82f6';
-        document.getElementById('designer-light-color-text').value = '#3b82f6';
-        document.getElementById('designer-dark-color').value = '#60a5fa';
-        document.getElementById('designer-dark-color-text').value = '#60a5fa';
-        
-        // Dark theme for technical
-        this.config.themeMode = 'dark';
-        this.updateThemeModeButtons();
-        
-        // Clear diff view
-        document.getElementById('designer-show-diff').checked = false;
-        document.getElementById('diff-fields').classList.add('hidden');
-        document.getElementById('designer-flash-button').value = 'none';
-        
-        // Update config from form
-        this.updateConfigFromForm();
-        
-        this.showNotification('API design example loaded!');
-    }
-}
-
-// Dark mode toggle function
-function toggleDarkMode() {
-    const body = document.body;
-    const isDark = body.classList.contains('dark-mode');
-    
-    if (isDark) {
-        body.classList.remove('dark-mode');
-        localStorage.setItem('darkMode', 'false');
-        document.querySelector('.dark-mode-toggle .sun-icon').style.display = 'block';
-        document.querySelector('.dark-mode-toggle .moon-icon').style.display = 'none';
-    } else {
-        body.classList.add('dark-mode');
-        localStorage.setItem('darkMode', 'true');
-        document.querySelector('.dark-mode-toggle .sun-icon').style.display = 'none';
-        document.querySelector('.dark-mode-toggle .moon-icon').style.display = 'block';
-    }
-}
-
-// Initialize when DOM is ready
-document.addEventListener('DOMContentLoaded', () => {
-    window.embedDesigner = new EmbedDesigner();
-    
-    // Initialize dark mode from localStorage
-    const darkMode = localStorage.getItem('darkMode');
-    if (darkMode === 'true') {
-        document.body.classList.add('dark-mode');
-        document.querySelector('.dark-mode-toggle .sun-icon').style.display = 'none';
-        document.querySelector('.dark-mode-toggle .moon-icon').style.display = 'block';
-    }
-}); 
\ No newline at end of file
diff --git a/embed-style.css b/embed-style.css
deleted file mode 100644
index b498d797..00000000
--- a/embed-style.css
+++ /dev/null
@@ -1,764 +0,0 @@
-/* Custom CSS variables for dynamic theming */
-:root {
-    /* These will be dynamically set by JavaScript based on light/dark colors */
-    --primary: 59 130 246; /* Default blue-500 */
-    --background: 255 255 255;
-    --foreground: 15 23 42;
-    --muted: 248 250 252;
-    --muted-foreground: 100 116 139;
-    --border: 226 232 240;
-    --accent: 16 185 129;
-    
-    /* Main site theme variables */
-    --bg-color-light: #ffffff;
-    --bg-color-dark: #1a1a1a;
-    --text-color-light: #000000;
-    --text-color-dark: #ffffff;
-    --header-height: 80px;
-    --accent-color: #10b981;
-    --accent-color-hover: #059669;
-    --border-color: #e1e4e8;
-    --border-color-dark: #2d2d2d;
-}
-
-/* Reset body margin and ensure full height */
-body {
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-    height: 100vh;
-}
-
-/* Allow scrolling on mobile */
-@media (max-width: 768px) {
-    body {
-        overflow: auto !important;
-        height: auto !important;
-        min-height: 100vh;
-    }
-}
-
-/* Site Header Styles */
-.site-header {
-    padding: 1rem 2rem;
-    text-align: left;
-    border-bottom: 1px solid var(--border-color);
-    background-color: var(--bg-color-light);
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 100;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    height: var(--header-height);
-}
-
-body.dark-mode .site-header {
-    background-color: var(--bg-color-dark);
-    border-bottom-color: var(--border-color-dark);
-}
-
-.header-left {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    gap: 0;
-}
-
-.header-right {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 12px;
-}
-
-.site-title {
-    font-size: 1.8rem;
-    font-weight: 700;
-    margin: 0;
-    background: linear-gradient(45deg, var(--accent-color), #3b82f6);
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-    display: inline-block;
-    position: relative;
-    transition: transform 0.3s ease;
-}
-
-.site-title:hover {
-    transform: translateY(-2px);
-}
-
-.site-slogan {
-    font-size: 0.9rem;
-    opacity: 0.7;
-    margin: 0;
-    line-height: 1;
-    color: var(--text-color-light);
-}
-
-body.dark-mode .site-slogan {
-    color: var(--text-color-dark);
-}
-
-.dark-mode-toggle {
-    background-color: transparent;
-    border: none;
-    color: var(--accent-color);
-    cursor: pointer;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    opacity: 0.8;
-    transition: opacity 0.2s ease;
-}
-
-.dark-mode-toggle:hover {
-    opacity: 1;
-}
-
-.mode-icon {
-    width: 20px;
-    height: 20px;
-    stroke: currentColor;
-}
-
-/* Adjust designer content to account for header */
-.designer-content {
-    height: 100vh;
-    padding-top: 0;
-    box-sizing: border-box;
-    display: flex;
-}
-
-/* Override height on mobile to allow scrolling */
-@media (max-width: 768px) {
-    .designer-content {
-        height: auto !important;
-        min-height: 100vh;
-    }
-}
-
-/* Dynamic color classes */
-.bg-dynamic-background { background-color: rgb(var(--background)); }
-.bg-dynamic-muted { background-color: rgb(var(--muted)); }
-.bg-dynamic-primary { background-color: rgb(var(--primary)); }
-.bg-dynamic-accent { background-color: rgb(var(--accent)); }
-.text-dynamic-foreground { color: rgb(var(--foreground)); }
-.text-dynamic-muted-foreground { color: rgb(var(--muted-foreground)); }
-.text-dynamic-primary { color: rgb(var(--primary)); }
-.text-dynamic-accent { color: rgb(var(--accent)); }
-.border-dynamic-border { border-color: rgb(var(--border)); }
-.border-dynamic-primary { border-color: rgb(var(--primary)); }
-
-/* Dynamic color opacity variants for pills */
-.bg-dynamic-primary\/10 { background-color: rgb(var(--primary) / 0.1); }
-.bg-dynamic-primary\/20 { background-color: rgb(var(--primary) / 0.2); }
-.border-dynamic-primary\/20 { border-color: rgb(var(--primary) / 0.2); }
-.border-dynamic-primary\/30 { border-color: rgb(var(--primary) / 0.3); }
-
-/* Custom animations */
-@keyframes slideIn {
-    from { opacity: 0; transform: translateY(-8px); }
-    to { opacity: 1; transform: translateY(0); }
-}
-
-.animate-slide-in {
-    animation: slideIn 0.3s ease-out;
-}
-
-/* Mention highlighting */
-.mention {
-    background-color: rgb(var(--primary) / 0.1);
-    color: rgb(var(--primary));
-    padding: 0.125rem 0.375rem;
-    border-radius: 0.25rem;
-    font-weight: 500;
-}
-
-/* Custom scrollbar */
-.custom-scrollbar::-webkit-scrollbar {
-    width: 4px;
-}
-
-.custom-scrollbar::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-.custom-scrollbar::-webkit-scrollbar-thumb {
-    background: rgb(var(--border));
-    border-radius: 2px;
-}
-
-.custom-scrollbar::-webkit-scrollbar-thumb:hover {
-    background: rgb(var(--muted-foreground));
-}
-
-/* Focus styles */
-.focus-ring:focus {
-    outline: 2px solid rgb(var(--primary));
-    outline-offset: 2px;
-}
-
-/* Dark mode support */
-body.dark-mode {
-    background-color: var(--bg-color-dark);
-    color: var(--text-color-dark);
-}
-
-body.dark-mode .bg-dynamic-background {
-    background-color: var(--bg-color-dark);
-}
-
-body.dark-mode .bg-dynamic-muted {
-    background-color: #2a2a2a;
-}
-
-body.dark-mode .text-dynamic-foreground {
-    color: var(--text-color-dark);
-}
-
-body.dark-mode .text-dynamic-muted-foreground {
-    color: #a0a0a0;
-}
-
-body.dark-mode .border-dynamic-border {
-    border-color: var(--border-color-dark);
-}
-
-/* Designer mode specific styles */
-.designer-panel {
-    border-right: 1px solid var(--border-color);
-    background-color: #f8fafb;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    height: 100vh;
-    position: relative;
-    width: 320px;
-    flex-shrink: 0;
-}
-
-body.dark-mode .designer-panel {
-    background-color: #262626;
-    border-right-color: var(--border-color-dark);
-}
-
-/* Adjust the scrollable content area */
-.designer-panel > .flex-1 {
-    padding-top: calc(var(--header-height));
-    height: 100%;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-}
-
-/* Ensure the bottom generate buttons section stays at bottom */
-.designer-panel > .p-6:last-child {
-    position: sticky;
-    bottom: 0;
-    background-color: rgb(var(--muted));
-    margin-top: auto;
-}
-
-body.dark-mode .designer-panel > .p-6:last-child {
-    background-color: #2a2a2a;
-}
-
-/* Ensure textarea can be full height */
-#designer-prompt {
-    min-height: 200px;
-}
-
-.viewer-mode .prompt-input {
-    cursor: default;
-}
-
-.viewer-mode .prompt-input:focus {
-    outline: none;
-}
-
-/* Theme button styles */
-.theme-btn {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.25rem; /* gap-1 */
-    padding: 0.5rem; /* p-2 */
-    border-radius: 0.5rem; /* rounded-lg */
-    border: 1px solid rgb(var(--border));
-    transition: border-color 0.15s ease; /* transition-colors */
-    cursor: pointer;
-}
-
-.theme-btn:hover {
-    border-color: rgb(var(--primary));
-}
-
-.theme-btn.active {
-    border-color: rgb(var(--primary));
-    background-color: rgb(var(--primary) / 0.05);
-}
-
-/* Responsive design improvements */
-@media (max-width: 1024px) {
-    .designer-content {
-        flex-direction: column;
-        height: auto;
-        min-height: 100vh;
-    }
-    
-    .designer-panel {
-        width: 100%;
-        height: auto;
-        min-height: auto;
-        border-right: 0;
-        border-bottom: 1px solid rgb(var(--border));
-        position: relative;
-    }
-    
-    .designer-panel > .flex-1 {
-        padding-top: 1rem;
-        height: auto;
-    }
-    
-    /* Ensure the preview area doesn't take full height on mobile */
-    .designer-content > .flex-1 {
-        min-height: 300px;
-        height: auto;
-    }
-}
-
-/* Range slider styles */
-input[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-    background: transparent;
-    cursor: pointer;
-}
-
-input[type="range"]::-webkit-slider-track {
-    background: rgb(var(--border));
-    height: 8px;
-    border-radius: 4px;
-}
-
-input[type="range"]::-moz-range-track {
-    background: rgb(var(--border));
-    height: 8px;
-    border-radius: 4px;
-}
-
-input[type="range"]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    appearance: none;
-    background: rgb(var(--primary));
-    height: 20px;
-    width: 20px;
-    border-radius: 50%;
-    margin-top: -6px;
-    cursor: pointer;
-    transition: transform 0.2s;
-}
-
-input[type="range"]::-moz-range-thumb {
-    border: none;
-    background: rgb(var(--primary));
-    height: 20px;
-    width: 20px;
-    border-radius: 50%;
-    cursor: pointer;
-    transition: transform 0.2s;
-}
-
-input[type="range"]:hover::-webkit-slider-thumb {
-    transform: scale(1.1);
-}
-
-input[type="range"]:hover::-moz-range-thumb {
-    transform: scale(1.1);
-}
-
-input[type="range"]:focus {
-    outline: none;
-}
-
-input[type="range"]:focus::-webkit-slider-thumb {
-    box-shadow: 0 0 0 3px rgb(var(--primary) / 0.2);
-}
-
-input[type="range"]:focus::-moz-range-thumb {
-    box-shadow: 0 0 0 3px rgb(var(--primary) / 0.2);
-}
-
-/* Color picker styles */
-input[type="color"] {
-    -webkit-appearance: none;
-    border: none;
-    cursor: pointer;
-}
-
-input[type="color"]::-webkit-color-swatch-wrapper {
-    padding: 0;
-}
-
-input[type="color"]::-webkit-color-swatch {
-    border: none;
-    border-radius: 0.5rem;
-}
-
-/* Color preset button styles */
-.color-preset {
-    position: relative;
-    transition: all 0.2s ease;
-}
-
-.color-preset:hover {
-    transform: scale(1.05);
-}
-
-.color-preset.selected {
-    border-color: rgb(var(--primary)) !important;
-    box-shadow: 0 0 0 3px rgb(var(--primary) / 0.2);
-}
-
-/* Theme mode button active state */
-.theme-mode-btn {
-    position: relative;
-    transition: all 0.15s ease;
-}
-
-.theme-mode-btn:hover:not(.bg-dynamic-primary) {
-    background-color: rgb(var(--muted));
-    border-color: rgb(var(--primary) / 0.5);
-}
-
-.theme-mode-btn.bg-dynamic-primary {
-    box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
-}
-
-/* Improve color input layout */
-.color-input-group {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-/* Better visual hierarchy for labels */
-label {
-    font-weight: 500;
-}
-
-/* Dark mode iframe snippet styling */
-body.dark-mode #iframe-snippet {
-    background-color: rgba(255, 255, 255, 0.05);
-    border-color: rgba(255, 255, 255, 0.1);
-    color: rgba(255, 255, 255, 0.6);
-}
-
-body.dark-mode #iframe-snippet:hover {
-    background-color: rgba(255, 255, 255, 0.08);
-    color: rgba(255, 255, 255, 0.9);
-}
-
-/* ============================== */
-/* Mobile Responsive Styles       */
-/* ============================== */
-
-/* Touch target improvements for mobile */
-.touch-target {
-    min-height: 44px;
-    min-width: 44px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-@media (hover: none) and (pointer: coarse) {
-    .touch-target {
-        min-height: 48px;
-        min-width: 48px;
-    }
-}
-
-/* Mobile menu toggle button */
-.mobile-menu-toggle {
-    display: none;
-    background: transparent;
-    border: none;
-    color: var(--accent-color);
-    cursor: pointer;
-    padding: 8px;
-    margin-right: 8px;
-}
-
-.mobile-menu-toggle svg {
-    width: 24px;
-    height: 24px;
-}
-
-/* Mobile close button - hidden by default */
-.mobile-close-btn {
-    display: none;
-    position: absolute;
-    top: calc(var(--header-height) + 1rem);
-    right: 1rem;
-    z-index: 10;
-    background: transparent;
-    border: none;
-    color: rgb(var(--muted-foreground));
-    cursor: pointer;
-    padding: 8px;
-    border-radius: 8px;
-    transition: all 0.2s ease;
-}
-
-.mobile-close-btn:hover {
-    background: rgb(var(--muted));
-    color: rgb(var(--foreground));
-}
-
-.mobile-close-btn svg {
-    width: 24px;
-    height: 24px;
-}
-
-/* Mobile overlay */
-.mobile-overlay {
-    display: none;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 100;
-    opacity: 0;
-    transition: opacity 0.3s ease;
-}
-
-.mobile-overlay.active {
-    opacity: 1;
-}
-
-
-
-/* Mobile devices */
-@media (max-width: 768px) {
-    /* Header adjustments */
-    .site-header {
-        padding: 1rem;
-        height: 60px;
-        --header-height: 60px;
-    }
-    
-    .header-left {
-        flex: 1;
-    }
-    
-    .site-title {
-        font-size: 1.4rem;
-    }
-    
-    .site-slogan {
-        font-size: 0.75rem;
-    }
-    
-    /* Simplified mobile layout - stack vertically */
-    .designer-content {
-        flex-direction: column !important;
-        height: auto !important;
-        min-height: 100vh;
-        padding-top: 60px; /* Account for fixed header */
-        overflow: visible !important;
-    }
-    
-    .designer-panel {
-        position: relative;
-        width: 100%;
-        height: auto;
-        min-height: auto;
-        border-right: none;
-        border-bottom: 1px solid rgb(var(--border));
-        order: 2; /* Bottom on mobile */
-        overflow: visible;
-    }
-    
-    .designer-panel > .flex-1 {
-        padding-top: 1rem;
-        height: auto;
-        max-height: none;
-        overflow: visible;
-    }
-    
-    /* Preview adjustments */
-    .designer-content > .flex-1 {
-        order: 1; /* Top on mobile */
-        padding: 1rem;
-        min-height: 300px;
-        height: auto;
-    }
-    
-    #preview-wrapper {
-        max-width: 100%;
-        height: 250px; /* Fixed height on mobile */
-    }
-    
-    /* Form element adjustments */
-    .designer-panel .p-4 {
-        padding: 1rem;
-    }
-    
-    input[type="text"],
-    input[type="color"],
-    textarea,
-    select {
-        font-size: 16px; /* Prevent zoom on iOS */
-    }
-    
-    /* Make buttons more touch-friendly */
-    button {
-        min-height: 44px;
-        min-width: 44px;
-    }
-    
-    .color-preset {
-        height: 40px;
-    }
-    
-    /* Modal adjustments */
-    #embed-modal > div {
-        margin: 1rem;
-        max-height: calc(100vh - 2rem);
-    }
-    
-    /* Notification adjustments */
-    #notification {
-        top: auto;
-        bottom: 1rem;
-        right: 1rem;
-        left: 1rem;
-        text-align: center;
-    }
-}
-
-/* Small mobile devices */
-@media (max-width: 480px) {
-    .site-header {
-        padding: 0.75rem;
-    }
-    
-    .site-title {
-        font-size: 1.2rem;
-    }
-    
-    /* Stack color inputs vertically */
-    .flex.items-center.gap-3 {
-        flex-direction: column;
-        align-items: stretch;
-    }
-    
-    /* Stack grid columns on very small screens */
-    .grid.grid-cols-2,
-    .grid.grid-cols-3,
-    .grid.grid-cols-4 {
-        grid-template-columns: repeat(2, 1fr);
-    }
-    
-    /* Adjust modal padding */
-    #embed-modal > div {
-        padding: 1rem;
-    }
-    
-    /* Make range slider easier to use */
-    input[type="range"]::-webkit-slider-thumb {
-        height: 24px;
-        width: 24px;
-        margin-top: -8px;
-    }
-    
-    input[type="range"]::-moz-range-thumb {
-        height: 24px;
-        width: 24px;
-    }
-}
-
-/* Landscape orientation adjustments */
-@media (max-height: 600px) and (orientation: landscape) {
-    .site-header {
-        height: 50px;
-        --header-height: 50px;
-        padding: 0.5rem 1rem;
-    }
-    
-    .designer-panel {
-        max-height: calc(100vh - 50px);
-    }
-    
-    .designer-panel .flex-1 {
-        max-height: calc(100vh - 170px);
-    }
-    
-    #designer-prompt {
-        min-height: 100px;
-        rows: 4;
-    }
-}
-
-/* Touch device optimizations */
-@media (hover: none) and (pointer: coarse) {
-    /* Increase tap targets */
-    button,
-    input[type="checkbox"],
-    input[type="radio"],
-    select {
-        min-height: 44px;
-    }
-    
-    /* Remove hover effects on touch devices */
-    .theme-mode-btn:hover:not(.bg-dynamic-primary),
-    .color-preset:hover,
-    button:hover {
-        transform: none;
-        opacity: 1;
-    }
-    
-    /* Add active states for better feedback */
-    button:active,
-    .theme-mode-btn:active,
-    .color-preset:active {
-        transform: scale(0.95);
-        transition: transform 0.1s ease;
-    }
-}
-
-/* High contrast mode support */
-@media (prefers-contrast: high) {
-    .border-dynamic-border {
-        border-width: 2px;
-    }
-    
-    input:focus,
-    textarea:focus,
-    select:focus {
-        outline-width: 3px;
-    }
-}
-
-/* Reduced motion support */
-@media (prefers-reduced-motion: reduce) {
-    * {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        transition-duration: 0.01ms !important;
-    }
-}
-
-/* Right Panel - Preview adjustments */
-.designer-content > .flex-1 {
-    padding-top: var(--header-height);
-    box-sizing: border-box;
-} 
\ No newline at end of file
diff --git a/embed.html b/embed.html
deleted file mode 100644
index f4e94e78..00000000
--- a/embed.html
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: embed
-title: "Prompt Designer"
-permalink: /embed/
---- 
\ No newline at end of file
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 00000000..05e726d1
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;
diff --git a/messages/ar.json b/messages/ar.json
new file mode 100644
index 00000000..ad7b72a7
--- /dev/null
+++ b/messages/ar.json
@@ -0,0 +1,432 @@
+{
+  "common": {
+    "loading": "جاري التحميل...",
+    "error": "حدث خطأ",
+    "somethingWentWrong": "حدث خطأ ما",
+    "save": "حفظ",
+    "cancel": "إلغاء",
+    "delete": "حذف",
+    "edit": "تعديل",
+    "create": "إنشاء",
+    "search": "بحث",
+    "filter": "تصفية",
+    "sort": "ترتيب",
+    "view": "عرض",
+    "copy": "نسخ",
+    "copied": "تم النسخ!",
+    "copiedToClipboard": "تم النسخ إلى الحافظة",
+    "failedToCopy": "فشل النسخ",
+    "submit": "إرسال",
+    "back": "رجوع",
+    "next": "التالي",
+    "previous": "السابق",
+    "yes": "نعم",
+    "no": "لا",
+    "confirm": "تأكيد",
+    "close": "إغلاق",
+    "all": "الكل",
+    "none": "لا شيء",
+    "moreLines": "+{count} سطر إضافي"
+  },
+  "nav": {
+    "home": "الرئيسية",
+    "prompts": "الأوامر",
+    "categories": "التصنيفات",
+    "tags": "الوسوم",
+    "settings": "الإعدادات",
+    "admin": "الإدارة",
+    "profile": "الملف الشخصي",
+    "login": "تسجيل الدخول",
+    "register": "إنشاء حساب",
+    "logout": "تسجيل الخروج"
+  },
+  "auth": {
+    "login": "تسجيل الدخول",
+    "loginDescription": "أدخل بياناتك للمتابعة",
+    "register": "إنشاء حساب",
+    "registerDescription": "أنشئ حساباً للبدء",
+    "logout": "تسجيل الخروج",
+    "email": "البريد الإلكتروني",
+    "password": "كلمة المرور",
+    "confirmPassword": "تأكيد كلمة المرور",
+    "username": "اسم المستخدم",
+    "name": "الاسم",
+    "forgotPassword": "نسيت كلمة المرور؟",
+    "noAccount": "ليس لديك حساب؟",
+    "hasAccount": "لديك حساب بالفعل؟",
+    "signInWith": "تسجيل الدخول باستخدام {provider}",
+    "orContinueWith": "أو المتابعة باستخدام",
+    "loginSuccess": "تم تسجيل الدخول بنجاح",
+    "registerSuccess": "تم إنشاء الحساب بنجاح",
+    "logoutSuccess": "تم تسجيل الخروج بنجاح",
+    "invalidCredentials": "البريد الإلكتروني أو كلمة المرور غير صحيحة",
+    "emailTaken": "البريد الإلكتروني مستخدم بالفعل",
+    "usernameTaken": "اسم المستخدم مستخدم بالفعل",
+    "passwordMismatch": "كلمات المرور غير متطابقة",
+    "passwordTooShort": "يجب أن تكون كلمة المرور 6 أحرف على الأقل",
+    "registrationFailed": "فشل إنشاء الحساب"
+  },
+  "prompts": {
+    "title": "الأوامر",
+    "create": "إنشاء أمر",
+    "edit": "تعديل الأمر",
+    "delete": "حذف الأمر",
+    "myPrompts": "أوامري",
+    "publicPrompts": "الأوامر العامة",
+    "privatePrompts": "الأوامر الخاصة",
+    "noPrompts": "لم يتم العثور على أوامر",
+    "noPromptsDescription": "حاول تعديل معايير البحث أو التصفية للعثور على ما تبحث عنه.",
+    "noMorePrompts": "وصلت إلى النهاية",
+    "loading": "جاري التحميل...",
+    "promptTitle": "العنوان",
+    "promptContent": "المحتوى",
+    "promptDescription": "الوصف",
+    "promptType": "النوع",
+    "promptCategory": "التصنيف",
+    "promptTags": "الوسوم",
+    "promptPrivate": "خاص",
+    "promptPublic": "عام",
+    "types": {
+      "text": "نص",
+      "image": "صورة",
+      "video": "فيديو",
+      "audio": "صوت",
+      "structured": "منظم"
+    },
+    "structuredFormat": "التنسيق",
+    "structuredFormatDescription": "اختر تنسيق الأمر المنظم",
+    "structuredContentDescription": "حدد سير العمل أو الوكيل أو تكوين الأنبوب",
+    "versions": "الإصدارات",
+    "version": "إصدار",
+    "versionsCount": "إصدارات",
+    "contributors": "مساهمين",
+    "currentVersion": "الإصدار الحالي",
+    "versionHistory": "تاريخ الإصدارات",
+    "noVersions": "لا يوجد تاريخ للإصدارات",
+    "compare": "مقارنة",
+    "compareVersions": "مقارنة الإصدارات",
+    "compareFrom": "من",
+    "compareTo": "إلى",
+    "comparing": "مقارنة",
+    "selectVersionsToCompare": "اختر الإصدارات للمقارنة",
+    "compareWithCurrent": "مقارنة مع الحالي",
+    "changeRequests": "طلبات التغيير",
+    "createChangeRequest": "اقتراح تغييرات",
+    "viewCount": "المشاهدات",
+    "createdAt": "تاريخ الإنشاء",
+    "updatedAt": "تاريخ التحديث",
+    "copyPrompt": "نسخ الأمر",
+    "sharePrompt": "مشاركة الأمر",
+    "confirmDelete": "هل أنت متأكد من حذف هذا الأمر؟",
+    "promptCreated": "تم إنشاء الأمر",
+    "promptUpdated": "تم تحديث الأمر",
+    "run": "تشغيل",
+    "titleRequired": "العنوان مطلوب",
+    "contentRequired": "المحتوى مطلوب",
+    "titlePlaceholder": "أدخل عنوان الأمر",
+    "descriptionPlaceholder": "وصف اختياري للأمر",
+    "contentPlaceholder": "أدخل محتوى الأمر هنا...",
+    "selectCategory": "اختر تصنيف",
+    "noCategory": "بدون تصنيف",
+    "mediaUrl": "رابط الوسائط",
+    "mediaUrlPlaceholder": "https://...",
+    "mediaUrlDescription": "أدخل رابط ملف الوسائط لهذا الأمر",
+    "privateDescription": "الأوامر الخاصة مرئية لك فقط",
+    "update": "تحديث",
+    "createButton": "إنشاء",
+    "pin": "تثبيت في الملف الشخصي",
+    "unpin": "إلغاء التثبيت",
+    "pinned": "تم التثبيت في الملف الشخصي",
+    "unpinned": "تم إلغاء التثبيت من الملف الشخصي",
+    "pinFailed": "فشل تحديث التثبيت",
+    "pinnedPrompts": "مثبتة"
+  },
+  "changeRequests": {
+    "title": "طلبات التغيير",
+    "create": "إنشاء طلب تغيير",
+    "createDescription": "اقترح تحسينات أو إصلاحات لهذا الأمر",
+    "backToPrompt": "العودة للأمر",
+    "currentContent": "المحتوى الحالي",
+    "proposedChanges": "التغييرات المقترحة",
+    "proposedTitle": "العنوان المقترح",
+    "proposedContent": "المحتوى المقترح",
+    "proposedContentPlaceholder": "أدخل التغييرات المقترحة للأمر...",
+    "reason": "سبب التغييرات",
+    "reasonPlaceholder": "اشرح لماذا تقترح هذه التغييرات...",
+    "mustMakeChanges": "يجب إجراء تغيير واحد على الأقل",
+    "submit": "إرسال طلب التغيير",
+    "created": "تم إرسال طلب التغيير بنجاح",
+    "status": "الحالة",
+    "pending": "قيد الانتظار",
+    "approved": "مقبول",
+    "rejected": "مرفوض",
+    "approve": "قبول",
+    "reject": "رفض",
+    "reviewNote": "ملاحظة المراجعة",
+    "reviewNotePlaceholder": "أضف ملاحظة حول قرارك (اختياري)...",
+    "reviewActions": "مراجعة طلب التغيير هذا",
+    "optional": "اختياري",
+    "forPrompt": "للأمر",
+    "titleChange": "تغيير العنوان",
+    "contentChanges": "تغييرات المحتوى",
+    "diffDescription": "الأسطر الحمراء ستُحذف، الأسطر الخضراء ستُضاف",
+    "approvedSuccess": "تم قبول طلب التغيير وتحديث الأمر",
+    "rejectedSuccess": "تم رفض طلب التغيير",
+    "reopen": "إعادة فتح",
+    "reopenedSuccess": "تم إعادة فتح طلب التغيير",
+    "noRequests": "لا توجد طلبات تغيير",
+    "edit": "تعديل",
+    "preview": "معاينة",
+    "noChangesYet": "لا توجد تغييرات بعد",
+    "changesDetected": "تم اكتشاف تغييرات"
+  },
+  "categories": {
+    "title": "التصنيفات",
+    "description": "تصفح واشترك في التصنيفات",
+    "create": "إنشاء تصنيف",
+    "edit": "تعديل التصنيف",
+    "delete": "حذف التصنيف",
+    "name": "الاسم",
+    "parent": "التصنيف الأب",
+    "noCategories": "لم يتم العثور على تصنيفات",
+    "noSubcategories": "لا توجد تصنيفات فرعية في هذا التصنيف بعد",
+    "prompts": "أوامر",
+    "confirmDelete": "هل أنت متأكد من حذف هذا التصنيف؟"
+  },
+  "tags": {
+    "title": "الوسوم",
+    "description": "تصفح الأوامر حسب الوسوم",
+    "create": "إنشاء وسم",
+    "edit": "تعديل الوسم",
+    "delete": "حذف الوسم",
+    "name": "الاسم",
+    "color": "اللون",
+    "noTags": "لم يتم العثور على وسوم",
+    "confirmDelete": "هل أنت متأكد من حذف هذا الوسم؟",
+    "prompts": "أوامر",
+    "allTags": "جميع الوسوم",
+    "popularTags": "الوسوم الشائعة"
+  },
+  "settings": {
+    "title": "الإعدادات",
+    "description": "إدارة إعدادات حسابك وملفك الشخصي",
+    "profile": "الملف الشخصي",
+    "account": "الحساب",
+    "appearance": "المظهر",
+    "language": "اللغة",
+    "theme": "السمة",
+    "themeLight": "فاتح",
+    "themeDark": "داكن",
+    "themeSystem": "النظام",
+    "saveSuccess": "تم حفظ الإعدادات بنجاح",
+    "avatar": "الصورة الرمزية",
+    "changeAvatar": "تغيير الصورة الرمزية"
+  },
+  "admin": {
+    "title": "لوحة الإدارة",
+    "description": "إدارة المستخدمين والتصنيفات والوسوم",
+    "stats": {
+      "users": "المستخدمون",
+      "prompts": "الأوامر",
+      "categories": "التصنيفات",
+      "tags": "الوسوم"
+    },
+    "tabs": {
+      "users": "المستخدمون",
+      "categories": "التصنيفات",
+      "tags": "الوسوم"
+    },
+    "users": {
+      "title": "إدارة المستخدمين",
+      "description": "عرض وإدارة حسابات المستخدمين",
+      "user": "المستخدم",
+      "email": "البريد الإلكتروني",
+      "role": "الدور",
+      "prompts": "الأوامر",
+      "joined": "تاريخ الانضمام",
+      "makeAdmin": "جعله مديراً",
+      "removeAdmin": "إزالة صلاحيات المدير",
+      "delete": "حذف",
+      "cancel": "إلغاء",
+      "deleted": "تم حذف المستخدم بنجاح",
+      "deleteFailed": "فشل حذف المستخدم",
+      "roleUpdated": "تم تحديث دور المستخدم",
+      "roleUpdateFailed": "فشل تحديث الدور",
+      "deleteConfirmTitle": "حذف المستخدم؟",
+      "deleteConfirmDescription": "هذا الإجراء لا يمكن التراجع عنه. سيتم حذف جميع بيانات المستخدم نهائياً."
+    },
+    "categories": {
+      "title": "إدارة التصنيفات",
+      "description": "إنشاء وإدارة تصنيفات الأوامر",
+      "name": "الاسم",
+      "slug": "المعرف",
+      "descriptionLabel": "الوصف",
+      "icon": "الأيقونة",
+      "parent": "الأب",
+      "prompts": "الأوامر",
+      "add": "إضافة تصنيف",
+      "edit": "تعديل",
+      "delete": "حذف",
+      "cancel": "إلغاء",
+      "save": "حفظ",
+      "create": "إنشاء",
+      "noCategories": "لا توجد تصنيفات بعد",
+      "created": "تم إنشاء التصنيف بنجاح",
+      "updated": "تم تحديث التصنيف بنجاح",
+      "deleted": "تم حذف التصنيف بنجاح",
+      "saveFailed": "فشل حفظ التصنيف",
+      "deleteFailed": "فشل حذف التصنيف",
+      "createTitle": "إنشاء تصنيف",
+      "createDescription": "إضافة تصنيف جديد لتنظيم الأوامر",
+      "editTitle": "تعديل التصنيف",
+      "editDescription": "تحديث تفاصيل التصنيف",
+      "deleteConfirmTitle": "حذف التصنيف؟",
+      "deleteConfirmDescription": "سيؤدي هذا إلى إزالة التصنيف. ستصبح الأوامر في هذا التصنيف بدون تصنيف.",
+      "parentCategory": "التصنيف الأب",
+      "selectParent": "اختر تصنيف أب",
+      "noParent": "بدون (تصنيف رئيسي)",
+      "parentHelp": "اتركه فارغاً لإنشاء تصنيف رئيسي، أو اختر تصنيف أب لإنشاء تصنيف فرعي",
+      "rootCategory": "رئيسي",
+      "subcategories": "تصنيفات فرعية"
+    },
+    "tags": {
+      "title": "إدارة الوسوم",
+      "description": "إنشاء وإدارة وسوم الأوامر",
+      "name": "الاسم",
+      "slug": "المعرف",
+      "color": "اللون",
+      "prompts": "الأوامر",
+      "add": "إضافة وسم",
+      "edit": "تعديل",
+      "delete": "حذف",
+      "cancel": "إلغاء",
+      "save": "حفظ",
+      "create": "إنشاء",
+      "noTags": "لا توجد وسوم بعد",
+      "created": "تم إنشاء الوسم بنجاح",
+      "updated": "تم تحديث الوسم بنجاح",
+      "deleted": "تم حذف الوسم بنجاح",
+      "saveFailed": "فشل حفظ الوسم",
+      "deleteFailed": "فشل حذف الوسم",
+      "createTitle": "إنشاء وسم",
+      "createDescription": "إضافة وسم جديد لتصنيف الأوامر",
+      "editTitle": "تعديل الوسم",
+      "editDescription": "تحديث تفاصيل الوسم",
+      "deleteConfirmTitle": "حذف الوسم؟",
+      "deleteConfirmDescription": "سيؤدي هذا إلى إزالة الوسم من جميع الأوامر."
+    }
+  },
+  "search": {
+    "placeholder": "البحث في الأوامر...",
+    "advanced": "بحث متقدم",
+    "filters": "الفلاتر",
+    "results": "النتائج",
+    "noResults": "لم يتم العثور على نتائج",
+    "searchIn": "البحث في",
+    "sortBy": "ترتيب حسب",
+    "relevance": "الصلة",
+    "newest": "الأحدث",
+    "oldest": "الأقدم",
+    "mostUpvoted": "الأكثر تصويتاً",
+    "search": "بحث",
+    "clear": "مسح",
+    "found": "تم العثور على {count}"
+  },
+  "user": {
+    "profile": "الملف الشخصي",
+    "prompts": "الأوامر",
+    "myPrompts": "أوامري",
+    "allPrompts": "جميع الأوامر",
+    "joined": "تاريخ الانضمام",
+    "noPrompts": "لا توجد أوامر بعد",
+    "noPromptsOwner": "لم تقم بإنشاء أي أوامر بعد",
+    "createFirstPrompt": "أنشئ أول أمر لك",
+    "upvotesReceived": "تصويتات مستلمة",
+    "editProfile": "تعديل الملف الشخصي"
+  },
+  "subscription": {
+    "subscribe": "اشتراك",
+    "unsubscribe": "إلغاء الاشتراك",
+    "subscribedTo": "تم الاشتراك في {name}",
+    "unsubscribedFrom": "تم إلغاء الاشتراك من {name}",
+    "loginToSubscribe": "يرجى تسجيل الدخول للاشتراك"
+  },
+  "vote": {
+    "loginToVote": "يرجى تسجيل الدخول للتصويت",
+    "upvote": "تصويت",
+    "upvotes": "تصويتات"
+  },
+  "version": {
+    "newVersion": "إصدار جديد",
+    "createVersion": "إنشاء إصدار",
+    "createNewVersion": "إنشاء إصدار جديد",
+    "updateDescription": "حدّث محتوى الأمر وأضف ملاحظة تصف تغييراتك.",
+    "promptContent": "محتوى الأمر",
+    "changeNote": "ملاحظة التغيير (اختياري)",
+    "changeNotePlaceholder": "مثال: إصلاح خطأ إملائي، إضافة سياق...",
+    "contentPlaceholder": "أدخل محتوى الأمر المحدث...",
+    "contentMustDiffer": "يجب أن يختلف المحتوى عن الإصدار الحالي",
+    "versionCreated": "تم إنشاء إصدار جديد",
+    "deleteVersion": "حذف الإصدار",
+    "confirmDeleteVersion": "هل أنت متأكد من حذف الإصدار {version}؟ لا يمكن التراجع عن هذا الإجراء.",
+    "versionDeleted": "تم حذف الإصدار بنجاح"
+  },
+  "profile": {
+    "title": "الملف الشخصي",
+    "updateInfo": "تحديث معلومات ملفك الشخصي",
+    "avatarUrl": "رابط الصورة الرمزية",
+    "displayName": "الاسم المعروض",
+    "namePlaceholder": "اسمك",
+    "username": "اسم المستخدم",
+    "usernamePlaceholder": "اسم_المستخدم",
+    "profileUrl": "رابط ملفك الشخصي",
+    "email": "البريد الإلكتروني",
+    "emailCannotChange": "لا يمكن تغيير البريد الإلكتروني",
+    "saveChanges": "حفظ التغييرات",
+    "profileUpdated": "تم تحديث الملف الشخصي بنجاح",
+    "usernameTaken": "اسم المستخدم هذا مستخدم بالفعل"
+  },
+  "feed": {
+    "yourFeed": "خلاصتك",
+    "feedDescription": "أوامر من التصنيفات المشترك بها",
+    "browseAll": "تصفح الكل",
+    "noPromptsInFeed": "لا توجد أوامر في خلاصتك",
+    "subscribeToCategories": "اشترك في التصنيفات لرؤية الأوامر هنا",
+    "viewAllCategories": "عرض جميع التصنيفات"
+  },
+  "homepage": {
+    "heroTitle": "اجمع، نظّم وشارك",
+    "heroSubtitle": "أوامر الذكاء الاصطناعي",
+    "heroDescription": "منصة مفتوحة المصدر لإدارة أوامر الذكاء الاصطناعي. استضافة ذاتية باستخدام Docker.",
+    "browsePrompts": "تصفح الأوامر",
+    "readyToStart": "مستعد للبدء؟",
+    "freeAndOpen": "مجاني ومفتوح المصدر.",
+    "createAccount": "إنشاء حساب"
+  },
+  "notifications": {
+    "title": "الإشعارات",
+    "pendingChangeRequests": "طلبات التغيير المعلقة",
+    "noNotifications": "لا توجد إشعارات"
+  },
+  "errors": {
+    "notFound": "الصفحة غير موجودة",
+    "unauthorized": "غير مصرح",
+    "forbidden": "محظور",
+    "serverError": "خطأ في الخادم",
+    "networkError": "خطأ في الشبكة"
+  },
+  "diff": {
+    "tokens": "رموز",
+    "noChanges": "لا توجد تغييرات"
+  },
+  "notFound": {
+    "title": "الصفحة غير موجودة",
+    "description": "الصفحة التي تبحث عنها غير موجودة أو تم نقلها.",
+    "goHome": "الرئيسية",
+    "goBack": "رجوع",
+    "helpfulLinks": "إليك بعض الروابط المفيدة:",
+    "browsePrompts": "تصفح الأوامر",
+    "categories": "التصنيفات",
+    "createPrompt": "إنشاء أمر"
+  }
+}
diff --git a/messages/en.json b/messages/en.json
new file mode 100644
index 00000000..13ee1fa6
--- /dev/null
+++ b/messages/en.json
@@ -0,0 +1,471 @@
+{
+  "common": {
+    "loading": "Loading...",
+    "error": "An error occurred",
+    "somethingWentWrong": "Something went wrong",
+    "save": "Save",
+    "cancel": "Cancel",
+    "delete": "Delete",
+    "edit": "Edit",
+    "create": "Create",
+    "search": "Search",
+    "filter": "Filter",
+    "sort": "Sort",
+    "view": "View",
+    "copy": "Copy",
+    "copied": "Copied!",
+    "copiedToClipboard": "Copied to clipboard",
+    "failedToCopy": "Failed to copy",
+    "submit": "Submit",
+    "back": "Back",
+    "next": "Next",
+    "previous": "Previous",
+    "yes": "Yes",
+    "no": "No",
+    "confirm": "Confirm",
+    "close": "Close",
+    "all": "All",
+    "none": "None",
+    "moreLines": "+{count} more lines"
+  },
+  "nav": {
+    "home": "Home",
+    "prompts": "Prompts",
+    "categories": "Categories",
+    "tags": "Tags",
+    "settings": "Settings",
+    "admin": "Admin",
+    "profile": "Profile",
+    "login": "Login",
+    "register": "Register",
+    "logout": "Logout"
+  },
+  "auth": {
+    "login": "Login",
+    "loginDescription": "Enter your credentials to continue",
+    "register": "Register",
+    "registerDescription": "Create an account to get started",
+    "logout": "Logout",
+    "email": "Email",
+    "password": "Password",
+    "confirmPassword": "Confirm Password",
+    "username": "Username",
+    "name": "Name",
+    "forgotPassword": "Forgot Password?",
+    "noAccount": "Don't have an account?",
+    "hasAccount": "Already have an account?",
+    "signInWith": "Sign in with {provider}",
+    "orContinueWith": "Or continue with",
+    "loginSuccess": "Login successful",
+    "registerSuccess": "Registration successful",
+    "logoutSuccess": "Logged out successfully",
+    "invalidCredentials": "Invalid email or password",
+    "emailTaken": "Email is already taken",
+    "usernameTaken": "Username is already taken",
+    "passwordMismatch": "Passwords do not match",
+    "passwordTooShort": "Password must be at least 6 characters",
+    "registrationFailed": "Registration failed"
+  },
+  "prompts": {
+    "title": "Prompts",
+    "create": "Create Prompt",
+    "edit": "Edit Prompt",
+    "delete": "Delete Prompt",
+    "myPrompts": "My Prompts",
+    "publicPrompts": "Public Prompts",
+    "privatePrompts": "Private Prompts",
+    "noPrompts": "No prompts found",
+    "noPromptsDescription": "Try adjusting your search or filter criteria to find what you're looking for.",
+    "noMorePrompts": "You've reached the end",
+    "loading": "Loading...",
+    "promptTitle": "Title",
+    "promptContent": "Content",
+    "promptDescription": "Description",
+    "promptType": "Type",
+    "promptCategory": "Category",
+    "promptTags": "Tags",
+    "promptPrivate": "Private",
+    "promptPublic": "Public",
+    "types": {
+      "text": "Text",
+      "image": "Image",
+      "video": "Video",
+      "audio": "Audio",
+      "structured": "Structured",
+      "document": "Document"
+    },
+    "structuredFormat": "Format",
+    "structuredFormatDescription": "Select the format for your structured prompt",
+    "structuredContentDescription": "Define your workflow, agent, or pipeline configuration",
+    "versions": "Versions",
+    "version": "version",
+    "versionsCount": "versions",
+    "contributors": "contributors",
+    "currentVersion": "Current Version",
+    "versionHistory": "Version History",
+    "noVersions": "No version history",
+    "compare": "Compare",
+    "compareVersions": "Compare Versions",
+    "compareFrom": "From",
+    "compareTo": "To",
+    "comparing": "Comparing",
+    "selectVersionsToCompare": "Select versions to compare",
+    "compareWithCurrent": "Compare with current",
+    "changeRequests": "Change Requests",
+    "createChangeRequest": "Propose Changes",
+    "viewCount": "Views",
+    "createdAt": "Created",
+    "updatedAt": "Updated",
+    "copyPrompt": "Copy Prompt",
+    "sharePrompt": "Share Prompt",
+    "confirmDelete": "Are you sure you want to delete this prompt?",
+    "promptCreated": "Prompt created",
+    "promptUpdated": "Prompt updated",
+    "run": "Run",
+    "titleRequired": "Title is required",
+    "contentRequired": "Content is required",
+    "titlePlaceholder": "Enter a title for your prompt",
+    "descriptionPlaceholder": "Optional description of your prompt",
+    "contentPlaceholder": "Enter your prompt content here...",
+    "selectCategory": "Select a category",
+    "noCategory": "None",
+    "mediaUrl": "Media URL",
+    "mediaUrlPlaceholder": "https://...",
+    "mediaUrlDescription": "Enter a URL to the media file for this prompt",
+    "privateDescription": "Private prompts are only visible to you",
+    "requiresMediaUpload": "Requires Media Upload",
+    "requiresMediaUploadDescription": "Users need to provide media files to use this prompt",
+    "requiredMediaType": "Media Type",
+    "requiredMediaCount": "Number of Files",
+    "requiresImage": "Requires {count} {count, plural, one {image} other {images}}",
+    "requiresVideo": "Requires {count} {count, plural, one {video} other {videos}}",
+    "requiresDocument": "Requires {count} {count, plural, one {document} other {documents}}",
+    "update": "Update",
+    "createButton": "Create",
+    "pin": "Pin to Profile",
+    "unpin": "Unpin",
+    "pinned": "Pinned to profile",
+    "unpinned": "Unpinned from profile",
+    "pinFailed": "Failed to update pin",
+    "pinnedPrompts": "Pinned"
+  },
+  "changeRequests": {
+    "title": "Change Requests",
+    "create": "Create Change Request",
+    "createDescription": "Suggest improvements or fixes for this prompt",
+    "backToPrompt": "Back to prompt",
+    "currentContent": "Current content",
+    "proposedChanges": "Proposed Changes",
+    "proposedTitle": "Proposed Title",
+    "proposedContent": "Proposed Content",
+    "proposedContentPlaceholder": "Enter your proposed changes to the prompt...",
+    "reason": "Reason for Changes",
+    "reasonPlaceholder": "Explain why you're suggesting these changes...",
+    "mustMakeChanges": "You must make at least one change",
+    "submit": "Submit Change Request",
+    "created": "Change request submitted successfully",
+    "status": "Status",
+    "pending": "Pending",
+    "approved": "Approved",
+    "rejected": "Rejected",
+    "approve": "Approve",
+    "reject": "Reject",
+    "reviewNote": "Review Note",
+    "reviewNotePlaceholder": "Add a note about your decision (optional)...",
+    "reviewActions": "Review this change request",
+    "optional": "optional",
+    "forPrompt": "For prompt",
+    "titleChange": "Title Change",
+    "contentChanges": "Content Changes",
+    "diffDescription": "Red lines will be removed, green lines will be added",
+    "approvedSuccess": "Change request approved and prompt updated",
+    "rejectedSuccess": "Change request rejected",
+    "reopen": "Reopen",
+    "reopenedSuccess": "Change request reopened",
+    "noRequests": "No change requests",
+    "edit": "Edit",
+    "preview": "Preview",
+    "noChangesYet": "No changes yet",
+    "changesDetected": "Changes detected"
+  },
+  "categories": {
+    "title": "Categories",
+    "description": "Browse and subscribe to categories",
+    "create": "Create Category",
+    "edit": "Edit Category",
+    "delete": "Delete Category",
+    "name": "Name",
+    "parent": "Parent Category",
+    "noCategories": "No categories found",
+    "noSubcategories": "No subcategories in this category yet",
+    "prompts": "prompts",
+    "confirmDelete": "Are you sure you want to delete this category?"
+  },
+  "tags": {
+    "title": "Tags",
+    "description": "Browse prompts by tags",
+    "create": "Create Tag",
+    "edit": "Edit Tag",
+    "delete": "Delete Tag",
+    "name": "Name",
+    "color": "Color",
+    "noTags": "No tags found",
+    "confirmDelete": "Are you sure you want to delete this tag?",
+    "prompts": "prompts",
+    "allTags": "All Tags",
+    "popularTags": "Popular Tags"
+  },
+  "settings": {
+    "title": "Settings",
+    "description": "Manage your account settings and profile",
+    "profile": "Profile",
+    "account": "Account",
+    "appearance": "Appearance",
+    "language": "Language",
+    "theme": "Theme",
+    "themeLight": "Light",
+    "themeDark": "Dark",
+    "themeSystem": "System",
+    "saveSuccess": "Settings saved successfully",
+    "avatar": "Avatar",
+    "changeAvatar": "Change Avatar"
+  },
+  "admin": {
+    "title": "Admin Dashboard",
+    "description": "Manage users, categories, and tags",
+    "stats": {
+      "users": "Users",
+      "prompts": "Prompts",
+      "categories": "Categories",
+      "tags": "Tags"
+    },
+    "tabs": {
+      "users": "Users",
+      "categories": "Categories",
+      "tags": "Tags",
+      "webhooks": "Webhooks"
+    },
+    "users": {
+      "title": "User Management",
+      "description": "View and manage user accounts",
+      "user": "User",
+      "email": "Email",
+      "role": "Role",
+      "prompts": "Prompts",
+      "joined": "Joined",
+      "makeAdmin": "Make Admin",
+      "removeAdmin": "Remove Admin",
+      "delete": "Delete",
+      "cancel": "Cancel",
+      "deleted": "User deleted successfully",
+      "deleteFailed": "Failed to delete user",
+      "roleUpdated": "User role updated",
+      "roleUpdateFailed": "Failed to update role",
+      "deleteConfirmTitle": "Delete User?",
+      "deleteConfirmDescription": "This action cannot be undone. All user data will be permanently deleted."
+    },
+    "categories": {
+      "title": "Category Management",
+      "description": "Create and manage prompt categories",
+      "name": "Name",
+      "slug": "Slug",
+      "descriptionLabel": "Description",
+      "icon": "Icon",
+      "parent": "Parent",
+      "prompts": "Prompts",
+      "add": "Add Category",
+      "edit": "Edit",
+      "delete": "Delete",
+      "cancel": "Cancel",
+      "save": "Save",
+      "create": "Create",
+      "noCategories": "No categories yet",
+      "created": "Category created successfully",
+      "updated": "Category updated successfully",
+      "deleted": "Category deleted successfully",
+      "saveFailed": "Failed to save category",
+      "deleteFailed": "Failed to delete category",
+      "createTitle": "Create Category",
+      "createDescription": "Add a new category for organizing prompts",
+      "editTitle": "Edit Category",
+      "editDescription": "Update category details",
+      "deleteConfirmTitle": "Delete Category?",
+      "deleteConfirmDescription": "This will remove the category. Prompts in this category will be uncategorized.",
+      "parentCategory": "Parent Category",
+      "selectParent": "Select a parent category",
+      "noParent": "None (Root Category)",
+      "parentHelp": "Leave empty to create a root category, or select a parent to create a subcategory",
+      "rootCategory": "Root",
+      "subcategories": "subcategories"
+    },
+    "tags": {
+      "title": "Tag Management",
+      "description": "Create and manage prompt tags",
+      "name": "Name",
+      "slug": "Slug",
+      "color": "Color",
+      "prompts": "Prompts",
+      "add": "Add Tag",
+      "edit": "Edit",
+      "delete": "Delete",
+      "cancel": "Cancel",
+      "save": "Save",
+      "create": "Create",
+      "noTags": "No tags yet",
+      "created": "Tag created successfully",
+      "updated": "Tag updated successfully",
+      "deleted": "Tag deleted successfully",
+      "saveFailed": "Failed to save tag",
+      "deleteFailed": "Failed to delete tag",
+      "createTitle": "Create Tag",
+      "createDescription": "Add a new tag for labeling prompts",
+      "editTitle": "Edit Tag",
+      "editDescription": "Update tag details",
+      "deleteConfirmTitle": "Delete Tag?",
+      "deleteConfirmDescription": "This will remove the tag from all prompts."
+    },
+    "webhooks": {
+      "title": "Webhook Management",
+      "description": "Configure webhooks to receive notifications when events occur",
+      "name": "Name",
+      "url": "Webhook URL",
+      "method": "HTTP Method",
+      "headers": "HTTP Headers",
+      "events": "Events",
+      "payload": "JSON Payload",
+      "payloadHelp": "Use placeholders like {{PROMPT_TITLE}}",
+      "placeholders": "Available Placeholders",
+      "status": "Status",
+      "enabled": "Enabled",
+      "add": "Add Webhook",
+      "edit": "Edit",
+      "delete": "Delete",
+      "cancel": "Cancel",
+      "save": "Save",
+      "create": "Create",
+      "empty": "No webhooks configured",
+      "addTitle": "Add Webhook",
+      "addDescription": "Configure a new webhook endpoint",
+      "editTitle": "Edit Webhook",
+      "editDescription": "Update webhook configuration",
+      "deleteConfirm": "Are you sure you want to delete this webhook?",
+      "useSlackPreset": "Use Slack Preset",
+      "test": "Test",
+      "testSuccess": "Webhook test successful!",
+      "testFailed": "Webhook test failed"
+    }
+  },
+  "search": {
+    "placeholder": "Search prompts...",
+    "advanced": "Advanced Search",
+    "filters": "Filters",
+    "results": "Results",
+    "noResults": "No results found",
+    "searchIn": "Search in",
+    "sortBy": "Sort by",
+    "relevance": "Relevance",
+    "newest": "Newest",
+    "oldest": "Oldest",
+    "mostUpvoted": "Most Upvoted",
+    "search": "Search",
+    "clear": "Clear",
+    "found": "{count} found"
+  },
+  "user": {
+    "profile": "Profile",
+    "prompts": "Prompts",
+    "myPrompts": "My Prompts",
+    "allPrompts": "All Prompts",
+    "joined": "Joined",
+    "noPrompts": "No prompts yet",
+    "noPromptsOwner": "You haven't created any prompts yet",
+    "createFirstPrompt": "Create your first prompt",
+    "upvotesReceived": "upvotes received",
+    "editProfile": "Edit Profile"
+  },
+  "subscription": {
+    "subscribe": "Subscribe",
+    "unsubscribe": "Unsubscribe",
+    "subscribedTo": "Subscribed to {name}",
+    "unsubscribedFrom": "Unsubscribed from {name}",
+    "loginToSubscribe": "Please login to subscribe"
+  },
+  "vote": {
+    "loginToVote": "Please login to upvote",
+    "upvote": "upvote",
+    "upvotes": "upvotes"
+  },
+  "version": {
+    "newVersion": "New Version",
+    "createVersion": "Create Version",
+    "createNewVersion": "Create New Version",
+    "updateDescription": "Update the prompt content and add a note describing your changes.",
+    "promptContent": "Prompt Content",
+    "changeNote": "Change Note (optional)",
+    "changeNotePlaceholder": "e.g., Fixed typo, Added more context...",
+    "contentPlaceholder": "Enter the updated prompt content...",
+    "contentMustDiffer": "Content must be different from current version",
+    "versionCreated": "New version created",
+    "deleteVersion": "Delete Version",
+    "confirmDeleteVersion": "Are you sure you want to delete version {version}? This action cannot be undone.",
+    "versionDeleted": "Version deleted successfully"
+  },
+  "profile": {
+    "title": "Profile",
+    "updateInfo": "Update your profile information",
+    "avatarUrl": "Avatar URL",
+    "displayName": "Display Name",
+    "namePlaceholder": "Your name",
+    "username": "Username",
+    "usernamePlaceholder": "username",
+    "profileUrl": "Your profile URL",
+    "email": "Email",
+    "emailCannotChange": "Email cannot be changed",
+    "saveChanges": "Save Changes",
+    "profileUpdated": "Profile updated successfully",
+    "usernameTaken": "This username is already taken"
+  },
+  "feed": {
+    "yourFeed": "Your Feed",
+    "feedDescription": "Prompts from your subscribed categories",
+    "browseAll": "Browse All",
+    "noPromptsInFeed": "No prompts in your feed",
+    "subscribeToCategories": "Subscribe to categories to see prompts here",
+    "viewAllCategories": "View All Categories"
+  },
+  "homepage": {
+    "heroTitle": "Collect, Organize & Share",
+    "heroSubtitle": "AI Prompts",
+    "heroDescription": "Open-source platform for managing AI prompts. Self-host with Docker.",
+    "browsePrompts": "Browse Prompts",
+    "readyToStart": "Ready to get started?",
+    "freeAndOpen": "Free and open source.",
+    "createAccount": "Create Account"
+  },
+  "notifications": {
+    "title": "Notifications",
+    "pendingChangeRequests": "Pending change requests",
+    "noNotifications": "No notifications"
+  },
+  "errors": {
+    "notFound": "Page not found",
+    "unauthorized": "Unauthorized",
+    "forbidden": "Forbidden",
+    "serverError": "Server error",
+    "networkError": "Network error"
+  },
+  "diff": {
+    "tokens": "tokens",
+    "noChanges": "No changes"
+  },
+  "notFound": {
+    "title": "Page Not Found",
+    "description": "The page you're looking for doesn't exist or has been moved.",
+    "goHome": "Go Home",
+    "goBack": "Go Back",
+    "helpfulLinks": "Here are some helpful links:",
+    "browsePrompts": "Browse Prompts",
+    "categories": "Categories",
+    "createPrompt": "Create Prompt"
+  }
+}
diff --git a/messages/es.json b/messages/es.json
new file mode 100644
index 00000000..f6f5cd1b
--- /dev/null
+++ b/messages/es.json
@@ -0,0 +1,426 @@
+{
+  "common": {
+    "loading": "Cargando...",
+    "error": "Ocurrió un error",
+    "somethingWentWrong": "Algo salió mal",
+    "save": "Guardar",
+    "cancel": "Cancelar",
+    "delete": "Eliminar",
+    "edit": "Editar",
+    "create": "Crear",
+    "search": "Buscar",
+    "filter": "Filtrar",
+    "sort": "Ordenar",
+    "view": "Ver",
+    "copy": "Copiar",
+    "copied": "¡Copiado!",
+    "copiedToClipboard": "Copiado al portapapeles",
+    "failedToCopy": "Error al copiar",
+    "submit": "Enviar",
+    "back": "Atrás",
+    "next": "Siguiente",
+    "previous": "Anterior",
+    "yes": "Sí",
+    "no": "No",
+    "confirm": "Confirmar",
+    "close": "Cerrar",
+    "all": "Todos",
+    "none": "Ninguno",
+    "moreLines": "+{count} líneas más"
+  },
+  "nav": {
+    "home": "Inicio",
+    "prompts": "Prompts",
+    "categories": "Categorías",
+    "tags": "Etiquetas",
+    "settings": "Configuración",
+    "admin": "Admin",
+    "profile": "Perfil",
+    "login": "Iniciar sesión",
+    "register": "Registrarse",
+    "logout": "Cerrar sesión"
+  },
+  "auth": {
+    "login": "Iniciar sesión",
+    "loginDescription": "Ingresa tus credenciales para continuar",
+    "register": "Registrarse",
+    "registerDescription": "Crea una cuenta para comenzar",
+    "logout": "Cerrar sesión",
+    "email": "Correo electrónico",
+    "password": "Contraseña",
+    "confirmPassword": "Confirmar contraseña",
+    "username": "Nombre de usuario",
+    "name": "Nombre",
+    "forgotPassword": "¿Olvidaste tu contraseña?",
+    "noAccount": "¿No tienes una cuenta?",
+    "hasAccount": "¿Ya tienes una cuenta?",
+    "signInWith": "Iniciar sesión con {provider}",
+    "orContinueWith": "O continuar con",
+    "loginSuccess": "Inicio de sesión exitoso",
+    "registerSuccess": "Registro exitoso",
+    "logoutSuccess": "Sesión cerrada exitosamente",
+    "invalidCredentials": "Correo o contraseña inválidos",
+    "emailTaken": "El correo ya está en uso",
+    "usernameTaken": "El nombre de usuario ya está en uso",
+    "passwordMismatch": "Las contraseñas no coinciden",
+    "passwordTooShort": "La contraseña debe tener al menos 6 caracteres",
+    "registrationFailed": "Error en el registro"
+  },
+  "prompts": {
+    "title": "Prompts",
+    "create": "Crear Prompt",
+    "edit": "Editar Prompt",
+    "delete": "Eliminar Prompt",
+    "myPrompts": "Mis Prompts",
+    "publicPrompts": "Prompts Públicos",
+    "privatePrompts": "Prompts Privados",
+    "noPrompts": "No se encontraron prompts",
+    "noPromptsDescription": "Intenta ajustar tu búsqueda o criterios de filtro para encontrar lo que buscas.",
+    "promptTitle": "Título",
+    "promptContent": "Contenido",
+    "promptDescription": "Descripción",
+    "promptType": "Tipo",
+    "promptCategory": "Categoría",
+    "promptTags": "Etiquetas",
+    "promptPrivate": "Privado",
+    "promptPublic": "Público",
+    "types": {
+      "text": "Texto",
+      "image": "Imagen",
+      "video": "Video",
+      "audio": "Audio",
+      "structured": "Estructurado"
+    },
+    "structuredFormat": "Formato",
+    "structuredFormatDescription": "Selecciona el formato para tu prompt estructurado",
+    "structuredContentDescription": "Define tu flujo de trabajo, agente o configuración de pipeline",
+    "versions": "Versiones",
+    "version": "versión",
+    "versionsCount": "versiones",
+    "contributors": "colaboradores",
+    "currentVersion": "Versión Actual",
+    "versionHistory": "Historial de Versiones",
+    "noVersions": "Sin historial de versiones",
+    "compare": "Comparar",
+    "compareVersions": "Comparar Versiones",
+    "compareFrom": "Desde",
+    "compareTo": "Hasta",
+    "comparing": "Comparando",
+    "selectVersionsToCompare": "Selecciona versiones para comparar",
+    "compareWithCurrent": "Comparar con actual",
+    "changeRequests": "Solicitudes de Cambio",
+    "createChangeRequest": "Proponer Cambios",
+    "viewCount": "Vistas",
+    "createdAt": "Creado",
+    "updatedAt": "Actualizado",
+    "copyPrompt": "Copiar Prompt",
+    "sharePrompt": "Compartir Prompt",
+    "confirmDelete": "¿Estás seguro de que quieres eliminar este prompt?",
+    "promptCreated": "Prompt creado",
+    "promptUpdated": "Prompt actualizado",
+    "run": "Ejecutar",
+    "titleRequired": "El título es obligatorio",
+    "contentRequired": "El contenido es obligatorio",
+    "titlePlaceholder": "Ingresa un título para tu prompt",
+    "descriptionPlaceholder": "Descripción opcional de tu prompt",
+    "contentPlaceholder": "Ingresa el contenido de tu prompt aquí...",
+    "selectCategory": "Selecciona una categoría",
+    "noCategory": "Ninguna",
+    "mediaUrl": "URL del Medio",
+    "mediaUrlPlaceholder": "https://...",
+    "mediaUrlDescription": "Ingresa una URL al archivo de medios para este prompt",
+    "privateDescription": "Los prompts privados solo son visibles para ti",
+    "update": "Actualizar",
+    "createButton": "Crear",
+    "pin": "Fijar en Perfil",
+    "unpin": "Desfijar",
+    "pinned": "Fijado en el perfil",
+    "unpinned": "Desfijado del perfil",
+    "pinFailed": "Error al actualizar fijado",
+    "pinnedPrompts": "Fijados"
+  },
+  "changeRequests": {
+    "title": "Solicitudes de Cambio",
+    "create": "Crear Solicitud de Cambio",
+    "createDescription": "Sugiere mejoras o correcciones para este prompt",
+    "backToPrompt": "Volver al prompt",
+    "currentContent": "Contenido actual",
+    "proposedChanges": "Cambios Propuestos",
+    "proposedTitle": "Título Propuesto",
+    "proposedContent": "Contenido Propuesto",
+    "proposedContentPlaceholder": "Ingresa los cambios propuestos para el prompt...",
+    "reason": "Razón de los Cambios",
+    "reasonPlaceholder": "Explica por qué sugieres estos cambios...",
+    "mustMakeChanges": "Debes hacer al menos un cambio",
+    "submit": "Enviar Solicitud de Cambio",
+    "created": "Solicitud de cambio enviada exitosamente",
+    "status": "Estado",
+    "pending": "Pendiente",
+    "approved": "Aprobado",
+    "rejected": "Rechazado",
+    "approve": "Aprobar",
+    "reject": "Rechazar",
+    "reviewNote": "Nota de Revisión",
+    "reviewNotePlaceholder": "Agrega una nota sobre tu decisión (opcional)...",
+    "reviewActions": "Revisar esta solicitud de cambio",
+    "optional": "opcional",
+    "forPrompt": "Para el prompt",
+    "titleChange": "Cambio de Título",
+    "contentChanges": "Cambios de Contenido",
+    "diffDescription": "Las líneas rojas serán eliminadas, las líneas verdes serán agregadas",
+    "approvedSuccess": "Solicitud de cambio aprobada y prompt actualizado",
+    "rejectedSuccess": "Solicitud de cambio rechazada",
+    "reopen": "Reabrir",
+    "reopenedSuccess": "Solicitud de cambio reabierta",
+    "noRequests": "Sin solicitudes de cambio",
+    "edit": "Editar",
+    "preview": "Vista previa",
+    "noChangesYet": "Sin cambios aún",
+    "changesDetected": "Cambios detectados"
+  },
+  "categories": {
+    "title": "Categorías",
+    "description": "Explora y suscríbete a categorías",
+    "create": "Crear Categoría",
+    "edit": "Editar Categoría",
+    "delete": "Eliminar Categoría",
+    "name": "Nombre",
+    "parent": "Categoría Padre",
+    "noCategories": "No se encontraron categorías",
+    "noSubcategories": "Aún no hay subcategorías en esta categoría",
+    "prompts": "prompts",
+    "confirmDelete": "¿Estás seguro de que quieres eliminar esta categoría?"
+  },
+  "tags": {
+    "title": "Etiquetas",
+    "create": "Crear Etiqueta",
+    "edit": "Editar Etiqueta",
+    "delete": "Eliminar Etiqueta",
+    "name": "Nombre",
+    "color": "Color",
+    "noTags": "No se encontraron etiquetas",
+    "confirmDelete": "¿Estás seguro de que quieres eliminar esta etiqueta?"
+  },
+  "settings": {
+    "title": "Configuración",
+    "description": "Administra tu cuenta y perfil",
+    "profile": "Perfil",
+    "account": "Cuenta",
+    "appearance": "Apariencia",
+    "language": "Idioma",
+    "theme": "Tema",
+    "themeLight": "Claro",
+    "themeDark": "Oscuro",
+    "themeSystem": "Sistema",
+    "saveSuccess": "Configuración guardada exitosamente",
+    "avatar": "Avatar",
+    "changeAvatar": "Cambiar Avatar"
+  },
+  "admin": {
+    "title": "Panel de Administración",
+    "description": "Administra usuarios, categorías y etiquetas",
+    "stats": {
+      "users": "Usuarios",
+      "prompts": "Prompts",
+      "categories": "Categorías",
+      "tags": "Etiquetas"
+    },
+    "tabs": {
+      "users": "Usuarios",
+      "categories": "Categorías",
+      "tags": "Etiquetas"
+    },
+    "users": {
+      "title": "Gestión de Usuarios",
+      "description": "Ver y administrar cuentas de usuario",
+      "user": "Usuario",
+      "email": "Correo",
+      "role": "Rol",
+      "prompts": "Prompts",
+      "joined": "Registrado",
+      "makeAdmin": "Hacer Admin",
+      "removeAdmin": "Quitar Admin",
+      "delete": "Eliminar",
+      "cancel": "Cancelar",
+      "deleted": "Usuario eliminado exitosamente",
+      "deleteFailed": "Error al eliminar usuario",
+      "roleUpdated": "Rol de usuario actualizado",
+      "roleUpdateFailed": "Error al actualizar rol",
+      "deleteConfirmTitle": "¿Eliminar Usuario?",
+      "deleteConfirmDescription": "Esta acción no se puede deshacer. Todos los datos del usuario serán eliminados permanentemente."
+    },
+    "categories": {
+      "title": "Gestión de Categorías",
+      "description": "Crear y administrar categorías de prompts",
+      "name": "Nombre",
+      "slug": "Slug",
+      "descriptionLabel": "Descripción",
+      "icon": "Icono",
+      "parent": "Padre",
+      "prompts": "Prompts",
+      "add": "Agregar Categoría",
+      "edit": "Editar",
+      "delete": "Eliminar",
+      "cancel": "Cancelar",
+      "save": "Guardar",
+      "create": "Crear",
+      "noCategories": "Aún no hay categorías",
+      "created": "Categoría creada exitosamente",
+      "updated": "Categoría actualizada exitosamente",
+      "deleted": "Categoría eliminada exitosamente",
+      "saveFailed": "Error al guardar categoría",
+      "deleteFailed": "Error al eliminar categoría",
+      "createTitle": "Crear Categoría",
+      "createDescription": "Agrega una nueva categoría para organizar prompts",
+      "editTitle": "Editar Categoría",
+      "editDescription": "Actualizar detalles de la categoría",
+      "deleteConfirmTitle": "¿Eliminar Categoría?",
+      "deleteConfirmDescription": "Esto eliminará la categoría. Los prompts en esta categoría quedarán sin categoría.",
+      "parentCategory": "Categoría Padre",
+      "selectParent": "Selecciona una categoría padre",
+      "noParent": "Ninguna (Categoría Raíz)",
+      "parentHelp": "Deja vacío para crear una categoría raíz, o selecciona un padre para crear una subcategoría",
+      "rootCategory": "Raíz",
+      "subcategories": "subcategorías"
+    },
+    "tags": {
+      "title": "Gestión de Etiquetas",
+      "description": "Crear y administrar etiquetas de prompts",
+      "name": "Nombre",
+      "slug": "Slug",
+      "color": "Color",
+      "prompts": "Prompts",
+      "add": "Agregar Etiqueta",
+      "edit": "Editar",
+      "delete": "Eliminar",
+      "cancel": "Cancelar",
+      "save": "Guardar",
+      "create": "Crear",
+      "noTags": "Aún no hay etiquetas",
+      "created": "Etiqueta creada exitosamente",
+      "updated": "Etiqueta actualizada exitosamente",
+      "deleted": "Etiqueta eliminada exitosamente",
+      "saveFailed": "Error al guardar etiqueta",
+      "deleteFailed": "Error al eliminar etiqueta",
+      "createTitle": "Crear Etiqueta",
+      "createDescription": "Agrega una nueva etiqueta para etiquetar prompts",
+      "editTitle": "Editar Etiqueta",
+      "editDescription": "Actualizar detalles de la etiqueta",
+      "deleteConfirmTitle": "¿Eliminar Etiqueta?",
+      "deleteConfirmDescription": "Esto eliminará la etiqueta de todos los prompts."
+    }
+  },
+  "search": {
+    "placeholder": "Buscar prompts...",
+    "advanced": "Búsqueda Avanzada",
+    "filters": "Filtros",
+    "results": "Resultados",
+    "noResults": "No se encontraron resultados",
+    "searchIn": "Buscar en",
+    "sortBy": "Ordenar por",
+    "relevance": "Relevancia",
+    "newest": "Más recientes",
+    "oldest": "Más antiguos",
+    "mostUpvoted": "Más votados",
+    "search": "Buscar",
+    "clear": "Limpiar",
+    "found": "{count} encontrados"
+  },
+  "user": {
+    "profile": "Perfil",
+    "prompts": "Prompts",
+    "myPrompts": "Mis Prompts",
+    "allPrompts": "Todos los Prompts",
+    "joined": "Registrado",
+    "noPrompts": "Aún no hay prompts",
+    "noPromptsOwner": "Aún no has creado ningún prompt",
+    "createFirstPrompt": "Crea tu primer prompt",
+    "upvotesReceived": "votos recibidos",
+    "editProfile": "Editar Perfil"
+  },
+  "subscription": {
+    "subscribe": "Suscribirse",
+    "unsubscribe": "Cancelar suscripción",
+    "subscribedTo": "Suscrito a {name}",
+    "unsubscribedFrom": "Suscripción cancelada de {name}",
+    "loginToSubscribe": "Por favor inicia sesión para suscribirte"
+  },
+  "vote": {
+    "loginToVote": "Por favor inicia sesión para votar",
+    "upvote": "voto",
+    "upvotes": "votos"
+  },
+  "version": {
+    "newVersion": "Nueva Versión",
+    "createVersion": "Crear Versión",
+    "createNewVersion": "Crear Nueva Versión",
+    "updateDescription": "Actualiza el contenido del prompt y agrega una nota describiendo tus cambios.",
+    "promptContent": "Contenido del Prompt",
+    "changeNote": "Nota de Cambio (opcional)",
+    "changeNotePlaceholder": "ej., Corregido error tipográfico, Agregado más contexto...",
+    "contentPlaceholder": "Ingresa el contenido actualizado del prompt...",
+    "contentMustDiffer": "El contenido debe ser diferente de la versión actual",
+    "versionCreated": "Nueva versión creada",
+    "deleteVersion": "Eliminar Versión",
+    "confirmDeleteVersion": "¿Estás seguro de que quieres eliminar la versión {version}? Esta acción no se puede deshacer.",
+    "versionDeleted": "Versión eliminada exitosamente"
+  },
+  "profile": {
+    "title": "Perfil",
+    "updateInfo": "Actualiza tu información de perfil",
+    "avatarUrl": "URL del Avatar",
+    "displayName": "Nombre para Mostrar",
+    "namePlaceholder": "Tu nombre",
+    "username": "Nombre de usuario",
+    "usernamePlaceholder": "nombre_usuario",
+    "profileUrl": "URL de tu perfil",
+    "email": "Correo electrónico",
+    "emailCannotChange": "El correo no se puede cambiar",
+    "saveChanges": "Guardar Cambios",
+    "profileUpdated": "Perfil actualizado exitosamente",
+    "usernameTaken": "Este nombre de usuario ya está en uso"
+  },
+  "feed": {
+    "yourFeed": "Tu Feed",
+    "feedDescription": "Prompts de tus categorías suscritas",
+    "browseAll": "Ver Todos",
+    "noPromptsInFeed": "No hay prompts en tu feed",
+    "subscribeToCategories": "Suscríbete a categorías para ver prompts aquí",
+    "viewAllCategories": "Ver Todas las Categorías"
+  },
+  "homepage": {
+    "heroTitle": "Recolecta, Organiza y Comparte",
+    "heroSubtitle": "Prompts de IA",
+    "heroDescription": "Plataforma de código abierto para gestionar prompts de IA. Auto-hospeda con Docker.",
+    "browsePrompts": "Explorar Prompts",
+    "readyToStart": "¿Listo para comenzar?",
+    "freeAndOpen": "Gratis y de código abierto.",
+    "createAccount": "Crear Cuenta"
+  },
+  "notifications": {
+    "title": "Notificaciones",
+    "pendingChangeRequests": "Solicitudes de cambio pendientes",
+    "noNotifications": "Sin notificaciones"
+  },
+  "errors": {
+    "notFound": "Página no encontrada",
+    "unauthorized": "No autorizado",
+    "forbidden": "Prohibido",
+    "serverError": "Error del servidor",
+    "networkError": "Error de red"
+  },
+  "diff": {
+    "tokens": "tokens",
+    "noChanges": "Sin cambios"
+  },
+  "notFound": {
+    "title": "Página No Encontrada",
+    "description": "La página que buscas no existe o ha sido movida.",
+    "goHome": "Ir al Inicio",
+    "goBack": "Volver",
+    "helpfulLinks": "Aquí hay algunos enlaces útiles:",
+    "browsePrompts": "Explorar Prompts",
+    "categories": "Categorías",
+    "createPrompt": "Crear Prompt"
+  }
+}
diff --git a/messages/ja.json b/messages/ja.json
new file mode 100644
index 00000000..9a95a55b
--- /dev/null
+++ b/messages/ja.json
@@ -0,0 +1,426 @@
+{
+  "common": {
+    "loading": "読み込み中...",
+    "error": "エラーが発生しました",
+    "somethingWentWrong": "問題が発生しました",
+    "save": "保存",
+    "cancel": "キャンセル",
+    "delete": "削除",
+    "edit": "編集",
+    "create": "作成",
+    "search": "検索",
+    "filter": "フィルター",
+    "sort": "並べ替え",
+    "view": "表示",
+    "copy": "コピー",
+    "copied": "コピーしました！",
+    "copiedToClipboard": "クリップボードにコピーしました",
+    "failedToCopy": "コピーに失敗しました",
+    "submit": "送信",
+    "back": "戻る",
+    "next": "次へ",
+    "previous": "前へ",
+    "yes": "はい",
+    "no": "いいえ",
+    "confirm": "確認",
+    "close": "閉じる",
+    "all": "すべて",
+    "none": "なし",
+    "moreLines": "+{count}行"
+  },
+  "nav": {
+    "home": "ホーム",
+    "prompts": "プロンプト",
+    "categories": "カテゴリー",
+    "tags": "タグ",
+    "settings": "設定",
+    "admin": "管理",
+    "profile": "プロフィール",
+    "login": "ログイン",
+    "register": "登録",
+    "logout": "ログアウト"
+  },
+  "auth": {
+    "login": "ログイン",
+    "loginDescription": "続行するには認証情報を入力してください",
+    "register": "登録",
+    "registerDescription": "アカウントを作成して始めましょう",
+    "logout": "ログアウト",
+    "email": "メールアドレス",
+    "password": "パスワード",
+    "confirmPassword": "パスワード確認",
+    "username": "ユーザー名",
+    "name": "名前",
+    "forgotPassword": "パスワードをお忘れですか？",
+    "noAccount": "アカウントをお持ちでないですか？",
+    "hasAccount": "すでにアカウントをお持ちですか？",
+    "signInWith": "{provider}でログイン",
+    "orContinueWith": "または以下で続行",
+    "loginSuccess": "ログインしました",
+    "registerSuccess": "登録が完了しました",
+    "logoutSuccess": "ログアウトしました",
+    "invalidCredentials": "メールアドレスまたはパスワードが無効です",
+    "emailTaken": "このメールアドレスは既に使用されています",
+    "usernameTaken": "このユーザー名は既に使用されています",
+    "passwordMismatch": "パスワードが一致しません",
+    "passwordTooShort": "パスワードは6文字以上必要です",
+    "registrationFailed": "登録に失敗しました"
+  },
+  "prompts": {
+    "title": "プロンプト",
+    "create": "プロンプトを作成",
+    "edit": "プロンプトを編集",
+    "delete": "プロンプトを削除",
+    "myPrompts": "マイプロンプト",
+    "publicPrompts": "公開プロンプト",
+    "privatePrompts": "非公開プロンプト",
+    "noPrompts": "プロンプトが見つかりません",
+    "noPromptsDescription": "検索条件やフィルターを調整してみてください。",
+    "promptTitle": "タイトル",
+    "promptContent": "内容",
+    "promptDescription": "説明",
+    "promptType": "タイプ",
+    "promptCategory": "カテゴリー",
+    "promptTags": "タグ",
+    "promptPrivate": "非公開",
+    "promptPublic": "公開",
+    "types": {
+      "text": "テキスト",
+      "image": "画像",
+      "video": "動画",
+      "audio": "音声",
+      "structured": "構造化"
+    },
+    "structuredFormat": "フォーマット",
+    "structuredFormatDescription": "構造化プロンプトのフォーマットを選択",
+    "structuredContentDescription": "ワークフロー、エージェント、またはパイプラインの設定を定義",
+    "versions": "バージョン",
+    "version": "バージョン",
+    "versionsCount": "バージョン",
+    "contributors": "貢献者",
+    "currentVersion": "現在のバージョン",
+    "versionHistory": "バージョン履歴",
+    "noVersions": "バージョン履歴がありません",
+    "compare": "比較",
+    "compareVersions": "バージョンを比較",
+    "compareFrom": "変更前",
+    "compareTo": "変更後",
+    "comparing": "比較中",
+    "selectVersionsToCompare": "比較するバージョンを選択",
+    "compareWithCurrent": "現在と比較",
+    "changeRequests": "変更リクエスト",
+    "createChangeRequest": "変更を提案",
+    "viewCount": "閲覧数",
+    "createdAt": "作成日",
+    "updatedAt": "更新日",
+    "copyPrompt": "プロンプトをコピー",
+    "sharePrompt": "プロンプトを共有",
+    "confirmDelete": "このプロンプトを削除してもよろしいですか？",
+    "promptCreated": "プロンプトを作成しました",
+    "promptUpdated": "プロンプトを更新しました",
+    "run": "実行",
+    "titleRequired": "タイトルは必須です",
+    "contentRequired": "内容は必須です",
+    "titlePlaceholder": "プロンプトのタイトルを入力",
+    "descriptionPlaceholder": "プロンプトの説明（任意）",
+    "contentPlaceholder": "プロンプトの内容を入力...",
+    "selectCategory": "カテゴリーを選択",
+    "noCategory": "なし",
+    "mediaUrl": "メディアURL",
+    "mediaUrlPlaceholder": "https://...",
+    "mediaUrlDescription": "このプロンプトのメディアファイルURLを入力",
+    "privateDescription": "非公開プロンプトはあなただけに表示されます",
+    "update": "更新",
+    "createButton": "作成",
+    "pin": "プロフィールに固定",
+    "unpin": "固定解除",
+    "pinned": "プロフィールに固定しました",
+    "unpinned": "固定を解除しました",
+    "pinFailed": "固定の更新に失敗しました",
+    "pinnedPrompts": "固定済み"
+  },
+  "changeRequests": {
+    "title": "変更リクエスト",
+    "create": "変更リクエストを作成",
+    "createDescription": "このプロンプトの改善や修正を提案",
+    "backToPrompt": "プロンプトに戻る",
+    "currentContent": "現在の内容",
+    "proposedChanges": "提案された変更",
+    "proposedTitle": "提案タイトル",
+    "proposedContent": "提案内容",
+    "proposedContentPlaceholder": "プロンプトへの変更案を入力...",
+    "reason": "変更理由",
+    "reasonPlaceholder": "この変更を提案する理由を説明...",
+    "mustMakeChanges": "少なくとも1つの変更が必要です",
+    "submit": "変更リクエストを送信",
+    "created": "変更リクエストを送信しました",
+    "status": "ステータス",
+    "pending": "審査中",
+    "approved": "承認済み",
+    "rejected": "却下",
+    "approve": "承認",
+    "reject": "却下",
+    "reviewNote": "レビューノート",
+    "reviewNotePlaceholder": "決定についてのメモを追加（任意）...",
+    "reviewActions": "この変更リクエストをレビュー",
+    "optional": "任意",
+    "forPrompt": "対象プロンプト",
+    "titleChange": "タイトルの変更",
+    "contentChanges": "内容の変更",
+    "diffDescription": "赤い行は削除され、緑の行は追加されます",
+    "approvedSuccess": "変更リクエストを承認し、プロンプトを更新しました",
+    "rejectedSuccess": "変更リクエストを却下しました",
+    "reopen": "再開",
+    "reopenedSuccess": "変更リクエストを再開しました",
+    "noRequests": "変更リクエストはありません",
+    "edit": "編集",
+    "preview": "プレビュー",
+    "noChangesYet": "まだ変更はありません",
+    "changesDetected": "変更を検出しました"
+  },
+  "categories": {
+    "title": "カテゴリー",
+    "description": "カテゴリーを閲覧・購読",
+    "create": "カテゴリーを作成",
+    "edit": "カテゴリーを編集",
+    "delete": "カテゴリーを削除",
+    "name": "名前",
+    "parent": "親カテゴリー",
+    "noCategories": "カテゴリーが見つかりません",
+    "noSubcategories": "このカテゴリーにはまだサブカテゴリーがありません",
+    "prompts": "件のプロンプト",
+    "confirmDelete": "このカテゴリーを削除してもよろしいですか？"
+  },
+  "tags": {
+    "title": "タグ",
+    "create": "タグを作成",
+    "edit": "タグを編集",
+    "delete": "タグを削除",
+    "name": "名前",
+    "color": "色",
+    "noTags": "タグが見つかりません",
+    "confirmDelete": "このタグを削除してもよろしいですか？"
+  },
+  "settings": {
+    "title": "設定",
+    "description": "アカウント設定とプロフィールを管理",
+    "profile": "プロフィール",
+    "account": "アカウント",
+    "appearance": "外観",
+    "language": "言語",
+    "theme": "テーマ",
+    "themeLight": "ライト",
+    "themeDark": "ダーク",
+    "themeSystem": "システム",
+    "saveSuccess": "設定を保存しました",
+    "avatar": "アバター",
+    "changeAvatar": "アバターを変更"
+  },
+  "admin": {
+    "title": "管理ダッシュボード",
+    "description": "ユーザー、カテゴリー、タグを管理",
+    "stats": {
+      "users": "ユーザー",
+      "prompts": "プロンプト",
+      "categories": "カテゴリー",
+      "tags": "タグ"
+    },
+    "tabs": {
+      "users": "ユーザー",
+      "categories": "カテゴリー",
+      "tags": "タグ"
+    },
+    "users": {
+      "title": "ユーザー管理",
+      "description": "ユーザーアカウントの表示と管理",
+      "user": "ユーザー",
+      "email": "メールアドレス",
+      "role": "役割",
+      "prompts": "プロンプト",
+      "joined": "登録日",
+      "makeAdmin": "管理者にする",
+      "removeAdmin": "管理者を解除",
+      "delete": "削除",
+      "cancel": "キャンセル",
+      "deleted": "ユーザーを削除しました",
+      "deleteFailed": "ユーザーの削除に失敗しました",
+      "roleUpdated": "ユーザーの役割を更新しました",
+      "roleUpdateFailed": "役割の更新に失敗しました",
+      "deleteConfirmTitle": "ユーザーを削除しますか？",
+      "deleteConfirmDescription": "この操作は取り消せません。すべてのユーザーデータが完全に削除されます。"
+    },
+    "categories": {
+      "title": "カテゴリー管理",
+      "description": "プロンプトカテゴリーの作成と管理",
+      "name": "名前",
+      "slug": "スラッグ",
+      "descriptionLabel": "説明",
+      "icon": "アイコン",
+      "parent": "親",
+      "prompts": "プロンプト",
+      "add": "カテゴリーを追加",
+      "edit": "編集",
+      "delete": "削除",
+      "cancel": "キャンセル",
+      "save": "保存",
+      "create": "作成",
+      "noCategories": "カテゴリーはまだありません",
+      "created": "カテゴリーを作成しました",
+      "updated": "カテゴリーを更新しました",
+      "deleted": "カテゴリーを削除しました",
+      "saveFailed": "カテゴリーの保存に失敗しました",
+      "deleteFailed": "カテゴリーの削除に失敗しました",
+      "createTitle": "カテゴリーを作成",
+      "createDescription": "プロンプトを整理するための新しいカテゴリーを追加",
+      "editTitle": "カテゴリーを編集",
+      "editDescription": "カテゴリーの詳細を更新",
+      "deleteConfirmTitle": "カテゴリーを削除しますか？",
+      "deleteConfirmDescription": "カテゴリーが削除されます。このカテゴリーのプロンプトは未分類になります。",
+      "parentCategory": "親カテゴリー",
+      "selectParent": "親カテゴリーを選択",
+      "noParent": "なし（ルートカテゴリー）",
+      "parentHelp": "空のままでルートカテゴリーを作成、または親を選択してサブカテゴリーを作成",
+      "rootCategory": "ルート",
+      "subcategories": "サブカテゴリー"
+    },
+    "tags": {
+      "title": "タグ管理",
+      "description": "プロンプトタグの作成と管理",
+      "name": "名前",
+      "slug": "スラッグ",
+      "color": "色",
+      "prompts": "プロンプト",
+      "add": "タグを追加",
+      "edit": "編集",
+      "delete": "削除",
+      "cancel": "キャンセル",
+      "save": "保存",
+      "create": "作成",
+      "noTags": "タグはまだありません",
+      "created": "タグを作成しました",
+      "updated": "タグを更新しました",
+      "deleted": "タグを削除しました",
+      "saveFailed": "タグの保存に失敗しました",
+      "deleteFailed": "タグの削除に失敗しました",
+      "createTitle": "タグを作成",
+      "createDescription": "プロンプトにラベルを付けるための新しいタグを追加",
+      "editTitle": "タグを編集",
+      "editDescription": "タグの詳細を更新",
+      "deleteConfirmTitle": "タグを削除しますか？",
+      "deleteConfirmDescription": "すべてのプロンプトからこのタグが削除されます。"
+    }
+  },
+  "search": {
+    "placeholder": "プロンプトを検索...",
+    "advanced": "詳細検索",
+    "filters": "フィルター",
+    "results": "結果",
+    "noResults": "結果が見つかりません",
+    "searchIn": "検索対象",
+    "sortBy": "並べ替え",
+    "relevance": "関連性",
+    "newest": "新しい順",
+    "oldest": "古い順",
+    "mostUpvoted": "高評価順",
+    "search": "検索",
+    "clear": "クリア",
+    "found": "{count}件見つかりました"
+  },
+  "user": {
+    "profile": "プロフィール",
+    "prompts": "プロンプト",
+    "myPrompts": "マイプロンプト",
+    "allPrompts": "すべてのプロンプト",
+    "joined": "登録日",
+    "noPrompts": "プロンプトはまだありません",
+    "noPromptsOwner": "まだプロンプトを作成していません",
+    "createFirstPrompt": "最初のプロンプトを作成",
+    "upvotesReceived": "獲得した高評価",
+    "editProfile": "プロフィールを編集"
+  },
+  "subscription": {
+    "subscribe": "購読",
+    "unsubscribe": "購読解除",
+    "subscribedTo": "{name}を購読しました",
+    "unsubscribedFrom": "{name}の購読を解除しました",
+    "loginToSubscribe": "購読するにはログインしてください"
+  },
+  "vote": {
+    "loginToVote": "高評価するにはログインしてください",
+    "upvote": "高評価",
+    "upvotes": "高評価"
+  },
+  "version": {
+    "newVersion": "新しいバージョン",
+    "createVersion": "バージョンを作成",
+    "createNewVersion": "新しいバージョンを作成",
+    "updateDescription": "プロンプトの内容を更新し、変更内容を説明するメモを追加してください。",
+    "promptContent": "プロンプトの内容",
+    "changeNote": "変更メモ（任意）",
+    "changeNotePlaceholder": "例：誤字を修正、詳細を追加...",
+    "contentPlaceholder": "更新されたプロンプトの内容を入力...",
+    "contentMustDiffer": "内容は現在のバージョンと異なる必要があります",
+    "versionCreated": "新しいバージョンを作成しました",
+    "deleteVersion": "バージョンを削除",
+    "confirmDeleteVersion": "バージョン{version}を削除してもよろしいですか？この操作は取り消せません。",
+    "versionDeleted": "バージョンを削除しました"
+  },
+  "profile": {
+    "title": "プロフィール",
+    "updateInfo": "プロフィール情報を更新",
+    "avatarUrl": "アバターURL",
+    "displayName": "表示名",
+    "namePlaceholder": "あなたの名前",
+    "username": "ユーザー名",
+    "usernamePlaceholder": "ユーザー名",
+    "profileUrl": "プロフィールURL",
+    "email": "メールアドレス",
+    "emailCannotChange": "メールアドレスは変更できません",
+    "saveChanges": "変更を保存",
+    "profileUpdated": "プロフィールを更新しました",
+    "usernameTaken": "このユーザー名は既に使用されています"
+  },
+  "feed": {
+    "yourFeed": "あなたのフィード",
+    "feedDescription": "購読しているカテゴリーのプロンプト",
+    "browseAll": "すべて見る",
+    "noPromptsInFeed": "フィードにプロンプトがありません",
+    "subscribeToCategories": "カテゴリーを購読してここにプロンプトを表示",
+    "viewAllCategories": "すべてのカテゴリーを見る"
+  },
+  "homepage": {
+    "heroTitle": "収集・整理・共有",
+    "heroSubtitle": "AIプロンプト",
+    "heroDescription": "AIプロンプトを管理するオープンソースプラットフォーム。Dockerでセルフホスト。",
+    "browsePrompts": "プロンプトを見る",
+    "readyToStart": "始める準備はできましたか？",
+    "freeAndOpen": "無料でオープンソース。",
+    "createAccount": "アカウントを作成"
+  },
+  "notifications": {
+    "title": "通知",
+    "pendingChangeRequests": "保留中の変更リクエスト",
+    "noNotifications": "通知はありません"
+  },
+  "errors": {
+    "notFound": "ページが見つかりません",
+    "unauthorized": "認証されていません",
+    "forbidden": "アクセスが禁止されています",
+    "serverError": "サーバーエラー",
+    "networkError": "ネットワークエラー"
+  },
+  "diff": {
+    "tokens": "トークン",
+    "noChanges": "変更なし"
+  },
+  "notFound": {
+    "title": "ページが見つかりません",
+    "description": "お探しのページは存在しないか、移動された可能性があります。",
+    "goHome": "ホームへ",
+    "goBack": "戻る",
+    "helpfulLinks": "お役立ちリンク：",
+    "browsePrompts": "プロンプトを見る",
+    "categories": "カテゴリー",
+    "createPrompt": "プロンプトを作成"
+  }
+}
diff --git a/messages/tr.json b/messages/tr.json
new file mode 100644
index 00000000..8206892f
--- /dev/null
+++ b/messages/tr.json
@@ -0,0 +1,471 @@
+{
+  "common": {
+    "loading": "Yükleniyor...",
+    "error": "Bir hata oluştu",
+    "somethingWentWrong": "Bir şeyler yanlış gitti",
+    "save": "Kaydet",
+    "cancel": "İptal",
+    "delete": "Sil",
+    "edit": "Düzenle",
+    "create": "Oluştur",
+    "search": "Ara",
+    "filter": "Filtrele",
+    "sort": "Sırala",
+    "view": "Görüntüle",
+    "copy": "Kopyala",
+    "copied": "Kopyalandı!",
+    "copiedToClipboard": "Panoya kopyalandı",
+    "failedToCopy": "Kopyalama başarısız",
+    "submit": "Gönder",
+    "back": "Geri",
+    "next": "İleri",
+    "previous": "Önceki",
+    "yes": "Evet",
+    "no": "Hayır",
+    "confirm": "Onayla",
+    "close": "Kapat",
+    "all": "Tümü",
+    "none": "Hiçbiri",
+    "moreLines": "+{count} satır daha"
+  },
+  "nav": {
+    "home": "Ana Sayfa",
+    "prompts": "Promptlar",
+    "categories": "Kategoriler",
+    "tags": "Etiketler",
+    "settings": "Ayarlar",
+    "admin": "Yönetim",
+    "profile": "Profil",
+    "login": "Giriş Yap",
+    "register": "Kayıt Ol",
+    "logout": "Çıkış Yap"
+  },
+  "auth": {
+    "login": "Giriş Yap",
+    "loginDescription": "Devam etmek için bilgilerinizi girin",
+    "register": "Kayıt Ol",
+    "registerDescription": "Başlamak için bir hesap oluşturun",
+    "logout": "Çıkış Yap",
+    "email": "E-posta",
+    "password": "Şifre",
+    "confirmPassword": "Şifre Tekrar",
+    "username": "Kullanıcı Adı",
+    "name": "Ad Soyad",
+    "forgotPassword": "Şifremi Unuttum",
+    "noAccount": "Hesabınız yok mu?",
+    "hasAccount": "Zaten hesabınız var mı?",
+    "signInWith": "{provider} ile giriş yap",
+    "orContinueWith": "Veya şununla devam edin",
+    "loginSuccess": "Giriş başarılı",
+    "registerSuccess": "Kayıt başarılı",
+    "logoutSuccess": "Çıkış başarılı",
+    "invalidCredentials": "Geçersiz e-posta veya şifre",
+    "emailTaken": "Bu e-posta zaten kullanılıyor",
+    "usernameTaken": "Bu kullanıcı adı zaten alınmış",
+    "passwordMismatch": "Şifreler eşleşmiyor",
+    "passwordTooShort": "Şifre en az 6 karakter olmalıdır",
+    "registrationFailed": "Kayıt başarısız"
+  },
+  "prompts": {
+    "title": "Promptlar",
+    "create": "Prompt Oluştur",
+    "edit": "Prompt Düzenle",
+    "delete": "Prompt Sil",
+    "myPrompts": "Promptlarım",
+    "publicPrompts": "Herkese Açık Promptlar",
+    "privatePrompts": "Özel Promptlar",
+    "noPrompts": "Prompt bulunamadı",
+    "noPromptsDescription": "Aradığınızı bulmak için arama veya filtre kriterlerinizi değiştirmeyi deneyin.",
+    "noMorePrompts": "Sona ulaştınız",
+    "loading": "Yükleniyor...",
+    "promptTitle": "Başlık",
+    "promptContent": "İçerik",
+    "promptDescription": "Açıklama",
+    "promptType": "Tür",
+    "promptCategory": "Kategori",
+    "promptTags": "Etiketler",
+    "promptPrivate": "Özel",
+    "promptPublic": "Herkese Açık",
+    "types": {
+      "text": "Metin",
+      "image": "Görsel",
+      "video": "Video",
+      "audio": "Ses",
+      "structured": "Yapılandırılmış",
+      "document": "Doküman"
+    },
+    "structuredFormat": "Format",
+    "structuredFormatDescription": "Yapılandırılmış promptunuz için format seçin",
+    "structuredContentDescription": "İş akışı, ajan veya pipeline yapılandırmanızı tanımlayın",
+    "versions": "Versiyonlar",
+    "version": "versiyon",
+    "versionsCount": "versiyon",
+    "contributors": "katkıda bulunan",
+    "currentVersion": "Mevcut Versiyon",
+    "versionHistory": "Versiyon Geçmişi",
+    "noVersions": "Versiyon geçmişi yok",
+    "compare": "Karşılaştır",
+    "compareVersions": "Versiyonları Karşılaştır",
+    "compareFrom": "Kaynak",
+    "compareTo": "Hedef",
+    "comparing": "Karşılaştırılıyor",
+    "selectVersionsToCompare": "Karşılaştırmak için versiyon seçin",
+    "compareWithCurrent": "Güncel ile karşılaştır",
+    "changeRequests": "Değişiklik İstekleri",
+    "createChangeRequest": "Değişiklik Öner",
+    "viewCount": "Görüntülenme",
+    "createdAt": "Oluşturulma",
+    "updatedAt": "Güncellenme",
+    "copyPrompt": "Promptu Kopyala",
+    "sharePrompt": "Promptu Paylaş",
+    "confirmDelete": "Bu promptu silmek istediğinizden emin misiniz?",
+    "promptCreated": "Prompt oluşturuldu",
+    "promptUpdated": "Prompt güncellendi",
+    "run": "Çalıştır",
+    "titleRequired": "Başlık gerekli",
+    "contentRequired": "İçerik gerekli",
+    "titlePlaceholder": "Promptunuz için bir başlık girin",
+    "descriptionPlaceholder": "İsteğe bağlı açıklama",
+    "contentPlaceholder": "Prompt içeriğinizi buraya girin...",
+    "selectCategory": "Kategori seçin",
+    "noCategory": "Yok",
+    "mediaUrl": "Medya URL",
+    "mediaUrlPlaceholder": "https://...",
+    "mediaUrlDescription": "Bu prompt için medya dosyasının URL'sini girin",
+    "privateDescription": "Özel promptlar yalnızca size görünür",
+    "requiresMediaUpload": "Medya Yüklemesi Gerekli",
+    "requiresMediaUploadDescription": "Bu promptu kullanmak için medya dosyası gereklidir",
+    "requiredMediaType": "Medya Türü",
+    "requiredMediaCount": "Dosya Sayısı",
+    "requiresImage": "{count} {count, plural, one {görsel} other {görsel}} gerekli",
+    "requiresVideo": "{count} {count, plural, one {video} other {video}} gerekli",
+    "requiresDocument": "{count} {count, plural, one {doküman} other {doküman}} gerekli",
+    "update": "Güncelle",
+    "createButton": "Oluştur",
+    "pin": "Profile Sabitle",
+    "unpin": "Sabitlemeyi Kaldır",
+    "pinned": "Profile sabitlendi",
+    "unpinned": "Sabitleme kaldırıldı",
+    "pinFailed": "Sabitleme güncellenemedi",
+    "pinnedPrompts": "Sabitlenmiş"
+  },
+  "changeRequests": {
+    "title": "Değişiklik İstekleri",
+    "create": "Değişiklik İsteği Oluştur",
+    "createDescription": "Bu prompt için iyileştirmeler veya düzeltmeler önerin",
+    "backToPrompt": "Prompta dön",
+    "currentContent": "Mevcut içerik",
+    "proposedChanges": "Önerilen Değişiklikler",
+    "proposedTitle": "Önerilen Başlık",
+    "proposedContent": "Önerilen İçerik",
+    "proposedContentPlaceholder": "Prompt için önerdiğiniz değişiklikleri girin...",
+    "reason": "Değişiklik Nedeni",
+    "reasonPlaceholder": "Bu değişiklikleri neden önerdiğinizi açıklayın...",
+    "mustMakeChanges": "En az bir değişiklik yapmalısınız",
+    "submit": "Değişiklik İsteği Gönder",
+    "created": "Değişiklik isteği başarıyla gönderildi",
+    "status": "Durum",
+    "pending": "Beklemede",
+    "approved": "Onaylandı",
+    "rejected": "Reddedildi",
+    "approve": "Onayla",
+    "reject": "Reddet",
+    "reviewNote": "İnceleme Notu",
+    "reviewNotePlaceholder": "Kararınız hakkında bir not ekleyin (isteğe bağlı)...",
+    "reviewActions": "Bu değişiklik isteğini inceleyin",
+    "optional": "isteğe bağlı",
+    "forPrompt": "Prompt için",
+    "titleChange": "Başlık Değişikliği",
+    "contentChanges": "İçerik Değişiklikleri",
+    "diffDescription": "Kırmızı satırlar kaldırılacak, yeşil satırlar eklenecek",
+    "approvedSuccess": "Değişiklik isteği onaylandı ve prompt güncellendi",
+    "rejectedSuccess": "Değişiklik isteği reddedildi",
+    "reopen": "Yeniden Aç",
+    "reopenedSuccess": "Değişiklik isteği yeniden açıldı",
+    "noRequests": "Değişiklik isteği yok",
+    "edit": "Düzenle",
+    "preview": "Önizleme",
+    "noChangesYet": "Henüz değişiklik yok",
+    "changesDetected": "Değişiklikler tespit edildi"
+  },
+  "categories": {
+    "title": "Kategoriler",
+    "description": "Kategorilere göz atın ve abone olun",
+    "create": "Kategori Oluştur",
+    "edit": "Kategori Düzenle",
+    "delete": "Kategori Sil",
+    "name": "Ad",
+    "parent": "Üst Kategori",
+    "noCategories": "Kategori bulunamadı",
+    "noSubcategories": "Bu kategoride henüz alt kategori yok",
+    "prompts": "prompt",
+    "confirmDelete": "Bu kategoriyi silmek istediğinizden emin misiniz?"
+  },
+  "tags": {
+    "title": "Etiketler",
+    "description": "Etiketlere göre promptları keşfedin",
+    "create": "Etiket Oluştur",
+    "edit": "Etiket Düzenle",
+    "delete": "Etiket Sil",
+    "name": "Ad",
+    "color": "Renk",
+    "noTags": "Etiket bulunamadı",
+    "confirmDelete": "Bu etiketi silmek istediğinizden emin misiniz?",
+    "prompts": "prompt",
+    "allTags": "Tüm Etiketler",
+    "popularTags": "Popüler Etiketler"
+  },
+  "settings": {
+    "title": "Ayarlar",
+    "description": "Hesap ayarlarınızı ve profilinizi yönetin",
+    "profile": "Profil",
+    "account": "Hesap",
+    "appearance": "Görünüm",
+    "language": "Dil",
+    "theme": "Tema",
+    "themeLight": "Açık",
+    "themeDark": "Koyu",
+    "themeSystem": "Sistem",
+    "saveSuccess": "Ayarlar başarıyla kaydedildi",
+    "avatar": "Avatar",
+    "changeAvatar": "Avatar Değiştir"
+  },
+  "admin": {
+    "title": "Yönetim Paneli",
+    "description": "Kullanıcıları, kategorileri ve etiketleri yönetin",
+    "stats": {
+      "users": "Kullanıcılar",
+      "prompts": "Promptlar",
+      "categories": "Kategoriler",
+      "tags": "Etiketler"
+    },
+    "tabs": {
+      "users": "Kullanıcılar",
+      "categories": "Kategoriler",
+      "tags": "Etiketler",
+      "webhooks": "Webhook'lar"
+    },
+    "users": {
+      "title": "Kullanıcı Yönetimi",
+      "description": "Kullanıcı hesaplarını görüntüle ve yönet",
+      "user": "Kullanıcı",
+      "email": "E-posta",
+      "role": "Rol",
+      "prompts": "Promptlar",
+      "joined": "Katılım",
+      "makeAdmin": "Admin Yap",
+      "removeAdmin": "Admin Yetkisini Al",
+      "delete": "Sil",
+      "cancel": "İptal",
+      "deleted": "Kullanıcı başarıyla silindi",
+      "deleteFailed": "Kullanıcı silinemedi",
+      "roleUpdated": "Kullanıcı rolü güncellendi",
+      "roleUpdateFailed": "Rol güncellenemedi",
+      "deleteConfirmTitle": "Kullanıcı Silinsin mi?",
+      "deleteConfirmDescription": "Bu işlem geri alınamaz. Tüm kullanıcı verileri kalıcı olarak silinecektir."
+    },
+    "categories": {
+      "title": "Kategori Yönetimi",
+      "description": "Prompt kategorilerini oluştur ve yönet",
+      "name": "Ad",
+      "slug": "Slug",
+      "descriptionLabel": "Açıklama",
+      "icon": "İkon",
+      "parent": "Üst Kategori",
+      "prompts": "Promptlar",
+      "add": "Kategori Ekle",
+      "edit": "Düzenle",
+      "delete": "Sil",
+      "cancel": "İptal",
+      "save": "Kaydet",
+      "create": "Oluştur",
+      "noCategories": "Henüz kategori yok",
+      "created": "Kategori başarıyla oluşturuldu",
+      "updated": "Kategori başarıyla güncellendi",
+      "deleted": "Kategori başarıyla silindi",
+      "saveFailed": "Kategori kaydedilemedi",
+      "deleteFailed": "Kategori silinemedi",
+      "createTitle": "Kategori Oluştur",
+      "createDescription": "Promptları düzenlemek için yeni bir kategori ekleyin",
+      "editTitle": "Kategori Düzenle",
+      "editDescription": "Kategori detaylarını güncelleyin",
+      "deleteConfirmTitle": "Kategori Silinsin mi?",
+      "deleteConfirmDescription": "Bu kategori silinecektir. Bu kategorideki promptlar kategorisiz kalacaktır.",
+      "parentCategory": "Üst Kategori",
+      "selectParent": "Üst kategori seçin",
+      "noParent": "Yok (Ana Kategori)",
+      "parentHelp": "Ana kategori oluşturmak için boş bırakın veya alt kategori oluşturmak için bir üst kategori seçin",
+      "rootCategory": "Ana",
+      "subcategories": "alt kategori"
+    },
+    "tags": {
+      "title": "Etiket Yönetimi",
+      "description": "Prompt etiketlerini oluştur ve yönet",
+      "name": "Ad",
+      "slug": "Slug",
+      "color": "Renk",
+      "prompts": "Promptlar",
+      "add": "Etiket Ekle",
+      "edit": "Düzenle",
+      "delete": "Sil",
+      "cancel": "İptal",
+      "save": "Kaydet",
+      "create": "Oluştur",
+      "noTags": "Henüz etiket yok",
+      "created": "Etiket başarıyla oluşturuldu",
+      "updated": "Etiket başarıyla güncellendi",
+      "deleted": "Etiket başarıyla silindi",
+      "saveFailed": "Etiket kaydedilemedi",
+      "deleteFailed": "Etiket silinemedi",
+      "createTitle": "Etiket Oluştur",
+      "createDescription": "Promptları etiketlemek için yeni bir etiket ekleyin",
+      "editTitle": "Etiket Düzenle",
+      "editDescription": "Etiket detaylarını güncelleyin",
+      "deleteConfirmTitle": "Etiket Silinsin mi?",
+      "deleteConfirmDescription": "Bu etiket tüm promptlardan kaldırılacaktır."
+    },
+    "webhooks": {
+      "title": "Webhook Yönetimi",
+      "description": "Olaylar gerçekleştiğinde bildirim almak için webhook'ları yapılandırın",
+      "name": "Ad",
+      "url": "Webhook URL",
+      "method": "HTTP Metodu",
+      "headers": "HTTP Başlıkları",
+      "events": "Olaylar",
+      "payload": "JSON Payload",
+      "payloadHelp": "{{PROMPT_TITLE}} gibi yer tutucular kullanın",
+      "placeholders": "Kullanılabilir Yer Tutucular",
+      "status": "Durum",
+      "enabled": "Aktif",
+      "add": "Webhook Ekle",
+      "edit": "Düzenle",
+      "delete": "Sil",
+      "cancel": "İptal",
+      "save": "Kaydet",
+      "create": "Oluştur",
+      "empty": "Yapılandırılmış webhook yok",
+      "addTitle": "Webhook Ekle",
+      "addDescription": "Yeni bir webhook uç noktası yapılandırın",
+      "editTitle": "Webhook Düzenle",
+      "editDescription": "Webhook yapılandırmasını güncelleyin",
+      "deleteConfirm": "Bu webhook'u silmek istediğinizden emin misiniz?",
+      "useSlackPreset": "Slack Şablonu Kullan",
+      "test": "Test",
+      "testSuccess": "Webhook testi başarılı!",
+      "testFailed": "Webhook testi başarısız"
+    }
+  },
+  "search": {
+    "placeholder": "Prompt ara...",
+    "advanced": "Gelişmiş Arama",
+    "filters": "Filtreler",
+    "results": "Sonuçlar",
+    "noResults": "Sonuç bulunamadı",
+    "searchIn": "Şurada ara",
+    "sortBy": "Sırala",
+    "relevance": "İlgililik",
+    "newest": "En Yeni",
+    "oldest": "En Eski",
+    "mostUpvoted": "En Çok Beğenilen",
+    "search": "Ara",
+    "clear": "Temizle",
+    "found": "{count} bulundu"
+  },
+  "user": {
+    "profile": "Profil",
+    "prompts": "Promptlar",
+    "myPrompts": "Promptlarım",
+    "allPrompts": "Tüm Promptlar",
+    "joined": "Katılım",
+    "noPrompts": "Henüz prompt yok",
+    "noPromptsOwner": "Henüz prompt oluşturmadınız",
+    "createFirstPrompt": "İlk promptunuzu oluşturun",
+    "upvotesReceived": "beğeni aldı",
+    "editProfile": "Profili Düzenle"
+  },
+  "subscription": {
+    "subscribe": "Abone Ol",
+    "unsubscribe": "Abonelikten Çık",
+    "subscribedTo": "{name} kategorisine abone oldunuz",
+    "unsubscribedFrom": "{name} aboneliğinden çıktınız",
+    "loginToSubscribe": "Abone olmak için giriş yapın"
+  },
+  "vote": {
+    "loginToVote": "Oy vermek için giriş yapın",
+    "upvote": "beğeni",
+    "upvotes": "beğeni"
+  },
+  "version": {
+    "newVersion": "Yeni Sürüm",
+    "createVersion": "Sürüm Oluştur",
+    "createNewVersion": "Yeni Sürüm Oluştur",
+    "updateDescription": "Prompt içeriğini güncelleyin ve değişikliklerinizi açıklayan bir not ekleyin.",
+    "promptContent": "Prompt İçeriği",
+    "changeNote": "Değişiklik Notu (isteğe bağlı)",
+    "changeNotePlaceholder": "örn., Yazım hatası düzeltildi, Daha fazla bağlam eklendi...",
+    "contentPlaceholder": "Güncellenmiş prompt içeriğini girin...",
+    "contentMustDiffer": "İçerik mevcut versiyondan farklı olmalıdır",
+    "versionCreated": "Yeni versiyon oluşturuldu",
+    "deleteVersion": "Versiyonu Sil",
+    "confirmDeleteVersion": "Versiyon {version}'ü silmek istediğinizden emin misiniz? Bu işlem geri alınamaz.",
+    "versionDeleted": "Versiyon başarıyla silindi"
+  },
+  "profile": {
+    "title": "Profil",
+    "updateInfo": "Profil bilgilerinizi güncelleyin",
+    "avatarUrl": "Avatar URL",
+    "displayName": "Görünen Ad",
+    "namePlaceholder": "Adınız",
+    "username": "Kullanıcı Adı",
+    "usernamePlaceholder": "kullaniciadi",
+    "profileUrl": "Profil URL'niz",
+    "email": "E-posta",
+    "emailCannotChange": "E-posta değiştirilemez",
+    "saveChanges": "Değişiklikleri Kaydet",
+    "profileUpdated": "Profil başarıyla güncellendi",
+    "usernameTaken": "Bu kullanıcı adı zaten alınmış"
+  },
+  "feed": {
+    "yourFeed": "Akışınız",
+    "feedDescription": "Abone olduğunuz kategorilerden promptlar",
+    "browseAll": "Tümüne Göz At",
+    "noPromptsInFeed": "Akışınızda prompt yok",
+    "subscribeToCategories": "Burada promptları görmek için kategorilere abone olun",
+    "viewAllCategories": "Tüm Kategorileri Gör"
+  },
+  "homepage": {
+    "heroTitle": "Topla, Düzenle ve Paylaş",
+    "heroSubtitle": "AI Promptları",
+    "heroDescription": "AI promptlarını yönetmek için açık kaynak platform. Docker ile kendi sunucunuzda çalıştırın.",
+    "browsePrompts": "Promptlara Göz At",
+    "readyToStart": "Başlamaya hazır mısınız?",
+    "freeAndOpen": "Ücretsiz ve açık kaynak.",
+    "createAccount": "Hesap Oluştur"
+  },
+  "notifications": {
+    "title": "Bildirimler",
+    "pendingChangeRequests": "Bekleyen değişiklik istekleri",
+    "noNotifications": "Bildirim yok"
+  },
+  "errors": {
+    "notFound": "Sayfa bulunamadı",
+    "unauthorized": "Yetkisiz erişim",
+    "forbidden": "Erişim engellendi",
+    "serverError": "Sunucu hatası",
+    "networkError": "Ağ hatası"
+  },
+  "diff": {
+    "tokens": "token",
+    "noChanges": "Değişiklik yok"
+  },
+  "notFound": {
+    "title": "Sayfa Bulunamadı",
+    "description": "Aradığınız sayfa mevcut değil veya taşınmış olabilir.",
+    "goHome": "Ana Sayfaya Git",
+    "goBack": "Geri Dön",
+    "helpfulLinks": "İşte bazı faydalı bağlantılar:",
+    "browsePrompts": "Promptlara Göz At",
+    "categories": "Kategoriler",
+    "createPrompt": "Prompt Oluştur"
+  }
+}
diff --git a/messages/zh.json b/messages/zh.json
new file mode 100644
index 00000000..f2540b1f
--- /dev/null
+++ b/messages/zh.json
@@ -0,0 +1,426 @@
+{
+  "common": {
+    "loading": "加载中...",
+    "error": "发生错误",
+    "somethingWentWrong": "出了点问题",
+    "save": "保存",
+    "cancel": "取消",
+    "delete": "删除",
+    "edit": "编辑",
+    "create": "创建",
+    "search": "搜索",
+    "filter": "筛选",
+    "sort": "排序",
+    "view": "查看",
+    "copy": "复制",
+    "copied": "已复制！",
+    "copiedToClipboard": "已复制到剪贴板",
+    "failedToCopy": "复制失败",
+    "submit": "提交",
+    "back": "返回",
+    "next": "下一步",
+    "previous": "上一步",
+    "yes": "是",
+    "no": "否",
+    "confirm": "确认",
+    "close": "关闭",
+    "all": "全部",
+    "none": "无",
+    "moreLines": "+{count}行"
+  },
+  "nav": {
+    "home": "首页",
+    "prompts": "提示词",
+    "categories": "分类",
+    "tags": "标签",
+    "settings": "设置",
+    "admin": "管理",
+    "profile": "个人资料",
+    "login": "登录",
+    "register": "注册",
+    "logout": "退出登录"
+  },
+  "auth": {
+    "login": "登录",
+    "loginDescription": "输入您的凭据以继续",
+    "register": "注册",
+    "registerDescription": "创建账户以开始使用",
+    "logout": "退出登录",
+    "email": "邮箱",
+    "password": "密码",
+    "confirmPassword": "确认密码",
+    "username": "用户名",
+    "name": "姓名",
+    "forgotPassword": "忘记密码？",
+    "noAccount": "没有账户？",
+    "hasAccount": "已有账户？",
+    "signInWith": "使用 {provider} 登录",
+    "orContinueWith": "或继续使用",
+    "loginSuccess": "登录成功",
+    "registerSuccess": "注册成功",
+    "logoutSuccess": "已成功退出登录",
+    "invalidCredentials": "邮箱或密码无效",
+    "emailTaken": "该邮箱已被使用",
+    "usernameTaken": "该用户名已被使用",
+    "passwordMismatch": "密码不匹配",
+    "passwordTooShort": "密码至少需要6个字符",
+    "registrationFailed": "注册失败"
+  },
+  "prompts": {
+    "title": "提示词",
+    "create": "创建提示词",
+    "edit": "编辑提示词",
+    "delete": "删除提示词",
+    "myPrompts": "我的提示词",
+    "publicPrompts": "公开提示词",
+    "privatePrompts": "私有提示词",
+    "noPrompts": "未找到提示词",
+    "noPromptsDescription": "尝试调整搜索或筛选条件以找到您需要的内容。",
+    "promptTitle": "标题",
+    "promptContent": "内容",
+    "promptDescription": "描述",
+    "promptType": "类型",
+    "promptCategory": "分类",
+    "promptTags": "标签",
+    "promptPrivate": "私有",
+    "promptPublic": "公开",
+    "types": {
+      "text": "文本",
+      "image": "图片",
+      "video": "视频",
+      "audio": "音频",
+      "structured": "结构化"
+    },
+    "structuredFormat": "格式",
+    "structuredFormatDescription": "选择结构化提示词的格式",
+    "structuredContentDescription": "定义你的工作流、代理或管道配置",
+    "versions": "版本",
+    "version": "个版本",
+    "versionsCount": "个版本",
+    "contributors": "位贡献者",
+    "currentVersion": "当前版本",
+    "versionHistory": "版本历史",
+    "noVersions": "无版本历史",
+    "compare": "对比",
+    "compareVersions": "对比版本",
+    "compareFrom": "从",
+    "compareTo": "到",
+    "comparing": "对比中",
+    "selectVersionsToCompare": "选择要对比的版本",
+    "compareWithCurrent": "与当前版本对比",
+    "changeRequests": "变更请求",
+    "createChangeRequest": "提议变更",
+    "viewCount": "浏览量",
+    "createdAt": "创建时间",
+    "updatedAt": "更新时间",
+    "copyPrompt": "复制提示词",
+    "sharePrompt": "分享提示词",
+    "confirmDelete": "确定要删除此提示词吗？",
+    "promptCreated": "提示词已创建",
+    "promptUpdated": "提示词已更新",
+    "run": "运行",
+    "titleRequired": "标题为必填项",
+    "contentRequired": "内容为必填项",
+    "titlePlaceholder": "输入提示词标题",
+    "descriptionPlaceholder": "可选的提示词描述",
+    "contentPlaceholder": "在此输入提示词内容...",
+    "selectCategory": "选择分类",
+    "noCategory": "无",
+    "mediaUrl": "媒体链接",
+    "mediaUrlPlaceholder": "https://...",
+    "mediaUrlDescription": "输入此提示词的媒体文件链接",
+    "privateDescription": "私有提示词仅对您可见",
+    "update": "更新",
+    "createButton": "创建",
+    "pin": "置顶到个人资料",
+    "unpin": "取消置顶",
+    "pinned": "已置顶到个人资料",
+    "unpinned": "已从个人资料取消置顶",
+    "pinFailed": "置顶更新失败",
+    "pinnedPrompts": "已置顶"
+  },
+  "changeRequests": {
+    "title": "变更请求",
+    "create": "创建变更请求",
+    "createDescription": "为此提示词建议改进或修复",
+    "backToPrompt": "返回提示词",
+    "currentContent": "当前内容",
+    "proposedChanges": "建议的变更",
+    "proposedTitle": "建议的标题",
+    "proposedContent": "建议的内容",
+    "proposedContentPlaceholder": "输入您对提示词的建议变更...",
+    "reason": "变更原因",
+    "reasonPlaceholder": "解释您为何建议这些变更...",
+    "mustMakeChanges": "您必须至少做出一项变更",
+    "submit": "提交变更请求",
+    "created": "变更请求提交成功",
+    "status": "状态",
+    "pending": "待审核",
+    "approved": "已批准",
+    "rejected": "已拒绝",
+    "approve": "批准",
+    "reject": "拒绝",
+    "reviewNote": "审核备注",
+    "reviewNotePlaceholder": "添加关于您决定的备注（可选）...",
+    "reviewActions": "审核此变更请求",
+    "optional": "可选",
+    "forPrompt": "针对提示词",
+    "titleChange": "标题变更",
+    "contentChanges": "内容变更",
+    "diffDescription": "红色行将被删除，绿色行将被添加",
+    "approvedSuccess": "变更请求已批准，提示词已更新",
+    "rejectedSuccess": "变更请求已拒绝",
+    "reopen": "重新开启",
+    "reopenedSuccess": "变更请求已重新开启",
+    "noRequests": "暂无变更请求",
+    "edit": "编辑",
+    "preview": "预览",
+    "noChangesYet": "暂无变更",
+    "changesDetected": "检测到变更"
+  },
+  "categories": {
+    "title": "分类",
+    "description": "浏览和订阅分类",
+    "create": "创建分类",
+    "edit": "编辑分类",
+    "delete": "删除分类",
+    "name": "名称",
+    "parent": "父分类",
+    "noCategories": "未找到分类",
+    "noSubcategories": "此分类下暂无子分类",
+    "prompts": "个提示词",
+    "confirmDelete": "确定要删除此分类吗？"
+  },
+  "tags": {
+    "title": "标签",
+    "create": "创建标签",
+    "edit": "编辑标签",
+    "delete": "删除标签",
+    "name": "名称",
+    "color": "颜色",
+    "noTags": "未找到标签",
+    "confirmDelete": "确定要删除此标签吗？"
+  },
+  "settings": {
+    "title": "设置",
+    "description": "管理您的账户设置和个人资料",
+    "profile": "个人资料",
+    "account": "账户",
+    "appearance": "外观",
+    "language": "语言",
+    "theme": "主题",
+    "themeLight": "浅色",
+    "themeDark": "深色",
+    "themeSystem": "跟随系统",
+    "saveSuccess": "设置保存成功",
+    "avatar": "头像",
+    "changeAvatar": "更换头像"
+  },
+  "admin": {
+    "title": "管理面板",
+    "description": "管理用户、分类和标签",
+    "stats": {
+      "users": "用户",
+      "prompts": "提示词",
+      "categories": "分类",
+      "tags": "标签"
+    },
+    "tabs": {
+      "users": "用户",
+      "categories": "分类",
+      "tags": "标签"
+    },
+    "users": {
+      "title": "用户管理",
+      "description": "查看和管理用户账户",
+      "user": "用户",
+      "email": "邮箱",
+      "role": "角色",
+      "prompts": "提示词",
+      "joined": "加入时间",
+      "makeAdmin": "设为管理员",
+      "removeAdmin": "取消管理员",
+      "delete": "删除",
+      "cancel": "取消",
+      "deleted": "用户删除成功",
+      "deleteFailed": "删除用户失败",
+      "roleUpdated": "用户角色已更新",
+      "roleUpdateFailed": "更新角色失败",
+      "deleteConfirmTitle": "删除用户？",
+      "deleteConfirmDescription": "此操作无法撤销。所有用户数据将被永久删除。"
+    },
+    "categories": {
+      "title": "分类管理",
+      "description": "创建和管理提示词分类",
+      "name": "名称",
+      "slug": "别名",
+      "descriptionLabel": "描述",
+      "icon": "图标",
+      "parent": "父级",
+      "prompts": "提示词",
+      "add": "添加分类",
+      "edit": "编辑",
+      "delete": "删除",
+      "cancel": "取消",
+      "save": "保存",
+      "create": "创建",
+      "noCategories": "暂无分类",
+      "created": "分类创建成功",
+      "updated": "分类更新成功",
+      "deleted": "分类删除成功",
+      "saveFailed": "保存分类失败",
+      "deleteFailed": "删除分类失败",
+      "createTitle": "创建分类",
+      "createDescription": "添加新分类以组织提示词",
+      "editTitle": "编辑分类",
+      "editDescription": "更新分类详情",
+      "deleteConfirmTitle": "删除分类？",
+      "deleteConfirmDescription": "这将删除该分类。此分类下的提示词将变为未分类。",
+      "parentCategory": "父分类",
+      "selectParent": "选择父分类",
+      "noParent": "无（根分类）",
+      "parentHelp": "留空以创建根分类，或选择父级以创建子分类",
+      "rootCategory": "根",
+      "subcategories": "个子分类"
+    },
+    "tags": {
+      "title": "标签管理",
+      "description": "创建和管理提示词标签",
+      "name": "名称",
+      "slug": "别名",
+      "color": "颜色",
+      "prompts": "提示词",
+      "add": "添加标签",
+      "edit": "编辑",
+      "delete": "删除",
+      "cancel": "取消",
+      "save": "保存",
+      "create": "创建",
+      "noTags": "暂无标签",
+      "created": "标签创建成功",
+      "updated": "标签更新成功",
+      "deleted": "标签删除成功",
+      "saveFailed": "保存标签失败",
+      "deleteFailed": "删除标签失败",
+      "createTitle": "创建标签",
+      "createDescription": "添加新标签以标记提示词",
+      "editTitle": "编辑标签",
+      "editDescription": "更新标签详情",
+      "deleteConfirmTitle": "删除标签？",
+      "deleteConfirmDescription": "这将从所有提示词中移除该标签。"
+    }
+  },
+  "search": {
+    "placeholder": "搜索提示词...",
+    "advanced": "高级搜索",
+    "filters": "筛选",
+    "results": "结果",
+    "noResults": "未找到结果",
+    "searchIn": "搜索范围",
+    "sortBy": "排序方式",
+    "relevance": "相关性",
+    "newest": "最新",
+    "oldest": "最早",
+    "mostUpvoted": "最多点赞",
+    "search": "搜索",
+    "clear": "清除",
+    "found": "找到 {count} 个"
+  },
+  "user": {
+    "profile": "个人资料",
+    "prompts": "提示词",
+    "myPrompts": "我的提示词",
+    "allPrompts": "全部提示词",
+    "joined": "加入时间",
+    "noPrompts": "暂无提示词",
+    "noPromptsOwner": "您还没有创建任何提示词",
+    "createFirstPrompt": "创建您的第一个提示词",
+    "upvotesReceived": "收到的点赞",
+    "editProfile": "编辑资料"
+  },
+  "subscription": {
+    "subscribe": "订阅",
+    "unsubscribe": "取消订阅",
+    "subscribedTo": "已订阅 {name}",
+    "unsubscribedFrom": "已取消订阅 {name}",
+    "loginToSubscribe": "请登录后订阅"
+  },
+  "vote": {
+    "loginToVote": "请登录后点赞",
+    "upvote": "赞",
+    "upvotes": "赞"
+  },
+  "version": {
+    "newVersion": "新版本",
+    "createVersion": "创建版本",
+    "createNewVersion": "创建新版本",
+    "updateDescription": "更新提示词内容并添加描述您变更的备注。",
+    "promptContent": "提示词内容",
+    "changeNote": "变更备注（可选）",
+    "changeNotePlaceholder": "例如：修复错别字，添加更多上下文...",
+    "contentPlaceholder": "输入更新后的提示词内容...",
+    "contentMustDiffer": "内容必须与当前版本不同",
+    "versionCreated": "新版本已创建",
+    "deleteVersion": "删除版本",
+    "confirmDeleteVersion": "确定要删除版本 {version} 吗？此操作无法撤销。",
+    "versionDeleted": "版本删除成功"
+  },
+  "profile": {
+    "title": "个人资料",
+    "updateInfo": "更新您的个人资料信息",
+    "avatarUrl": "头像链接",
+    "displayName": "显示名称",
+    "namePlaceholder": "您的名字",
+    "username": "用户名",
+    "usernamePlaceholder": "用户名",
+    "profileUrl": "您的主页链接",
+    "email": "邮箱",
+    "emailCannotChange": "邮箱无法更改",
+    "saveChanges": "保存更改",
+    "profileUpdated": "个人资料更新成功",
+    "usernameTaken": "该用户名已被使用"
+  },
+  "feed": {
+    "yourFeed": "您的订阅",
+    "feedDescription": "来自您订阅分类的提示词",
+    "browseAll": "浏览全部",
+    "noPromptsInFeed": "您的订阅中暂无提示词",
+    "subscribeToCategories": "订阅分类以在此查看提示词",
+    "viewAllCategories": "查看所有分类"
+  },
+  "homepage": {
+    "heroTitle": "收集、整理和分享",
+    "heroSubtitle": "AI 提示词",
+    "heroDescription": "管理 AI 提示词的开源平台。使用 Docker 自托管。",
+    "browsePrompts": "浏览提示词",
+    "readyToStart": "准备好开始了吗？",
+    "freeAndOpen": "免费且开源。",
+    "createAccount": "创建账户"
+  },
+  "notifications": {
+    "title": "通知",
+    "pendingChangeRequests": "待处理的变更请求",
+    "noNotifications": "暂无通知"
+  },
+  "errors": {
+    "notFound": "页面未找到",
+    "unauthorized": "未授权",
+    "forbidden": "禁止访问",
+    "serverError": "服务器错误",
+    "networkError": "网络错误"
+  },
+  "diff": {
+    "tokens": "token",
+    "noChanges": "无变更"
+  },
+  "notFound": {
+    "title": "页面未找到",
+    "description": "您要查找的页面不存在或已被移动。",
+    "goHome": "返回首页",
+    "goBack": "返回上一页",
+    "helpfulLinks": "以下是一些有用的链接：",
+    "browsePrompts": "浏览提示词",
+    "categories": "分类",
+    "createPrompt": "创建提示词"
+  }
+}
diff --git a/next.config.ts b/next.config.ts
new file mode 100644
index 00000000..d104111c
--- /dev/null
+++ b/next.config.ts
@@ -0,0 +1,28 @@
+import type { NextConfig } from "next";
+import createNextIntlPlugin from "next-intl/plugin";
+
+const withNextIntl = createNextIntlPlugin("./src/i18n/request.ts");
+
+const nextConfig: NextConfig = {
+  reactCompiler: true,
+  // Enable standalone output for Docker
+  output: "standalone",
+  // Experimental features
+  experimental: {
+    // Enable server actions
+    serverActions: {
+      bodySizeLimit: "2mb",
+    },
+  },
+  // Image optimization
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "**",
+      },
+    ],
+  },
+};
+
+export default withNextIntl(nextConfig);
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..31aff523
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,10393 @@
+{
+  "name": "prompts.chat-v2",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "prompts.chat-v2",
+      "version": "0.1.0",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@auth/prisma-adapter": "^2.11.1",
+        "@hookform/resolvers": "^5.2.2",
+        "@monaco-editor/react": "^4.7.0",
+        "@prisma/client": "^6.19.0",
+        "@radix-ui/react-alert-dialog": "^1.1.15",
+        "@radix-ui/react-avatar": "^1.1.11",
+        "@radix-ui/react-checkbox": "^1.3.3",
+        "@radix-ui/react-dialog": "^1.1.15",
+        "@radix-ui/react-dropdown-menu": "^2.1.16",
+        "@radix-ui/react-label": "^2.1.8",
+        "@radix-ui/react-popover": "^1.1.15",
+        "@radix-ui/react-scroll-area": "^1.2.10",
+        "@radix-ui/react-select": "^2.2.6",
+        "@radix-ui/react-separator": "^1.1.8",
+        "@radix-ui/react-slot": "^1.2.4",
+        "@radix-ui/react-switch": "^1.2.6",
+        "@radix-ui/react-tabs": "^1.1.13",
+        "@radix-ui/react-tooltip": "^1.2.8",
+        "bcryptjs": "^3.0.3",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "cmdk": "^1.1.1",
+        "date-fns": "^4.1.0",
+        "lucide-react": "^0.556.0",
+        "next": "16.0.7",
+        "next-auth": "^5.0.0-beta.30",
+        "next-intl": "^4.5.8",
+        "next-themes": "^0.4.6",
+        "react": "19.2.0",
+        "react-dom": "19.2.0",
+        "react-hook-form": "^7.68.0",
+        "sonner": "^2.0.7",
+        "tailwind-merge": "^3.4.0",
+        "zod": "^4.1.13"
+      },
+      "devDependencies": {
+        "@tailwindcss/postcss": "^4",
+        "@types/bcryptjs": "^2.4.6",
+        "@types/node": "^20",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "babel-plugin-react-compiler": "1.0.0",
+        "eslint": "^9",
+        "eslint-config-next": "16.0.7",
+        "prisma": "^6.19.0",
+        "tailwindcss": "^4",
+        "tsx": "^4.21.0",
+        "tw-animate-css": "^1.4.0",
+        "typescript": "^5"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@auth/core": {
+      "version": "0.41.1",
+      "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.41.1.tgz",
+      "integrity": "sha512-t9cJ2zNYAdWMacGRMT6+r4xr1uybIdmYa49calBPeTqwgAFPV/88ac9TEvCR85pvATiSPt8VaNf+Gt24JIT/uw==",
+      "license": "ISC",
+      "dependencies": {
+        "@panva/hkdf": "^1.2.1",
+        "jose": "^6.0.6",
+        "oauth4webapi": "^3.3.0",
+        "preact": "10.24.3",
+        "preact-render-to-string": "6.5.11"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "nodemailer": "^7.0.7"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@auth/prisma-adapter": {
+      "version": "2.11.1",
+      "resolved": "https://registry.npmjs.org/@auth/prisma-adapter/-/prisma-adapter-2.11.1.tgz",
+      "integrity": "sha512-Ke7DXP0Fy0Mlmjz/ZJLXwQash2UkA4621xCM0rMtEczr1kppLc/njCbUkHkIQ/PnmILjqSPEKeTjDPsYruvkug==",
+      "license": "ISC",
+      "dependencies": {
+        "@auth/core": "0.41.1"
+      },
+      "peerDependencies": {
+        "@prisma/client": ">=2.26.0 || >=3 || >=4 || >=5 || >=6"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
+      "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
+      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
+      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
+      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.5"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.5",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.7.1.tgz",
+      "integrity": "sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.7.1.tgz",
+      "integrity": "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.1.tgz",
+      "integrity": "sha512-HHB50pdsBX6k47S4u5g/CaLjqS3qwaOVE5ILsq64jyzgMhLuCuZ8rGzM9yhsAjfjkbgUPMzZEPa7DAp7yz6vuA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.1.tgz",
+      "integrity": "sha512-kFqa6/UcaTbGm/NncN9kzVOODjhZW8e+FRdSeypWe6j33gzclHtwlANs26JrupOntlcWmB0u8+8HZo8s7thHvg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.1.tgz",
+      "integrity": "sha512-45fuKmAJpxnQWixOGCrS+ro4Uvb4Re9+UTieUY2f8AEc+t7d4AaZ6eUJ3Hva7dtrxAAWHtlEFsXFMAgNnGU9uQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.1.tgz",
+      "integrity": "sha512-LBEpOz0BsgMEeHgenf5aqmn/lLNTFXVfoWMUox8CtWWYK9X4jmQzWjoGoNb8lmAYml/tQ/Ysvm8q7szu7BoxRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.1.tgz",
+      "integrity": "sha512-veg7fL8eMSCVKL7IW4pxb54QERtedFDfY/ASrumK/SbFsXnRazxY4YykN/THYqFnFwJ0aVjiUrVG2PwcdAEqQQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.1.tgz",
+      "integrity": "sha512-+3ELd+nTzhfWb07Vol7EZ+5PTbJ/u74nC6iv4/lwIU99Ip5uuY6QoIf0Hn4m2HoV0qcnRivN3KSqc+FyCHjoVQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.1.tgz",
+      "integrity": "sha512-/8Rfgns4XD9XOSXlzUDepG8PX+AVWHliYlUkFI3K3GB6tqbdjYqdhcb4BKRd7C0BhZSoaCxhv8kTcBrcZWP+xg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.1.tgz",
+      "integrity": "sha512-GITpD8dK9C+r+5yRT/UKVT36h/DQLOHdwGVwwoHidlnA168oD3uxA878XloXebK4Ul3gDBBIvEdL7go9gCUFzQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.1.tgz",
+      "integrity": "sha512-ieMID0JRZY/ZeCrsFQ3Y3NlHNCqIhTprJfDgSB3/lv5jJZ8FX3hqPyXWhe+gvS5ARMBJ242PM+VNz/ctNj//eA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.1.tgz",
+      "integrity": "sha512-W9//kCrh/6in9rWIBdKaMtuTTzNj6jSeG/haWBADqLLa9P8O5YSRDzgD5y9QBok4AYlzS6ARHifAb75V6G670Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.1.tgz",
+      "integrity": "sha512-VIUV4z8GD8rtSVMfAj1aXFahsi/+tcoXXNYmXgzISL+KB381vbSTNdeZHHHIYqFyXcoEhu9n5cT+05tRv13rlw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.1.tgz",
+      "integrity": "sha512-l4rfiiJRN7sTNI//ff65zJ9z8U+k6zcCg0LALU5iEWzY+a1mVZ8iWC1k5EsNKThZ7XCQ6YWtsZ8EWYm7r1UEsg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.1.tgz",
+      "integrity": "sha512-U0bEuAOLvO/DWFdygTHWY8C067FXz+UbzKgxYhXC0fDieFa0kDIra1FAhsAARRJbvEyso8aAqvPdNxzWuStBnA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.1.tgz",
+      "integrity": "sha512-NzdQ/Xwu6vPSf/GkdmRNsOfIeSGnh7muundsWItmBsVpMoNPVpM61qNzAVY3pZ1glzzAxLR40UyYM23eaDDbYQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.1.tgz",
+      "integrity": "sha512-7zlw8p3IApcsN7mFw0O1Z1PyEk6PlKMu18roImfl3iQHTnr/yAfYv6s4hXPidbDoI2Q0pW+5xeoM4eTCC0UdrQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.1.tgz",
+      "integrity": "sha512-cGj5wli+G+nkVQdZo3+7FDKC25Uh4ZVwOAK6A06Hsvgr8WqBBuOy/1s+PUEd/6Je+vjfm6stX0kmib5b/O2Ykw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.1.tgz",
+      "integrity": "sha512-z3H/HYI9MM0HTv3hQZ81f+AKb+yEoCRlUby1F80vbQ5XdzEMyY/9iNlAmhqiBKw4MJXwfgsh7ERGEOhrM1niMA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.1.tgz",
+      "integrity": "sha512-wzC24DxAvk8Em01YmVXyjl96Mr+ecTPyOuADAvjGg+fyBpGmxmcr2E5ttf7Im8D0sXZihpxzO1isus8MdjMCXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.1.tgz",
+      "integrity": "sha512-1YQ8ybGi2yIXswu6eNzJsrYIGFpnlzEWRl6iR5gMgmsrR0FcNoV1m9k9sc3PuP5rUBLshOZylc9nqSgymI+TYg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.1.tgz",
+      "integrity": "sha512-5Z+DzLCrq5wmU7RDaMDe2DVXMRm2tTDvX2KU14JJVBN2CT/qov7XVix85QoJqHltpvAOZUAc3ndU56HSMWrv8g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.1.tgz",
+      "integrity": "sha512-Q73ENzIdPF5jap4wqLtsfh8YbYSZ8Q0wnxplOlZUOyZy7B4ZKW8DXGWgTCZmF8VWD7Tciwv5F4NsRf6vYlZtqg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.1.tgz",
+      "integrity": "sha512-ajbHrGM/XiK+sXM0JzEbJAen+0E+JMQZ2l4RR4VFwvV9JEERx+oxtgkpoKv1SevhjavK2z2ReHk32pjzktWbGg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.1.tgz",
+      "integrity": "sha512-IPUW+y4VIjuDVn+OMzHc5FV4GubIwPnsz6ubkvN8cuhEqH81NovB53IUlrlBkPMEPxvNnf79MGBoz8rZ2iW8HA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.1.tgz",
+      "integrity": "sha512-RIVRWiljWA6CdVu8zkWcRmGP7iRRIIwvhDKem8UMBjPql2TXM5PkDVvvrzMtj1V+WFPB4K7zkIGM7VzRtFkjdg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.1.tgz",
+      "integrity": "sha512-2BR5M8CPbptC1AK5JbJT1fWrHLvejwZidKx3UMSF0ecHMa+smhi16drIrCEggkgviBwLYd5nwrFLSl5Kho96RQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.1.tgz",
+      "integrity": "sha512-d5X6RMYv6taIymSk8JBP+nxv8DQAMY6A51GPgusqLdK9wBz5wWIXy1KjTck6HnjE9hqJzJRdk+1p/t5soSbCtw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.1.tgz",
+      "integrity": "sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.6.tgz",
+      "integrity": "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.7.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "license": "MIT"
+    },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.6.tgz",
+      "integrity": "sha512-HJnTFeRM2kVFVr5gr5kH1XP6K0JcJtE7Lzvtr3FS/so5f1kpsqqqxy5JF+FRaO6H2qmcMfAUIox7AJteieRtVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/intl-localematcher": "0.6.2",
+        "decimal.js": "^10.4.3",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/ecma402-abstract/node_modules/@formatjs/intl-localematcher": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.6.2.tgz",
+      "integrity": "sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.7.tgz",
+      "integrity": "sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.11.4.tgz",
+      "integrity": "sha512-7kR78cRrPNB4fjGFZg3Rmj5aah8rQj9KPzuLsmcSn4ipLXQvC04keycTI1F7kJYDwIXtT2+7IDEto842CfZBtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "@formatjs/icu-skeleton-parser": "1.8.16",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.8.16",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.16.tgz",
+      "integrity": "sha512-H13E9Xl+PxBd8D5/6TVUluSpxGNvFSlN/b3coUp0e0JpuWXXnQDiavIpY3NnvSp4xhEMoXyyBvVfdFX8jglOHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.10.tgz",
+      "integrity": "sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@hookform/resolvers": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-5.2.2.tgz",
+      "integrity": "sha512-A/IxlMLShx3KjV/HeTcTfaMxdwy690+L/ZADoeaTltLx+CVuzkeVIPuybK3jrRfw7YZnmdKsVVHAlEPIAEUNlA==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/utils": "^0.3.0"
+      },
+      "peerDependencies": {
+        "react-hook-form": "^7.55.0"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
+      "integrity": "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@monaco-editor/loader": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.7.0.tgz",
+      "integrity": "sha512-gIwR1HrJrrx+vfyOhYmCZ0/JcWqG5kbfG7+d3f/C1LXk2EvzAbHSg3MQ5lO2sMlo9izoAZ04shohfKLVT6crVA==",
+      "license": "MIT",
+      "dependencies": {
+        "state-local": "^1.0.6"
+      }
+    },
+    "node_modules/@monaco-editor/react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.7.0.tgz",
+      "integrity": "sha512-cyzXQCtO47ydzxpQtCGSQGOC8Gk3ZUeBXFAxD+CWXYFo5OqZyZUonFl0DwUlTyAfRHntBfw2p3w4s9R6oe1eCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@monaco-editor/loader": "^1.5.0"
+      },
+      "peerDependencies": {
+        "monaco-editor": ">= 0.25.0 < 1",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.0.7.tgz",
+      "integrity": "sha512-gpaNgUh5nftFKRkRQGnVi5dpcYSKGcZZkQffZ172OrG/XkrnS7UBTQ648YY+8ME92cC4IojpI2LqTC8sTDhAaw==",
+      "license": "MIT"
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.0.7.tgz",
+      "integrity": "sha512-hFrTNZcMEG+k7qxVxZJq3F32Kms130FAhG8lvw2zkKBgAcNOJIxlljNiCjGygvBshvaGBdf88q2CqWtnqezDHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.0.7.tgz",
+      "integrity": "sha512-LlDtCYOEj/rfSnEn/Idi+j1QKHxY9BJFmxx7108A6D8K0SB+bNgfYQATPk/4LqOl4C0Wo3LACg2ie6s7xqMpJg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.0.7.tgz",
+      "integrity": "sha512-rtZ7BhnVvO1ICf3QzfW9H3aPz7GhBrnSIMZyr4Qy6boXF0b5E3QLs+cvJmg3PsTCG2M1PBoC+DANUi4wCOKXpA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.0.7.tgz",
+      "integrity": "sha512-mloD5WcPIeIeeZqAIP5c2kdaTa6StwP4/2EGy1mUw8HiexSHGK/jcM7lFuS3u3i2zn+xH9+wXJs6njO7VrAqww==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.0.7.tgz",
+      "integrity": "sha512-+ksWNrZrthisXuo9gd1XnjHRowCbMtl/YgMpbRvFeDEqEBd523YHPWpBuDjomod88U8Xliw5DHhekBC3EOOd9g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.0.7.tgz",
+      "integrity": "sha512-4WtJU5cRDxpEE44Ana2Xro1284hnyVpBb62lIpU5k85D8xXxatT+rXxBgPkc7C1XwkZMWpK5rXLXTh9PFipWsA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.0.7.tgz",
+      "integrity": "sha512-HYlhqIP6kBPXalW2dbMTSuB4+8fe+j9juyxwfMwCe9kQPPeiyFn7NMjNfoFOfJ2eXkeQsoUGXg+O2SE3m4Qg2w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.0.7.tgz",
+      "integrity": "sha512-EviG+43iOoBRZg9deGauXExjRphhuYmIOJ12b9sAPy0eQ6iwcPxfED2asb/s2/yiLYOdm37kPaiZu8uXSYPs0Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.0.7.tgz",
+      "integrity": "sha512-gniPjy55zp5Eg0896qSrf3yB1dw4F/3s8VK1ephdsZZ129j2n6e1WqCbE2YgcKhW9hPB9TVZENugquWJD5x0ug==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.4.0"
+      }
+    },
+    "node_modules/@panva/hkdf": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+      "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/@prisma/client": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-6.19.0.tgz",
+      "integrity": "sha512-QXFT+N/bva/QI2qoXmjBzL7D6aliPffIwP+81AdTGq0FXDoLxLkWivGMawG8iM5B9BKfxLIXxfWWAF6wbuJU6g==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "peerDependencies": {
+        "prisma": "*",
+        "typescript": ">=5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "prisma": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@prisma/config": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@prisma/config/-/config-6.19.0.tgz",
+      "integrity": "sha512-zwCayme+NzI/WfrvFEtkFhhOaZb/hI+X8TTjzjJ252VbPxAl2hWHK5NMczmnG9sXck2lsXrxIZuK524E25UNmg==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "c12": "3.1.0",
+        "deepmerge-ts": "7.1.5",
+        "effect": "3.18.4",
+        "empathic": "2.0.0"
+      }
+    },
+    "node_modules/@prisma/debug": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-6.19.0.tgz",
+      "integrity": "sha512-8hAdGG7JmxrzFcTzXZajlQCidX0XNkMJkpqtfbLV54wC6LSSX6Vni25W/G+nAANwLnZ2TmwkfIuWetA7jJxJFA==",
+      "devOptional": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/engines": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-6.19.0.tgz",
+      "integrity": "sha512-pMRJ+1S6NVdXoB8QJAPIGpKZevFjxhKt0paCkRDTZiczKb7F4yTgRP8M4JdVkpQwmaD4EoJf6qA+p61godDokw==",
+      "devOptional": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "6.19.0",
+        "@prisma/engines-version": "6.19.0-26.2ba551f319ab1df4bc874a89965d8b3641056773",
+        "@prisma/fetch-engine": "6.19.0",
+        "@prisma/get-platform": "6.19.0"
+      }
+    },
+    "node_modules/@prisma/engines-version": {
+      "version": "6.19.0-26.2ba551f319ab1df4bc874a89965d8b3641056773",
+      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-6.19.0-26.2ba551f319ab1df4bc874a89965d8b3641056773.tgz",
+      "integrity": "sha512-gV7uOBQfAFlWDvPJdQxMT1aSRur3a0EkU/6cfbAC5isV67tKDWUrPauyaHNpB+wN1ebM4A9jn/f4gH+3iHSYSQ==",
+      "devOptional": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/fetch-engine": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-6.19.0.tgz",
+      "integrity": "sha512-OOx2Lda0DGrZ1rodADT06ZGqHzr7HY7LNMaFE2Vp8dp146uJld58sRuasdX0OiwpHgl8SqDTUKHNUyzEq7pDdQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "6.19.0",
+        "@prisma/engines-version": "6.19.0-26.2ba551f319ab1df4bc874a89965d8b3641056773",
+        "@prisma/get-platform": "6.19.0"
+      }
+    },
+    "node_modules/@prisma/get-platform": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-6.19.0.tgz",
+      "integrity": "sha512-ym85WDO2yDhC3fIXHWYpG3kVMBA49cL1XD2GCsCF8xbwoy2OkDQY44gEbAt2X46IQ4Apq9H6g0Ex1iFfPqEkHA==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "6.19.0"
+      }
+    },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
+      "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-alert-dialog": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.15.tgz",
+      "integrity": "sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dialog": "1.1.15",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.7.tgz",
+      "integrity": "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.11.tgz",
+      "integrity": "sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-context": "1.1.3",
+        "@radix-ui/react-primitive": "2.1.4",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-is-hydrated": "0.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.3.3.tgz",
+      "integrity": "sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
+      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.3.tgz",
+      "integrity": "sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
+      "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
+      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
+      "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-escape-keydown": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.1.16",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.16.tgz",
+      "integrity": "sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-menu": "2.1.16",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
+      "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
+      "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.8.tgz",
+      "integrity": "sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.1.16",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.16.tgz",
+      "integrity": "sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.11",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.15.tgz",
+      "integrity": "sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.8.tgz",
+      "integrity": "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-rect": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1",
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
+      "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
+      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
+      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.11.tgz",
+      "integrity": "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.10.tgz",
+      "integrity": "sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.6.tgz",
+      "integrity": "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-visually-hidden": "1.2.3",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.8.tgz",
+      "integrity": "sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.4.tgz",
+      "integrity": "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.2.6.tgz",
+      "integrity": "sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-use-size": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.13.tgz",
+      "integrity": "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.11",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz",
+      "integrity": "sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-popper": "1.2.8",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-visually-hidden": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
+      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-is-hydrated": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
+      "integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
+      "license": "MIT",
+      "dependencies": {
+        "use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
+      "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
+      "integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/rect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
+      "integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
+      "integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
+      "integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==",
+      "license": "MIT"
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@schummar/icu-type-parser": {
+      "version": "1.21.5",
+      "resolved": "https://registry.npmjs.org/@schummar/icu-type-parser/-/icu-type-parser-1.21.5.tgz",
+      "integrity": "sha512-bXHSaW5jRTmke9Vd0h5P7BtWZG9Znqb8gSDxZnxaGSJnGwPLDPfS+3g0BKzeWqzgZPsIVZkM7m2tbo18cm5HBw==",
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.0.0.tgz",
+      "integrity": "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/utils": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/utils/-/utils-0.3.0.tgz",
+      "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==",
+      "license": "MIT"
+    },
+    "node_modules/@swc/core-darwin-arm64": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.3.tgz",
+      "integrity": "sha512-AXfeQn0CvcQ4cndlIshETx6jrAM45oeUrK8YeEY6oUZU/qzz0Id0CyvlEywxkWVC81Ajpd8TQQ1fW5yx6zQWkQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-darwin-x64": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.3.tgz",
+      "integrity": "sha512-p68OeCz1ui+MZYG4wmfJGvcsAcFYb6Sl25H9TxWl+GkBgmNimIiRdnypK9nBGlqMZAcxngNPtnG3kEMNnvoJ2A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm-gnueabihf": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.3.tgz",
+      "integrity": "sha512-Nuj5iF4JteFgwrai97mUX+xUOl+rQRHqTvnvHMATL/l9xE6/TJfPBpd3hk/PVpClMXG3Uvk1MxUFOEzM1JrMYg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-gnu": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.3.tgz",
+      "integrity": "sha512-2Nc/s8jE6mW2EjXWxO/lyQuLKShcmTrym2LRf5Ayp3ICEMX6HwFqB1EzDhwoMa2DcUgmnZIalesq2lG3krrUNw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-musl": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.3.tgz",
+      "integrity": "sha512-j4SJniZ/qaZ5g8op+p1G9K1z22s/EYGg1UXIb3+Cg4nsxEpF5uSIGEE4mHUfA70L0BR9wKT2QF/zv3vkhfpX4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-gnu": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.3.tgz",
+      "integrity": "sha512-aKttAZnz8YB1VJwPQZtyU8Uk0BfMP63iDMkvjhJzRZVgySmqt/apWSdnoIcZlUoGheBrcqbMC17GGUmur7OT5A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-musl": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.3.tgz",
+      "integrity": "sha512-oe8FctPu1gnUsdtGJRO2rvOUIkkIIaHqsO9xxN0bTR7dFTlPTGi2Fhk1tnvXeyAvCPxLIcwD8phzKg6wLv9yug==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-arm64-msvc": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.3.tgz",
+      "integrity": "sha512-L9AjzP2ZQ/Xh58e0lTRMLvEDrcJpR7GwZqAtIeNLcTK7JVE+QineSyHp0kLkO1rttCHyCy0U74kDTj0dRz6raA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-ia32-msvc": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.3.tgz",
+      "integrity": "sha512-B8UtogMzErUPDWUoKONSVBdsgKYd58rRyv2sHJWKOIMCHfZ22FVXICR4O/VwIYtlnZ7ahERcjayBHDlBZpR0aw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-x64-msvc": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.3.tgz",
+      "integrity": "sha512-SpZKMR9QBTecHeqpzJdYEfgw30Oo8b/Xl6rjSzBt1g0ZsXyy60KLXrp6IagQyfTYqNYE/caDvwtF2FPn7pomog==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@swc/types": {
+      "version": "0.1.25",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.25.tgz",
+      "integrity": "sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.17.tgz",
+      "integrity": "sha512-csIkHIgLb3JisEFQ0vxr2Y57GUNYh447C8xzwj89U/8fdW8LhProdxvnVH6U8M2Y73QKiTIH+LWbK3V2BBZsAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.30.2",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.17"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.17.tgz",
+      "integrity": "sha512-F0F7d01fmkQhsTjXezGBLdrl1KresJTcI3DB8EkScCldyKp3Msz4hub4uyYaVnk88BAS1g5DQjjF6F5qczheLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.17",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.17",
+        "@tailwindcss/oxide-darwin-x64": "4.1.17",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.17",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.17",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.17",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.17",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.17",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.17",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.17",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.17",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.17"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.17.tgz",
+      "integrity": "sha512-BMqpkJHgOZ5z78qqiGE6ZIRExyaHyuxjgrJ6eBO5+hfrfGkuya0lYfw8fRHG77gdTjWkNWEEm+qeG2cDMxArLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.17.tgz",
+      "integrity": "sha512-EquyumkQweUBNk1zGEU/wfZo2qkp/nQKRZM8bUYO0J+Lums5+wl2CcG1f9BgAjn/u9pJzdYddHWBiFXJTcxmOg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.17.tgz",
+      "integrity": "sha512-gdhEPLzke2Pog8s12oADwYu0IAw04Y2tlmgVzIN0+046ytcgx8uZmCzEg4VcQh+AHKiS7xaL8kGo/QTiNEGRog==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.17.tgz",
+      "integrity": "sha512-hxGS81KskMxML9DXsaXT1H0DyA+ZBIbyG/sSAjWNe2EDl7TkPOBI42GBV3u38itzGUOmFfCzk1iAjDXds8Oh0g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.17.tgz",
+      "integrity": "sha512-k7jWk5E3ldAdw0cNglhjSgv501u7yrMf8oeZ0cElhxU6Y2o7f8yqelOp3fhf7evjIS6ujTI3U8pKUXV2I4iXHQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.17.tgz",
+      "integrity": "sha512-HVDOm/mxK6+TbARwdW17WrgDYEGzmoYayrCgmLEw7FxTPLcp/glBisuyWkFz/jb7ZfiAXAXUACfyItn+nTgsdQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.17.tgz",
+      "integrity": "sha512-HvZLfGr42i5anKtIeQzxdkw/wPqIbpeZqe7vd3V9vI3RQxe3xU1fLjss0TjyhxWcBaipk7NYwSrwTwK1hJARMg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.17.tgz",
+      "integrity": "sha512-M3XZuORCGB7VPOEDH+nzpJ21XPvK5PyjlkSFkFziNHGLc5d6g3di2McAAblmaSUNl8IOmzYwLx9NsE7bplNkwQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.17.tgz",
+      "integrity": "sha512-k7f+pf9eXLEey4pBlw+8dgfJHY4PZ5qOUFDyNf7SI6lHjQ9Zt7+NcscjpwdCEbYi6FI5c2KDTDWyf2iHcCSyyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.17.tgz",
+      "integrity": "sha512-cEytGqSSoy7zK4JRWiTCx43FsKP/zGr0CsuMawhH67ONlH+T79VteQeJQRO/X7L0juEUA8ZyuYikcRBf0vsxhg==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.6.0",
+        "@emnapi/runtime": "^1.6.0",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.0.7",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.17.tgz",
+      "integrity": "sha512-JU5AHr7gKbZlOGvMdb4722/0aYbU+tN6lv1kONx0JK2cGsh7g148zVWLM0IKR3NeKLv+L90chBVYcJ8uJWbC9A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.17.tgz",
+      "integrity": "sha512-SKWM4waLuqx0IH+FMDUw6R66Hu4OuTALFgnleKbqhgGU30DY20NORZMZUKgLRjQXNN2TLzKvh48QXTig4h4bGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.17.tgz",
+      "integrity": "sha512-+nKl9N9mN5uJ+M7dBOOCzINw94MPstNR/GtIhz1fpZysxL/4a+No64jCBD6CPN+bIHWFx3KWuu8XJRrj/572Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.1.17",
+        "@tailwindcss/oxide": "4.1.17",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.1.17"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/bcryptjs": {
+      "version": "2.4.6",
+      "resolved": "https://registry.npmjs.org/@types/bcryptjs/-/bcryptjs-2.4.6.tgz",
+      "integrity": "sha512-9xlo6R2qDs5uixm0bcIqCeMCE6HiQsIyel9KQySStiyqNl2tnj2mP3DX1Nf56MD6KMenNNlBBsy3LJ7gUEQPXQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.25",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.25.tgz",
+      "integrity": "sha512-ZsJzA5thDQMSQO788d7IocwwQbI8B5OPzmqNvpf3NY/+MHDAS759Wo0gd2WQeXYt5AAAQjzcrTVC6SKCuYgoCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
+      "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.48.1.tgz",
+      "integrity": "sha512-X63hI1bxl5ohelzr0LY5coufyl0LJNthld+abwxpCoo6Gq+hSqhKwci7MUWkXo67mzgUK6YFByhmaHmUcuBJmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.48.1",
+        "@typescript-eslint/type-utils": "8.48.1",
+        "@typescript-eslint/utils": "8.48.1",
+        "@typescript-eslint/visitor-keys": "8.48.1",
+        "graphemer": "^1.4.0",
+        "ignore": "^7.0.0",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.48.1",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.48.1.tgz",
+      "integrity": "sha512-PC0PDZfJg8sP7cmKe6L3QIL8GZwU5aRvUFedqSIpw3B+QjRSUZeeITC2M5XKeMXEzL6wccN196iy3JLwKNvDVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.48.1",
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/typescript-estree": "8.48.1",
+        "@typescript-eslint/visitor-keys": "8.48.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.48.1.tgz",
+      "integrity": "sha512-HQWSicah4s9z2/HifRPQ6b6R7G+SBx64JlFQpgSSHWPKdvCZX57XCbszg/bapbRsOEv42q5tayTYcEFpACcX1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.48.1",
+        "@typescript-eslint/types": "^8.48.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.48.1.tgz",
+      "integrity": "sha512-rj4vWQsytQbLxC5Bf4XwZ0/CKd362DkWMUkviT7DCS057SK64D5lH74sSGzhI6PDD2HCEq02xAP9cX68dYyg1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/visitor-keys": "8.48.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.48.1.tgz",
+      "integrity": "sha512-k0Jhs4CpEffIBm6wPaCXBAD7jxBtrHjrSgtfCjUvPp9AZ78lXKdTR8fxyZO5y4vWNlOvYXRtngSZNSn+H53Jkw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.48.1.tgz",
+      "integrity": "sha512-1jEop81a3LrJQLTf/1VfPQdhIY4PlGDBc/i67EVWObrtvcziysbLN3oReexHOM6N3jyXgCrkBsZpqwH0hiDOQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/typescript-estree": "8.48.1",
+        "@typescript-eslint/utils": "8.48.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.48.1.tgz",
+      "integrity": "sha512-+fZ3LZNeiELGmimrujsDCT4CRIbq5oXdHe7chLiW8qzqyPMnn1puNstCrMNVAqwcl2FdIxkuJ4tOs/RFDBVc/Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.48.1.tgz",
+      "integrity": "sha512-/9wQ4PqaefTK6POVTjJaYS0bynCgzh6ClJHGSBj06XEHjkfylzB+A3qvyaXnErEZSaxhIo4YdyBgq6j4RysxDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.48.1",
+        "@typescript-eslint/tsconfig-utils": "8.48.1",
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/visitor-keys": "8.48.1",
+        "debug": "^4.3.4",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.1.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.48.1.tgz",
+      "integrity": "sha512-fAnhLrDjiVfey5wwFRwrweyRlCmdz5ZxXz2G/4cLn0YDLjTapmN4gcCsTBR1N2rWnZSDeWpYtgLDsJt+FpmcwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.7.0",
+        "@typescript-eslint/scope-manager": "8.48.1",
+        "@typescript-eslint/types": "8.48.1",
+        "@typescript-eslint/typescript-estree": "8.48.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.48.1.tgz",
+      "integrity": "sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.48.1",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
+      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
+      "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.0.tgz",
+      "integrity": "sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/babel-plugin-react-compiler": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-react-compiler/-/babel-plugin-react-compiler-1.0.0.tgz",
+      "integrity": "sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.26.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.5.tgz",
+      "integrity": "sha512-D5vIoztZOq1XM54LUdttJVc96ggEsIfju2JBvht06pSzpckp3C7HReun67Bghzrtdsq9XdMGbSSB3v3GhMNmAA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/bcryptjs": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-3.0.3.tgz",
+      "integrity": "sha512-GlF5wPWnSa/X5LKM1o0wz0suXIINz1iHRLvTS+sLyi7XPbe5ycmYI3DlZqVGZZtDgl4DmasFg7gOB3JYbphV5g==",
+      "license": "BSD-3-Clause",
+      "bin": {
+        "bcrypt": "bin/bcrypt"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/c12": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-3.1.0.tgz",
+      "integrity": "sha512-uWoS8OU1MEIsOv8p/5a82c3H31LsWVR5qiyXVfBNOzfffjUWtPnhAb4BYI2uG2HfGmZmFjCtui5XNWaps+iFuw==",
+      "devOptional": true,
+      "license": "MIT",
+      "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.2.0",
+        "rc9": "^2.1.2"
+      },
+      "peerDependencies": {
+        "magicast": "^0.3.5"
+      },
+      "peerDependenciesMeta": {
+        "magicast": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001759",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001759.tgz",
+      "integrity": "sha512-Pzfx9fOKoKvevQf8oCXoyNRQ5QyxJj+3O0Rqx2V5oxT61KGx8+n6hV/IUyJeifUci2clnmmKVpvtiqRzgiWjSw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/citty": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz",
+      "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "consola": "^3.2.3"
+      }
+    },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cmdk": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/cmdk/-/cmdk-1.1.1.tgz",
+      "integrity": "sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "^1.1.1",
+        "@radix-ui/react-dialog": "^1.1.6",
+        "@radix-ui/react-id": "^1.1.0",
+        "@radix-ui/react-primitive": "^2.0.2"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^18 || ^19 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/consola": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.4.2.tgz",
+      "integrity": "sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "license": "MIT"
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge-ts": {
+      "version": "7.1.5",
+      "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.5.tgz",
+      "integrity": "sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==",
+      "devOptional": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/destr": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.5.tgz",
+      "integrity": "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+      "license": "MIT"
+    },
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz",
+      "integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "peer": true,
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "devOptional": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/effect": {
+      "version": "3.18.4",
+      "resolved": "https://registry.npmjs.org/effect/-/effect-3.18.4.tgz",
+      "integrity": "sha512-b1LXQJLe9D11wfnOKAk3PKxuqYshQ0Heez+y5pnkd3jLj1yx9QhM72zZ9uUrOQyNvrs2GZZd/3maL0ZV18YuDA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "fast-check": "^3.23.1"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.266",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.266.tgz",
+      "integrity": "sha512-kgWEglXvkEfMH7rxP5OSZZwnaDWT7J9EoZCujhnpLbfi0bbNtRkgdX2E3gt0Uer11c61qCYktB3hwkAS325sJg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/empathic": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/empathic/-/empathic-2.0.0.tgz",
+      "integrity": "sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
+      "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.27.1",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.1.tgz",
+      "integrity": "sha512-yY35KZckJJuVVPXpvjgxiCuVEJT67F6zDeVTv4rizyPrfGBUpZQsvmxnN+C371c2esD/hNMjj4tpBhuueLN7aA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.1",
+        "@esbuild/android-arm": "0.27.1",
+        "@esbuild/android-arm64": "0.27.1",
+        "@esbuild/android-x64": "0.27.1",
+        "@esbuild/darwin-arm64": "0.27.1",
+        "@esbuild/darwin-x64": "0.27.1",
+        "@esbuild/freebsd-arm64": "0.27.1",
+        "@esbuild/freebsd-x64": "0.27.1",
+        "@esbuild/linux-arm": "0.27.1",
+        "@esbuild/linux-arm64": "0.27.1",
+        "@esbuild/linux-ia32": "0.27.1",
+        "@esbuild/linux-loong64": "0.27.1",
+        "@esbuild/linux-mips64el": "0.27.1",
+        "@esbuild/linux-ppc64": "0.27.1",
+        "@esbuild/linux-riscv64": "0.27.1",
+        "@esbuild/linux-s390x": "0.27.1",
+        "@esbuild/linux-x64": "0.27.1",
+        "@esbuild/netbsd-arm64": "0.27.1",
+        "@esbuild/netbsd-x64": "0.27.1",
+        "@esbuild/openbsd-arm64": "0.27.1",
+        "@esbuild/openbsd-x64": "0.27.1",
+        "@esbuild/openharmony-arm64": "0.27.1",
+        "@esbuild/sunos-x64": "0.27.1",
+        "@esbuild/win32-arm64": "0.27.1",
+        "@esbuild/win32-ia32": "0.27.1",
+        "@esbuild/win32-x64": "0.27.1"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.1.tgz",
+      "integrity": "sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.39.1",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.0.7.tgz",
+      "integrity": "sha512-WubFGLFHfk2KivkdRGfx6cGSFhaQqhERRfyO8BRx+qiGPGp7WLKcPvYC4mdx1z3VhVRcrfFzczjjTrbJZOpnEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@next/eslint-plugin-next": "16.0.7",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "globals": "16.4.0",
+        "typescript-eslint": "^8.46.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=9.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
+      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz",
+      "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/exsolve": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.8.tgz",
+      "integrity": "sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-check": {
+      "version": "3.23.2",
+      "resolved": "https://registry.npmjs.org/fast-check/-/fast-check-3.23.2.tgz",
+      "integrity": "sha512-h5+1OzzfCC3Ef7VbtKdcv7zsstUQwUDlYpUTvjeUsJAssPgLn7QzbboPtL5ro04Mq0rPOsMzl7q5hIbRs2wD1A==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "pure-rand": "^6.1.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.0.tgz",
+      "integrity": "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/giget": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-2.0.0.tgz",
+      "integrity": "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.0",
+        "defu": "^6.1.4",
+        "node-fetch-native": "^1.6.6",
+        "nypm": "^0.6.0",
+        "pathe": "^2.0.3"
+      },
+      "bin": {
+        "giget": "dist/cli.mjs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/intl-messageformat": {
+      "version": "10.7.18",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.18.tgz",
+      "integrity": "sha512-m3Ofv/X/tV8Y3tHXLohcuVuhWKo7BBq62cqY15etqmLxg2DZ34AGGgQDeR+SCta2+zICb1NX83af0GJmbQ1++g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/icu-messageformat-parser": "2.11.4",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
+    "node_modules/is-bun-module/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/jose": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.1.3.tgz",
+      "integrity": "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.2.tgz",
+      "integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.30.2",
+        "lightningcss-darwin-arm64": "1.30.2",
+        "lightningcss-darwin-x64": "1.30.2",
+        "lightningcss-freebsd-x64": "1.30.2",
+        "lightningcss-linux-arm-gnueabihf": "1.30.2",
+        "lightningcss-linux-arm64-gnu": "1.30.2",
+        "lightningcss-linux-arm64-musl": "1.30.2",
+        "lightningcss-linux-x64-gnu": "1.30.2",
+        "lightningcss-linux-x64-musl": "1.30.2",
+        "lightningcss-win32-arm64-msvc": "1.30.2",
+        "lightningcss-win32-x64-msvc": "1.30.2"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz",
+      "integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz",
+      "integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz",
+      "integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz",
+      "integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz",
+      "integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz",
+      "integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz",
+      "integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz",
+      "integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz",
+      "integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz",
+      "integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz",
+      "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.556.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.556.0.tgz",
+      "integrity": "sha512-iOb8dRk7kLaYBZhR2VlV1CeJGxChBgUthpSP8wom9jfj79qovgG6qcSdiy6vkoREKPnbUYzJsCn4o4PtG3Iy+A==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/marked": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz",
+      "integrity": "sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/monaco-editor": {
+      "version": "0.55.1",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.55.1.tgz",
+      "integrity": "sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "dompurify": "3.2.7",
+        "marked": "14.0.0"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/napi-postinstall": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
+      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/next": {
+      "version": "16.0.7",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.0.7.tgz",
+      "integrity": "sha512-3mBRJyPxT4LOxAJI6IsXeFtKfiJUbjCLgvXO02fV8Wy/lIhPvP94Fe7dGhUgHXcQy4sSuYwQNcOLhIfOm0rL0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.0.7",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.0.7",
+        "@next/swc-darwin-x64": "16.0.7",
+        "@next/swc-linux-arm64-gnu": "16.0.7",
+        "@next/swc-linux-arm64-musl": "16.0.7",
+        "@next/swc-linux-x64-gnu": "16.0.7",
+        "@next/swc-linux-x64-musl": "16.0.7",
+        "@next/swc-win32-arm64-msvc": "16.0.7",
+        "@next/swc-win32-x64-msvc": "16.0.7",
+        "sharp": "^0.34.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-auth": {
+      "version": "5.0.0-beta.30",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-5.0.0-beta.30.tgz",
+      "integrity": "sha512-+c51gquM3F6nMVmoAusRJ7RIoY0K4Ts9HCCwyy/BRoe4mp3msZpOzYMyb5LAYc1wSo74PMQkGDcaghIO7W6Xjg==",
+      "license": "ISC",
+      "dependencies": {
+        "@auth/core": "0.41.0"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "next": "^14.0.0-0 || ^15.0.0 || ^16.0.0",
+        "nodemailer": "^7.0.7",
+        "react": "^18.2.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-auth/node_modules/@auth/core": {
+      "version": "0.41.0",
+      "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.41.0.tgz",
+      "integrity": "sha512-Wd7mHPQ/8zy6Qj7f4T46vg3aoor8fskJm6g2Zyj064oQ3+p0xNZXAV60ww0hY+MbTesfu29kK14Zk5d5JTazXQ==",
+      "license": "ISC",
+      "dependencies": {
+        "@panva/hkdf": "^1.2.1",
+        "jose": "^6.0.6",
+        "oauth4webapi": "^3.3.0",
+        "preact": "10.24.3",
+        "preact-render-to-string": "6.5.11"
+      },
+      "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
+        }
+      }
+    },
+    "node_modules/next-intl": {
+      "version": "4.5.8",
+      "resolved": "https://registry.npmjs.org/next-intl/-/next-intl-4.5.8.tgz",
+      "integrity": "sha512-BdN6494nvt09WtmW5gbWdwRhDDHC/Sg7tBMhN7xfYds3vcRCngSDXat81gmJkblw9jYOv8zXzzFJyu5VYXnJzg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/amannn"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "^0.5.4",
+        "@swc/core": "^1.15.2",
+        "negotiator": "^1.0.0",
+        "next-intl-swc-plugin-extractor": "^4.5.8",
+        "po-parser": "^1.0.2",
+        "use-intl": "^4.5.8"
+      },
+      "peerDependencies": {
+        "next": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.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
+        }
+      }
+    },
+    "node_modules/next-intl-swc-plugin-extractor": {
+      "version": "4.5.8",
+      "resolved": "https://registry.npmjs.org/next-intl-swc-plugin-extractor/-/next-intl-swc-plugin-extractor-4.5.8.tgz",
+      "integrity": "sha512-hscCKUv+5GQ0CCNbvqZ8gaxnAGToCgDTbL++jgCq8SCk/ljtZDEeQZcMk46Nm6Ynn49Q/JKF4Npo/Sq1mpbusA==",
+      "license": "MIT"
+    },
+    "node_modules/next-intl/node_modules/@swc/core": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.3.tgz",
+      "integrity": "sha512-Qd8eBPkUFL4eAONgGjycZXj1jFCBW8Fd+xF0PzdTlBCWQIV1xnUT7B93wUANtW3KGjl3TRcOyxwSx/u/jyKw/Q==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "@swc/types": "^0.1.25"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/swc"
+      },
+      "optionalDependencies": {
+        "@swc/core-darwin-arm64": "1.15.3",
+        "@swc/core-darwin-x64": "1.15.3",
+        "@swc/core-linux-arm-gnueabihf": "1.15.3",
+        "@swc/core-linux-arm64-gnu": "1.15.3",
+        "@swc/core-linux-arm64-musl": "1.15.3",
+        "@swc/core-linux-x64-gnu": "1.15.3",
+        "@swc/core-linux-x64-musl": "1.15.3",
+        "@swc/core-win32-arm64-msvc": "1.15.3",
+        "@swc/core-win32-ia32-msvc": "1.15.3",
+        "@swc/core-win32-x64-msvc": "1.15.3"
+      },
+      "peerDependencies": {
+        "@swc/helpers": ">=0.5.17"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-intl/node_modules/@swc/helpers": {
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+      "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/next-themes": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz",
+      "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-fetch-native": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.7.tgz",
+      "integrity": "sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nypm": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.6.2.tgz",
+      "integrity": "sha512-7eM+hpOtrKrBDCh7Ypu2lJ9Z7PNZBdi/8AT3AX8xoCj43BBVHD0hPSTEvMtkMpfs8FCqBGhxB+uToIQimA111g==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.2",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.3.0",
+        "tinyexec": "^1.0.1"
+      },
+      "bin": {
+        "nypm": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": "^14.16.0 || >=16.10.0"
+      }
+    },
+    "node_modules/oauth4webapi": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.8.3.tgz",
+      "integrity": "sha512-pQ5BsX3QRTgnt5HxgHwgunIRaDXBdkT23tf8dfzmtTIL2LTpdmxgbpbBm0VgFWAIDlezQvQCTgnVIUmHupXHxw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.0.tgz",
+      "integrity": "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.2",
+        "exsolve": "^1.0.7",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/po-parser": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/po-parser/-/po-parser-1.0.2.tgz",
+      "integrity": "sha512-yTIQL8PZy7V8c0psPoJUx7fayez+Mo/53MZgX9MPuPHx+Dt+sRPNuRbI+6Oqxnddhkd68x4Nlgon/zizL1Xg+w==",
+      "license": "MIT"
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/preact": {
+      "version": "10.24.3",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz",
+      "integrity": "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/preact-render-to-string": {
+      "version": "6.5.11",
+      "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.5.11.tgz",
+      "integrity": "sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "preact": ">=10"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prisma": {
+      "version": "6.19.0",
+      "resolved": "https://registry.npmjs.org/prisma/-/prisma-6.19.0.tgz",
+      "integrity": "sha512-F3eX7K+tWpkbhl3l4+VkFtrwJlLXbAM+f9jolgoUZbFcm1DgHZ4cq9AgVEgUym2au5Ad/TDLN8lg83D+M10ycw==",
+      "devOptional": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/config": "6.19.0",
+        "@prisma/engines": "6.19.0"
+      },
+      "bin": {
+        "prisma": "build/index.js"
+      },
+      "engines": {
+        "node": ">=18.18"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pure-rand": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
+      "integrity": "sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==",
+      "devOptional": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/rc9": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/rc9/-/rc9-2.1.2.tgz",
+      "integrity": "sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "defu": "^6.1.4",
+        "destr": "^2.0.3"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
+      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
+      "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.0"
+      }
+    },
+    "node_modules/react-hook-form": {
+      "version": "7.68.0",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.68.0.tgz",
+      "integrity": "sha512-oNN3fjrZ/Xo40SWlHf1yCjlMK417JxoSJVUXQjGdvdRCU07NTFei1i1f8ApUAts+IVh14e4EdakeLEA+BEAs/Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/react-remove-scroll": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz",
+      "integrity": "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.7",
+        "react-style-singleton": "^2.2.3",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.3",
+        "use-sidecar": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-style-singleton": "^2.2.2",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-style-singleton": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sonner": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz",
+      "integrity": "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stable-hash": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/state-local": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz",
+      "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==",
+      "license": "MIT"
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.4.0.tgz",
+      "integrity": "sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.17.tgz",
+      "integrity": "sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tinyexec": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz",
+      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+      "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/tsx": {
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz",
+      "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.27.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/tw-animate-css": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.4.0.tgz",
+      "integrity": "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Wombosvideo"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.48.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.48.1.tgz",
+      "integrity": "sha512-FbOKN1fqNoXp1hIl5KYpObVrp0mCn+CLgn479nmu2IsRMrx2vyv74MmsBLVlhg8qVwNFGbXSp8fh1zp8pEoC2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.48.1",
+        "@typescript-eslint/parser": "8.48.1",
+        "@typescript-eslint/typescript-estree": "8.48.1",
+        "@typescript-eslint/utils": "8.48.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unrs-resolver": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
+      "integrity": "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "napi-postinstall": "^0.3.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "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"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.2.tgz",
+      "integrity": "sha512-E85pfNzMQ9jpKkA7+TJAi4TJN+tBCuWh5rUcS/sv6cFi+1q9LYDwDI5dpUL0u/73EElyQ8d3TEaeW4sPedBqYA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-callback-ref": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-intl": {
+      "version": "4.5.8",
+      "resolved": "https://registry.npmjs.org/use-intl/-/use-intl-4.5.8.tgz",
+      "integrity": "sha512-rWPV2Sirw55BQbA/7ndUBtsikh8WXwBrUkZJ1mD35+emj/ogPPqgCZdv1DdrEFK42AjF1g5w8d3x8govhqPH6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "^2.2.0",
+        "@schummar/icu-type-parser": "1.21.5",
+        "intl-messageformat": "^10.5.14"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/use-sidecar": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
+      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.13.tgz",
+      "integrity": "sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..db16df57
--- /dev/null
+++ b/package.json
@@ -0,0 +1,71 @@
+{
+  "name": "prompts.chat-v2",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "prisma generate && next build",
+    "start": "next start",
+    "lint": "eslint",
+    "db:generate": "prisma generate",
+    "db:migrate": "prisma migrate dev",
+    "db:push": "prisma db push",
+    "db:studio": "prisma studio",
+    "db:seed": "prisma db seed",
+    "postinstall": "prisma generate"
+  },
+  "dependencies": {
+    "@auth/prisma-adapter": "^2.11.1",
+    "@hookform/resolvers": "^5.2.2",
+    "@monaco-editor/react": "^4.7.0",
+    "@prisma/client": "^6.19.0",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "bcryptjs": "^3.0.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "lucide-react": "^0.556.0",
+    "next": "16.0.7",
+    "next-auth": "^5.0.0-beta.30",
+    "next-intl": "^4.5.8",
+    "next-themes": "^0.4.6",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-hook-form": "^7.68.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0",
+    "zod": "^4.1.13"
+  },
+  "prisma": {
+    "seed": "npx tsx prisma/seed.ts"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/bcryptjs": "^2.4.6",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "babel-plugin-react-compiler": "1.0.0",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.7",
+    "prisma": "^6.19.0",
+    "tailwindcss": "^4",
+    "tsx": "^4.21.0",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5"
+  }
+}
diff --git a/postcss.config.mjs b/postcss.config.mjs
new file mode 100644
index 00000000..61e36849
--- /dev/null
+++ b/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
diff --git a/prisma.config.ts b/prisma.config.ts
new file mode 100644
index 00000000..8ded1a58
--- /dev/null
+++ b/prisma.config.ts
@@ -0,0 +1,16 @@
+
+// This file was generated by Prisma and assumes you have installed the following:
+// npm install --save-dev prisma dotenv
+import "dotenv/config";
+import { defineConfig, env } from "prisma/config";
+
+export default defineConfig({
+  schema: "prisma/schema.prisma",
+  migrations: {
+    path: "prisma/migrations",
+  },
+  engine: "classic",
+  datasource: {
+    url: env("DATABASE_URL"),
+  },
+});
diff --git a/prisma/migrations/20251208165032/migration.sql b/prisma/migrations/20251208165032/migration.sql
new file mode 100644
index 00000000..44e686c9
--- /dev/null
+++ b/prisma/migrations/20251208165032/migration.sql
@@ -0,0 +1,228 @@
+-- CreateEnum
+CREATE TYPE "UserRole" AS ENUM ('ADMIN', 'USER');
+
+-- CreateEnum
+CREATE TYPE "PromptType" AS ENUM ('TEXT', 'IMAGE', 'VIDEO', 'AUDIO');
+
+-- CreateEnum
+CREATE TYPE "ChangeRequestStatus" AS ENUM ('PENDING', 'APPROVED', 'REJECTED');
+
+-- CreateTable
+CREATE TABLE "users" (
+    "id" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "username" TEXT NOT NULL,
+    "name" TEXT,
+    "password" TEXT,
+    "avatar" TEXT,
+    "role" "UserRole" NOT NULL DEFAULT 'USER',
+    "locale" TEXT NOT NULL DEFAULT 'en',
+    "emailVerified" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "users_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "accounts" (
+    "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,
+
+    CONSTRAINT "accounts_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "sessions" (
+    "id" TEXT NOT NULL,
+    "sessionToken" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "expires" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "sessions_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "verification_tokens" (
+    "identifier" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "expires" TIMESTAMP(3) NOT NULL
+);
+
+-- CreateTable
+CREATE TABLE "prompts" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "description" TEXT,
+    "content" TEXT NOT NULL,
+    "type" "PromptType" NOT NULL DEFAULT 'TEXT',
+    "isPrivate" BOOLEAN NOT NULL DEFAULT false,
+    "mediaUrl" TEXT,
+    "viewCount" INTEGER NOT NULL DEFAULT 0,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "authorId" TEXT NOT NULL,
+    "categoryId" TEXT,
+
+    CONSTRAINT "prompts_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "prompt_versions" (
+    "id" TEXT NOT NULL,
+    "version" INTEGER NOT NULL,
+    "content" TEXT NOT NULL,
+    "changeNote" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "promptId" TEXT NOT NULL,
+    "createdBy" TEXT NOT NULL,
+
+    CONSTRAINT "prompt_versions_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "change_requests" (
+    "id" TEXT NOT NULL,
+    "proposedContent" TEXT NOT NULL,
+    "proposedTitle" TEXT,
+    "reason" TEXT,
+    "status" "ChangeRequestStatus" NOT NULL DEFAULT 'PENDING',
+    "reviewNote" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "promptId" TEXT NOT NULL,
+    "authorId" TEXT NOT NULL,
+
+    CONSTRAINT "change_requests_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "categories" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "slug" TEXT NOT NULL,
+    "description" TEXT,
+    "icon" TEXT,
+    "order" INTEGER NOT NULL DEFAULT 0,
+    "parentId" TEXT,
+
+    CONSTRAINT "categories_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "tags" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "slug" TEXT NOT NULL,
+    "color" TEXT NOT NULL DEFAULT '#6366f1',
+
+    CONSTRAINT "tags_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "prompt_tags" (
+    "promptId" TEXT NOT NULL,
+    "tagId" TEXT NOT NULL,
+
+    CONSTRAINT "prompt_tags_pkey" PRIMARY KEY ("promptId","tagId")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "users_email_key" ON "users"("email");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "users_username_key" ON "users"("username");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "accounts_provider_providerAccountId_key" ON "accounts"("provider", "providerAccountId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "sessions_sessionToken_key" ON "sessions"("sessionToken");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "verification_tokens_token_key" ON "verification_tokens"("token");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "verification_tokens_identifier_token_key" ON "verification_tokens"("identifier", "token");
+
+-- CreateIndex
+CREATE INDEX "prompts_authorId_idx" ON "prompts"("authorId");
+
+-- CreateIndex
+CREATE INDEX "prompts_categoryId_idx" ON "prompts"("categoryId");
+
+-- CreateIndex
+CREATE INDEX "prompts_type_idx" ON "prompts"("type");
+
+-- CreateIndex
+CREATE INDEX "prompts_isPrivate_idx" ON "prompts"("isPrivate");
+
+-- CreateIndex
+CREATE INDEX "prompt_versions_promptId_idx" ON "prompt_versions"("promptId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "prompt_versions_promptId_version_key" ON "prompt_versions"("promptId", "version");
+
+-- CreateIndex
+CREATE INDEX "change_requests_promptId_idx" ON "change_requests"("promptId");
+
+-- CreateIndex
+CREATE INDEX "change_requests_authorId_idx" ON "change_requests"("authorId");
+
+-- CreateIndex
+CREATE INDEX "change_requests_status_idx" ON "change_requests"("status");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "categories_slug_key" ON "categories"("slug");
+
+-- CreateIndex
+CREATE INDEX "categories_parentId_idx" ON "categories"("parentId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "tags_name_key" ON "tags"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "tags_slug_key" ON "tags"("slug");
+
+-- AddForeignKey
+ALTER TABLE "accounts" ADD CONSTRAINT "accounts_userId_fkey" FOREIGN KEY ("userId") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "sessions" ADD CONSTRAINT "sessions_userId_fkey" FOREIGN KEY ("userId") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "prompts" ADD CONSTRAINT "prompts_authorId_fkey" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "prompts" ADD CONSTRAINT "prompts_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "categories"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "prompt_versions" ADD CONSTRAINT "prompt_versions_promptId_fkey" FOREIGN KEY ("promptId") REFERENCES "prompts"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "prompt_versions" ADD CONSTRAINT "prompt_versions_createdBy_fkey" FOREIGN KEY ("createdBy") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "change_requests" ADD CONSTRAINT "change_requests_promptId_fkey" FOREIGN KEY ("promptId") REFERENCES "prompts"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "change_requests" ADD CONSTRAINT "change_requests_authorId_fkey" FOREIGN KEY ("authorId") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "categories" ADD CONSTRAINT "categories_parentId_fkey" FOREIGN KEY ("parentId") REFERENCES "categories"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "prompt_tags" ADD CONSTRAINT "prompt_tags_promptId_fkey" FOREIGN KEY ("promptId") REFERENCES "prompts"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "prompt_tags" ADD CONSTRAINT "prompt_tags_tagId_fkey" FOREIGN KEY ("tagId") REFERENCES "tags"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/migrations/20251208185808_init/migration.sql b/prisma/migrations/20251208185808_init/migration.sql
new file mode 100644
index 00000000..323eefcb
--- /dev/null
+++ b/prisma/migrations/20251208185808_init/migration.sql
@@ -0,0 +1,20 @@
+-- CreateTable
+CREATE TABLE "category_subscriptions" (
+    "userId" TEXT NOT NULL,
+    "categoryId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "category_subscriptions_pkey" PRIMARY KEY ("userId","categoryId")
+);
+
+-- CreateIndex
+CREATE INDEX "category_subscriptions_userId_idx" ON "category_subscriptions"("userId");
+
+-- CreateIndex
+CREATE INDEX "category_subscriptions_categoryId_idx" ON "category_subscriptions"("categoryId");
+
+-- AddForeignKey
+ALTER TABLE "category_subscriptions" ADD CONSTRAINT "category_subscriptions_userId_fkey" FOREIGN KEY ("userId") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "category_subscriptions" ADD CONSTRAINT "category_subscriptions_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "categories"("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..3919d6e8
--- /dev/null
+++ b/prisma/schema.prisma
@@ -0,0 +1,313 @@
+// Prisma schema for prompts.chat
+// https://pris.ly/d/prisma-schema
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+}
+
+// ============================================
+// User & Authentication
+// ============================================
+
+enum UserRole {
+  ADMIN
+  USER
+}
+
+model User {
+  id            String    @id @default(cuid())
+  email         String    @unique
+  username      String    @unique
+  name          String?
+  password      String?   // For credentials auth
+  avatar        String?
+  role          UserRole  @default(USER)
+  locale        String    @default("en")
+  emailVerified DateTime?
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+
+  // Relations
+  prompts        Prompt[]         @relation("PromptAuthor")
+  contributions  Prompt[]         @relation("PromptContributors")
+  promptVersions PromptVersion[]
+  changeRequests ChangeRequest[]
+  accounts       Account[]
+  sessions       Session[]
+  subscriptions  CategorySubscription[]
+  votes          PromptVote[]
+  pinnedPrompts  PinnedPrompt[]
+
+  @@map("users")
+}
+
+model Account {
+  id                String  @id @default(cuid())
+  userId            String
+  type              String
+  provider          String
+  providerAccountId String
+  refresh_token     String? @db.Text
+  access_token      String? @db.Text
+  expires_at        Int?
+  token_type        String?
+  scope             String?
+  id_token          String? @db.Text
+  session_state     String?
+
+  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@unique([provider, providerAccountId])
+  @@map("accounts")
+}
+
+model Session {
+  id           String   @id @default(cuid())
+  sessionToken String   @unique
+  userId       String
+  expires      DateTime
+  user         User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@map("sessions")
+}
+
+model VerificationToken {
+  identifier String
+  token      String   @unique
+  expires    DateTime
+
+  @@unique([identifier, token])
+  @@map("verification_tokens")
+}
+
+// ============================================
+// Prompts & Content
+// ============================================
+
+enum PromptType {
+  TEXT
+  IMAGE
+  VIDEO
+  AUDIO
+  STRUCTURED
+}
+
+enum StructuredFormat {
+  JSON
+  YAML
+}
+
+enum ChangeRequestStatus {
+  PENDING
+  APPROVED
+  REJECTED
+}
+
+enum RequiredMediaType {
+  IMAGE
+  VIDEO
+  DOCUMENT
+}
+
+model Prompt {
+  id               String            @id @default(cuid())
+  title            String
+  description      String?
+  content          String            @db.Text
+  type             PromptType        @default(TEXT)
+  structuredFormat StructuredFormat? // For STRUCTURED type: JSON or YAML
+  isPrivate        Boolean           @default(false)
+  mediaUrl         String?           // For non-text prompts
+  
+  // Media requirements (user needs to upload media to use this prompt)
+  requiresMediaUpload  Boolean           @default(false)
+  requiredMediaType    RequiredMediaType?
+  requiredMediaCount   Int?
+  
+  // Metadata
+  viewCount   Int        @default(0)
+  createdAt   DateTime   @default(now())
+  updatedAt   DateTime   @updatedAt
+
+  // Relations
+  authorId   String
+  author     User        @relation("PromptAuthor", fields: [authorId], references: [id], onDelete: Cascade)
+  categoryId String?
+  category   Category?   @relation(fields: [categoryId], references: [id], onDelete: SetNull)
+
+  versions       PromptVersion[]
+  changeRequests ChangeRequest[]
+  tags           PromptTag[]
+  votes          PromptVote[]
+  contributors   User[]          @relation("PromptContributors")
+  pinnedBy       PinnedPrompt[]
+
+  @@index([authorId])
+  @@index([categoryId])
+  @@index([type])
+  @@index([isPrivate])
+  @@map("prompts")
+}
+
+model PromptVersion {
+  id         String   @id @default(cuid())
+  version    Int
+  content    String   @db.Text
+  changeNote String?
+  createdAt  DateTime @default(now())
+
+  // Relations
+  promptId  String
+  prompt    Prompt @relation(fields: [promptId], references: [id], onDelete: Cascade)
+  createdBy String
+  author    User   @relation(fields: [createdBy], references: [id], onDelete: Cascade)
+
+  @@unique([promptId, version])
+  @@index([promptId])
+  @@map("prompt_versions")
+}
+
+model ChangeRequest {
+  id              String              @id @default(cuid())
+  originalContent String              @db.Text
+  originalTitle   String
+  proposedContent String              @db.Text
+  proposedTitle   String?
+  reason          String?
+  status          ChangeRequestStatus @default(PENDING)
+  reviewNote      String?
+  createdAt       DateTime            @default(now())
+  updatedAt       DateTime            @updatedAt
+
+  // Relations
+  promptId String
+  prompt   Prompt @relation(fields: [promptId], references: [id], onDelete: Cascade)
+  authorId String
+  author   User   @relation(fields: [authorId], references: [id], onDelete: Cascade)
+
+  @@index([promptId])
+  @@index([authorId])
+  @@index([status])
+  @@map("change_requests")
+}
+
+// ============================================
+// Categories & Tags
+// ============================================
+
+model Category {
+  id          String  @id @default(cuid())
+  name        String
+  slug        String  @unique
+  description String?
+  icon        String?
+  order       Int     @default(0)
+
+  // Self-referential for hierarchy
+  parentId String?
+  parent   Category?  @relation("CategoryHierarchy", fields: [parentId], references: [id], onDelete: SetNull)
+  children Category[] @relation("CategoryHierarchy")
+
+  prompts       Prompt[]
+  subscribers   CategorySubscription[]
+
+  @@index([parentId])
+  @@map("categories")
+}
+
+model Tag {
+  id    String @id @default(cuid())
+  name  String @unique
+  slug  String @unique
+  color String @default("#6366f1")
+
+  prompts PromptTag[]
+
+  @@map("tags")
+}
+
+model PromptTag {
+  promptId String
+  tagId    String
+  prompt   Prompt @relation(fields: [promptId], references: [id], onDelete: Cascade)
+  tag      Tag    @relation(fields: [tagId], references: [id], onDelete: Cascade)
+
+  @@id([promptId, tagId])
+  @@map("prompt_tags")
+}
+
+// ============================================
+// Subscriptions
+// ============================================
+
+model CategorySubscription {
+  userId     String
+  categoryId String
+  createdAt  DateTime @default(now())
+
+  user     User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  category Category @relation(fields: [categoryId], references: [id], onDelete: Cascade)
+
+  @@id([userId, categoryId])
+  @@index([userId])
+  @@index([categoryId])
+  @@map("category_subscriptions")
+}
+
+model PromptVote {
+  userId    String
+  promptId  String
+  createdAt DateTime @default(now())
+
+  user   User   @relation(fields: [userId], references: [id], onDelete: Cascade)
+  prompt Prompt @relation(fields: [promptId], references: [id], onDelete: Cascade)
+
+  @@id([userId, promptId])
+  @@index([userId])
+  @@index([promptId])
+  @@map("prompt_votes")
+}
+
+model PinnedPrompt {
+  userId    String
+  promptId  String
+  order     Int      @default(0)
+  createdAt DateTime @default(now())
+
+  user   User   @relation(fields: [userId], references: [id], onDelete: Cascade)
+  prompt Prompt @relation(fields: [promptId], references: [id], onDelete: Cascade)
+
+  @@id([userId, promptId])
+  @@index([userId])
+  @@map("pinned_prompts")
+}
+
+// ============================================
+// Webhook Integration
+// ============================================
+
+enum WebhookEvent {
+  PROMPT_CREATED
+  PROMPT_UPDATED
+  PROMPT_DELETED
+}
+
+model WebhookConfig {
+  id          String         @id @default(cuid())
+  name        String         // e.g. "Slack Notifications"
+  url         String         // Webhook URL
+  method      String         @default("POST") // HTTP method
+  headers     Json?          // Custom headers as JSON object
+  payload     String         @db.Text // JSON template with placeholders
+  events      WebhookEvent[] // Which events trigger this webhook
+  isEnabled   Boolean        @default(true)
+  createdAt   DateTime       @default(now())
+  updatedAt   DateTime       @updatedAt
+
+  @@map("webhook_configs")
+}
diff --git a/prisma/seed.ts b/prisma/seed.ts
new file mode 100644
index 00000000..725affe9
--- /dev/null
+++ b/prisma/seed.ts
@@ -0,0 +1,616 @@
+import { PrismaClient } from "@prisma/client";
+import bcrypt from "bcryptjs";
+
+const prisma = new PrismaClient();
+
+async function main() {
+  console.log("🌱 Seeding database...");
+
+  // Create users
+  const password = await bcrypt.hash("password123", 12);
+  
+  const admin = await prisma.user.upsert({
+    where: { email: "admin@prompts.chat" },
+    update: {},
+    create: {
+      email: "admin@prompts.chat",
+      username: "admin",
+      name: "Admin User",
+      password: password,
+      role: "ADMIN",
+      locale: "en",
+    },
+  });
+
+  const demo = await prisma.user.upsert({
+    where: { email: "demo@prompts.chat" },
+    update: {},
+    create: {
+      email: "demo@prompts.chat",
+      username: "demo",
+      name: "Demo User",
+      password: password,
+      role: "USER",
+      locale: "en",
+    },
+  });
+
+  const alice = await prisma.user.upsert({
+    where: { email: "alice@example.com" },
+    update: {},
+    create: {
+      email: "alice@example.com",
+      username: "alice",
+      name: "Alice Johnson",
+      password: password,
+      role: "USER",
+      locale: "en",
+    },
+  });
+
+  const bob = await prisma.user.upsert({
+    where: { email: "bob@example.com" },
+    update: {},
+    create: {
+      email: "bob@example.com",
+      username: "bob",
+      name: "Bob Smith",
+      password: password,
+      role: "USER",
+      locale: "tr",
+    },
+  });
+
+  const charlie = await prisma.user.upsert({
+    where: { email: "charlie@example.com" },
+    update: {},
+    create: {
+      email: "charlie@example.com",
+      username: "charlie",
+      name: "Charlie Brown",
+      password: password,
+      role: "USER",
+      locale: "en",
+    },
+  });
+
+  const users = [admin, demo, alice, bob, charlie];
+  console.log("✅ Created", users.length, "users");
+
+  // Create parent categories
+  const coding = await prisma.category.upsert({
+    where: { slug: "coding" },
+    update: {},
+    create: { name: "Coding", slug: "coding", description: "Programming and development prompts", icon: "💻", order: 1 },
+  });
+
+  const writing = await prisma.category.upsert({
+    where: { slug: "writing" },
+    update: {},
+    create: { name: "Writing", slug: "writing", description: "Content writing and copywriting", icon: "✍️", order: 2 },
+  });
+
+  const business = await prisma.category.upsert({
+    where: { slug: "business" },
+    update: {},
+    create: { name: "Business", slug: "business", description: "Business strategy and operations", icon: "💼", order: 3 },
+  });
+
+  const creative = await prisma.category.upsert({
+    where: { slug: "creative" },
+    update: {},
+    create: { name: "Creative", slug: "creative", description: "Art, design, and creative work", icon: "🎨", order: 4 },
+  });
+
+  const education = await prisma.category.upsert({
+    where: { slug: "education" },
+    update: {},
+    create: { name: "Education", slug: "education", description: "Learning and teaching prompts", icon: "📚", order: 5 },
+  });
+
+  // Create nested categories (children)
+  const webDev = await prisma.category.upsert({
+    where: { slug: "web-development" },
+    update: {},
+    create: { name: "Web Development", slug: "web-development", description: "Frontend and backend web development", parentId: coding.id, order: 1 },
+  });
+
+  const mobileDev = await prisma.category.upsert({
+    where: { slug: "mobile-development" },
+    update: {},
+    create: { name: "Mobile Development", slug: "mobile-development", description: "iOS and Android development", parentId: coding.id, order: 2 },
+  });
+
+  const devops = await prisma.category.upsert({
+    where: { slug: "devops" },
+    update: {},
+    create: { name: "DevOps", slug: "devops", description: "CI/CD, cloud, and infrastructure", parentId: coding.id, order: 3 },
+  });
+
+  const dataScience = await prisma.category.upsert({
+    where: { slug: "data-science" },
+    update: {},
+    create: { name: "Data Science", slug: "data-science", description: "ML, AI, and data analysis", parentId: coding.id, order: 4 },
+  });
+
+  const blogWriting = await prisma.category.upsert({
+    where: { slug: "blog-writing" },
+    update: {},
+    create: { name: "Blog Writing", slug: "blog-writing", description: "Blog posts and articles", parentId: writing.id, order: 1 },
+  });
+
+  const copywriting = await prisma.category.upsert({
+    where: { slug: "copywriting" },
+    update: {},
+    create: { name: "Copywriting", slug: "copywriting", description: "Sales and marketing copy", parentId: writing.id, order: 2 },
+  });
+
+  const technicalWriting = await prisma.category.upsert({
+    where: { slug: "technical-writing" },
+    update: {},
+    create: { name: "Technical Writing", slug: "technical-writing", description: "Documentation and guides", parentId: writing.id, order: 3 },
+  });
+
+  const marketing = await prisma.category.upsert({
+    where: { slug: "marketing" },
+    update: {},
+    create: { name: "Marketing", slug: "marketing", description: "Marketing and advertising prompts", parentId: business.id, order: 1 },
+  });
+
+  const sales = await prisma.category.upsert({
+    where: { slug: "sales" },
+    update: {},
+    create: { name: "Sales", slug: "sales", description: "Sales strategies and outreach", parentId: business.id, order: 2 },
+  });
+
+  const hr = await prisma.category.upsert({
+    where: { slug: "hr" },
+    update: {},
+    create: { name: "HR & Recruiting", slug: "hr", description: "Human resources and hiring", parentId: business.id, order: 3 },
+  });
+
+  const imageGen = await prisma.category.upsert({
+    where: { slug: "image-generation" },
+    update: {},
+    create: { name: "Image Generation", slug: "image-generation", description: "AI image prompts", parentId: creative.id, order: 1 },
+  });
+
+  const music = await prisma.category.upsert({
+    where: { slug: "music" },
+    update: {},
+    create: { name: "Music", slug: "music", description: "Music and audio generation", parentId: creative.id, order: 2 },
+  });
+
+  // Create Workflows category (for structured prompts)
+  const workflows = await prisma.category.upsert({
+    where: { slug: "workflows" },
+    update: {},
+    create: { name: "Workflows", slug: "workflows", description: "Structured AI workflows and pipelines", icon: "⚡", order: 6 },
+  });
+
+  const agentWorkflows = await prisma.category.upsert({
+    where: { slug: "agent-workflows" },
+    update: {},
+    create: { name: "Agent Workflows", slug: "agent-workflows", description: "Multi-step AI agent configurations", parentId: workflows.id, order: 1 },
+  });
+
+  const automations = await prisma.category.upsert({
+    where: { slug: "automations" },
+    update: {},
+    create: { name: "Automations", slug: "automations", description: "Automated task pipelines", parentId: workflows.id, order: 2 },
+  });
+
+  const categories = [coding, writing, business, creative, education, workflows, webDev, mobileDev, devops, dataScience, blogWriting, copywriting, technicalWriting, marketing, sales, hr, imageGen, music, agentWorkflows, automations];
+  console.log("✅ Created", categories.length, "categories (including nested)");
+
+  // Create tags
+  const tags = await Promise.all([
+    prisma.tag.upsert({
+      where: { slug: "gpt-4" },
+      update: {},
+      create: { name: "GPT-4", slug: "gpt-4", color: "#10B981" },
+    }),
+    prisma.tag.upsert({
+      where: { slug: "claude" },
+      update: {},
+      create: { name: "Claude", slug: "claude", color: "#8B5CF6" },
+    }),
+    prisma.tag.upsert({
+      where: { slug: "midjourney" },
+      update: {},
+      create: { name: "Midjourney", slug: "midjourney", color: "#F59E0B" },
+    }),
+    prisma.tag.upsert({
+      where: { slug: "dalle" },
+      update: {},
+      create: { name: "DALL-E", slug: "dalle", color: "#EC4899" },
+    }),
+    prisma.tag.upsert({
+      where: { slug: "beginner" },
+      update: {},
+      create: { name: "Beginner", slug: "beginner", color: "#06B6D4" },
+    }),
+    prisma.tag.upsert({
+      where: { slug: "advanced" },
+      update: {},
+      create: { name: "Advanced", slug: "advanced", color: "#EF4444" },
+    }),
+    prisma.tag.upsert({
+      where: { slug: "chain-of-thought" },
+      update: {},
+      create: { name: "Chain of Thought", slug: "chain-of-thought", color: "#3B82F6" },
+    }),
+    prisma.tag.upsert({
+      where: { slug: "system-prompt" },
+      update: {},
+      create: { name: "System Prompt", slug: "system-prompt", color: "#6366F1" },
+    }),
+    prisma.tag.upsert({
+      where: { slug: "workflow" },
+      update: {},
+      create: { name: "Workflow", slug: "workflow", color: "#F97316" },
+    }),
+    prisma.tag.upsert({
+      where: { slug: "agent" },
+      update: {},
+      create: { name: "Agent", slug: "agent", color: "#14B8A6" },
+    }),
+  ]);
+  console.log("✅ Created", tags.length, "tags");
+
+  // Create sample prompts - distributed among users
+  const prompts = [
+    // Admin's prompts
+    { title: "Code Review Assistant", description: "A prompt for thorough code reviews", content: `You are an expert code reviewer. Review the following code:\n\n{{code}}\n\nProvide:\n1. Summary\n2. Strengths\n3. Issues\n4. Improvements\n5. Performance suggestions`, type: "TEXT", categorySlug: "web-development", tagSlugs: ["gpt-4", "advanced"], authorId: admin.id },
+    { title: "Expert System Prompt", description: "Turn AI into a domain expert", content: `You are an expert {{role}} with {{years}} years of experience in {{domain}}. Be precise, professional, and provide actionable insights.`, type: "TEXT", categorySlug: "coding", tagSlugs: ["system-prompt", "advanced", "gpt-4"], authorId: admin.id },
+    { title: "Lesson Plan Creator", description: "Create structured lesson plans", content: `Create a lesson plan for {{subject}} - {{topic}} for {{grade}} level. Include objectives, materials, activities, and assessment.`, type: "TEXT", categorySlug: "education", tagSlugs: ["gpt-4", "beginner"], authorId: admin.id },
+    { title: "DALL-E Product Mockup", description: "Professional product mockups", content: `A professional product photo of {{product}} on {{surface}}, soft studio lighting, high-end advertising style, 4k`, type: "IMAGE", categorySlug: "image-generation", tagSlugs: ["dalle", "beginner"], authorId: admin.id },
+    { title: "Email Response Generator", description: "Professional email responses", content: `Write a professional email response to: {{original_email}}\n\nTone: {{tone}}\nDesired outcome: {{outcome}}`, type: "TEXT", categorySlug: "business", tagSlugs: ["gpt-4", "beginner"], authorId: admin.id },
+    
+    // Demo user's prompts
+    { title: "Blog Post Generator", description: "Generate engaging blog posts", content: `Write a blog post about {{topic}} for {{audience}}. Include engaging intro, 3-5 sections, practical tips, and CTA. Word count: {{word_count}}`, type: "TEXT", categorySlug: "blog-writing", tagSlugs: ["gpt-4", "beginner"], authorId: demo.id },
+    { title: "SWOT Analysis Generator", description: "Comprehensive SWOT analysis", content: `Conduct a SWOT analysis for {{subject}} in {{industry}}. Provide Strengths, Weaknesses, Opportunities, Threats, and Strategic Recommendations.`, type: "TEXT", categorySlug: "business", tagSlugs: ["gpt-4", "chain-of-thought"], authorId: demo.id },
+    { title: "Midjourney Fantasy Landscape", description: "Stunning fantasy landscape images", content: `A breathtaking fantasy landscape, {{scene_type}}, ancient ruins, floating islands, dramatic lighting, volumetric fog, 8k --ar 16:9 --v 6`, type: "IMAGE", categorySlug: "image-generation", tagSlugs: ["midjourney", "advanced"], authorId: demo.id },
+    { title: "Debug Assistant", description: "Systematic debugging help", content: `Debug this issue:\n\nError: {{error}}\nCode: {{code}}\nTried: {{attempts}}\n\nExplain the error, root cause, fix, and prevention.`, type: "TEXT", categorySlug: "coding", tagSlugs: ["gpt-4", "claude", "chain-of-thought"], authorId: demo.id },
+    
+    // Alice's prompts
+    { title: "React Component Generator", description: "Generate React components with TypeScript", content: `Create a React component for {{component_name}} with TypeScript. Include props interface, hooks if needed, and basic styling.`, type: "TEXT", categorySlug: "web-development", tagSlugs: ["gpt-4", "advanced"], authorId: alice.id },
+    { title: "API Documentation Writer", description: "Generate API documentation", content: `Write API documentation for {{endpoint}}:\n\nMethod: {{method}}\nParameters: {{params}}\nResponse: {{response}}\n\nInclude examples and error codes.`, type: "TEXT", categorySlug: "technical-writing", tagSlugs: ["gpt-4", "beginner"], authorId: alice.id },
+    { title: "Social Media Content Calendar", description: "Plan social media content", content: `Create a {{duration}} social media content calendar for {{brand}} targeting {{audience}}. Include post ideas, hashtags, and best posting times.`, type: "TEXT", categorySlug: "marketing", tagSlugs: ["claude", "beginner"], authorId: alice.id },
+    { title: "UX Research Questions", description: "Generate user research questions", content: `Create user research questions for {{product}} focusing on {{feature}}. Include open-ended, rating, and follow-up questions.`, type: "TEXT", categorySlug: "business", tagSlugs: ["gpt-4", "beginner"], authorId: alice.id },
+    
+    // Bob's prompts  
+    { title: "SQL Query Optimizer", description: "Optimize SQL queries", content: `Analyze and optimize this SQL query:\n\n{{query}}\n\nProvide: execution plan analysis, index suggestions, and optimized query.`, type: "TEXT", categorySlug: "data-science", tagSlugs: ["gpt-4", "advanced"], authorId: bob.id },
+    { title: "Docker Compose Generator", description: "Generate Docker Compose files", content: `Create a Docker Compose file for {{stack}} with {{services}}. Include environment variables, volumes, and networks.`, type: "TEXT", categorySlug: "devops", tagSlugs: ["gpt-4", "advanced"], authorId: bob.id },
+    { title: "Job Description Writer", description: "Write compelling job descriptions", content: `Write a job description for {{position}} at {{company}}. Include responsibilities, requirements, benefits, and company culture.`, type: "TEXT", categorySlug: "hr", tagSlugs: ["claude", "beginner"], authorId: bob.id },
+    { title: "Sales Email Sequence", description: "Create sales email sequences", content: `Create a {{length}}-email sequence for {{product}} targeting {{persona}}. Include subject lines, personalization, and CTAs.`, type: "TEXT", categorySlug: "sales", tagSlugs: ["gpt-4", "advanced"], authorId: bob.id },
+    
+    // Charlie's prompts
+    { title: "Mobile App Onboarding Flow", description: "Design onboarding experiences", content: `Design an onboarding flow for {{app_name}} ({{platform}}). Include screens, copy, and user actions for first-time users.`, type: "TEXT", categorySlug: "mobile-development", tagSlugs: ["claude", "beginner"], authorId: charlie.id },
+    { title: "Product Copywriter", description: "Compelling product copy", content: `Write product copy for {{product_name}}:\n\nFeatures: {{features}}\nTarget: {{target}}\n\nInclude headline, benefits, and CTA.`, type: "TEXT", categorySlug: "copywriting", tagSlugs: ["gpt-4", "beginner"], authorId: charlie.id },
+    { title: "Meeting Notes Summarizer", description: "Summarize meeting notes", content: `Summarize this meeting:\n\n{{transcript}}\n\nProvide: key decisions, action items, owners, and deadlines.`, type: "TEXT", categorySlug: "business", tagSlugs: ["gpt-4", "beginner"], authorId: charlie.id },
+    { title: "Music Prompt Generator", description: "Generate music with AI", content: `Create a {{genre}} track with {{mood}} feel. BPM: {{bpm}}, Key: {{key}}. Include intro, verse, chorus structure.`, type: "AUDIO", categorySlug: "music", tagSlugs: ["claude", "advanced"], authorId: charlie.id },
+    
+    // Structured prompts (workflows)
+    { 
+      title: "Content Pipeline Workflow", 
+      description: "Multi-step content creation pipeline", 
+      content: JSON.stringify({
+        name: "Content Creation Pipeline",
+        version: "1.0",
+        steps: [
+          {
+            id: "research",
+            name: "Research Topic",
+            prompt: "Research the topic '{{topic}}' and provide 5 key points with sources",
+            output: "research_results"
+          },
+          {
+            id: "outline",
+            name: "Create Outline",
+            prompt: "Based on {{research_results}}, create a detailed blog post outline",
+            output: "outline",
+            depends_on: ["research"]
+          },
+          {
+            id: "draft",
+            name: "Write Draft",
+            prompt: "Write a {{word_count}} word blog post following this outline: {{outline}}",
+            output: "draft",
+            depends_on: ["outline"]
+          },
+          {
+            id: "review",
+            name: "Review & Edit",
+            prompt: "Review and improve this draft for clarity, grammar, and engagement: {{draft}}",
+            output: "final_content",
+            depends_on: ["draft"]
+          }
+        ],
+        variables: {
+          topic: { type: "string", required: true },
+          word_count: { type: "number", default: 1500 }
+        }
+      }, null, 2), 
+      type: "STRUCTURED", 
+      structuredFormat: "JSON",
+      categorySlug: "automations", 
+      tagSlugs: ["workflow", "gpt-4", "advanced"], 
+      authorId: admin.id 
+    },
+    { 
+      title: "Code Review Agent", 
+      description: "AI agent for comprehensive code reviews", 
+      content: `name: Code Review Agent
+version: "1.0"
+description: Multi-pass code review agent
+
+agent:
+  role: Senior Software Engineer
+  expertise:
+    - Code quality
+    - Security
+    - Performance optimization
+    - Best practices
+
+workflow:
+  - step: security_scan
+    prompt: |
+      Analyze this code for security vulnerabilities:
+      \`\`\`{{language}}
+      {{code}}
+      \`\`\`
+      Focus on: injection, XSS, authentication issues
+    output: security_report
+
+  - step: performance_review
+    prompt: |
+      Review this code for performance issues:
+      {{code}}
+      Consider: time complexity, memory usage, database queries
+    output: performance_report
+    depends_on: [security_scan]
+
+  - step: best_practices
+    prompt: |
+      Check adherence to {{language}} best practices:
+      {{code}}
+    output: practices_report
+    depends_on: [security_scan]
+
+  - step: final_summary
+    prompt: |
+      Compile a final code review report from:
+      - Security: {{security_report}}
+      - Performance: {{performance_report}}
+      - Best Practices: {{practices_report}}
+    output: final_review
+    depends_on: [performance_review, best_practices]
+
+variables:
+  code:
+    type: string
+    required: true
+  language:
+    type: string
+    default: typescript`, 
+      type: "STRUCTURED", 
+      structuredFormat: "YAML",
+      categorySlug: "agent-workflows", 
+      tagSlugs: ["agent", "workflow", "claude", "advanced"], 
+      authorId: demo.id 
+    },
+    { 
+      title: "Customer Support Agent", 
+      description: "Intelligent customer support workflow", 
+      content: JSON.stringify({
+        name: "Customer Support Agent",
+        version: "1.0",
+        agent: {
+          role: "Customer Support Specialist",
+          tone: "friendly, professional, helpful",
+          constraints: [
+            "Never share internal policies",
+            "Escalate billing issues over $1000",
+            "Always verify customer identity first"
+          ]
+        },
+        workflow: [
+          {
+            step: "classify",
+            prompt: "Classify this customer inquiry: {{inquiry}}\nCategories: billing, technical, general, complaint",
+            output: "category"
+          },
+          {
+            step: "gather_context",
+            prompt: "What additional information is needed to resolve this {{category}} issue? List specific questions.",
+            output: "followup_questions",
+            depends_on: ["classify"]
+          },
+          {
+            step: "resolve",
+            prompt: "Provide a helpful response for this {{category}} issue: {{inquiry}}\nContext gathered: {{context}}",
+            output: "response",
+            depends_on: ["gather_context"]
+          }
+        ],
+        variables: {
+          inquiry: { type: "string", required: true },
+          context: { type: "string", default: "" }
+        }
+      }, null, 2), 
+      type: "STRUCTURED", 
+      structuredFormat: "JSON",
+      categorySlug: "agent-workflows", 
+      tagSlugs: ["agent", "workflow", "gpt-4", "beginner"], 
+      authorId: alice.id 
+    },
+    { 
+      title: "Data Processing Pipeline", 
+      description: "ETL-style data transformation workflow", 
+      content: `name: Data Processing Pipeline
+version: "1.0"
+description: Transform and analyze data with AI
+
+pipeline:
+  - stage: extract
+    name: Data Extraction
+    prompt: |
+      Extract structured data from this input:
+      {{raw_data}}
+      
+      Output as JSON with fields: {{fields}}
+    output: extracted_data
+
+  - stage: transform
+    name: Data Transformation
+    prompt: |
+      Transform this data according to rules:
+      Data: {{extracted_data}}
+      Rules: {{transformation_rules}}
+    output: transformed_data
+    depends_on: [extract]
+
+  - stage: validate
+    name: Data Validation
+    prompt: |
+      Validate this data against schema:
+      Data: {{transformed_data}}
+      Schema: {{validation_schema}}
+      Report any errors or inconsistencies.
+    output: validation_report
+    depends_on: [transform]
+
+  - stage: analyze
+    name: Data Analysis
+    prompt: |
+      Analyze this validated data:
+      {{transformed_data}}
+      
+      Provide: summary statistics, patterns, anomalies
+    output: analysis_report
+    depends_on: [validate]
+
+variables:
+  raw_data:
+    type: string
+    required: true
+  fields:
+    type: array
+    default: [id, name, value, timestamp]
+  transformation_rules:
+    type: string
+    default: "normalize dates, clean text, convert currencies"
+  validation_schema:
+    type: string
+    default: "standard"`, 
+      type: "STRUCTURED", 
+      structuredFormat: "YAML",
+      categorySlug: "automations", 
+      tagSlugs: ["workflow", "claude", "advanced"], 
+      authorId: bob.id 
+    },
+  ];
+
+  for (const promptData of prompts) {
+    const category = categories.find((c) => c.slug === promptData.categorySlug);
+    const promptTags = tags.filter((t) => promptData.tagSlugs.includes(t.slug));
+
+    const existingPrompt = await prisma.prompt.findFirst({
+      where: { title: promptData.title, authorId: promptData.authorId },
+    });
+
+    if (!existingPrompt) {
+      const prompt = await prisma.prompt.create({
+        data: {
+          title: promptData.title,
+          description: promptData.description,
+          content: promptData.content,
+          type: promptData.type as "TEXT" | "IMAGE" | "VIDEO" | "AUDIO" | "STRUCTURED",
+          structuredFormat: (promptData as { structuredFormat?: "JSON" | "YAML" }).structuredFormat,
+          authorId: promptData.authorId,
+          categoryId: category?.id,
+          tags: {
+            create: promptTags.map((tag) => ({ tagId: tag.id })),
+          },
+        },
+      });
+
+      // Create initial version
+      await prisma.promptVersion.create({
+        data: {
+          promptId: prompt.id,
+          version: 1,
+          content: promptData.content,
+          changeNote: "Initial version",
+          createdBy: promptData.authorId,
+        },
+      });
+    }
+  }
+  console.log("✅ Created", prompts.length, "prompts");
+
+  // Create comprehensive change requests
+  const allPrompts = await prisma.prompt.findMany();
+  
+  const changeRequestsData = [
+    // Pending requests
+    { id: "cr-1", promptTitle: "Code Review Assistant", authorId: demo.id, reason: "Added best practices section", proposedAddition: "\n\n6. **Best Practices**: Suggest industry best practices.", status: "PENDING" as const },
+    { id: "cr-2", promptTitle: "Blog Post Generator", authorId: alice.id, reason: "Added SEO tips", proposedAddition: "\n\nInclude meta description and keyword suggestions.", status: "PENDING" as const },
+    { id: "cr-3", promptTitle: "React Component Generator", authorId: bob.id, reason: "Add accessibility considerations", proposedAddition: "\n\nEnsure ARIA labels and keyboard navigation support.", status: "PENDING" as const },
+    { id: "cr-4", promptTitle: "SQL Query Optimizer", authorId: charlie.id, reason: "Include explain analyze output", proposedAddition: "\n\nShow EXPLAIN ANALYZE output interpretation.", status: "PENDING" as const },
+    { id: "cr-5", promptTitle: "Expert System Prompt", authorId: demo.id, reason: "Add error handling guidance", proposedAddition: "\n\nHandle edge cases gracefully and provide fallback responses.", status: "PENDING" as const },
+    
+    // Approved requests
+    { id: "cr-6", promptTitle: "SWOT Analysis Generator", authorId: admin.id, reason: "Added competitive analysis section", proposedAddition: "\n\n## Competitive Position\nCompare against top 3 competitors.", status: "APPROVED" as const, reviewNote: "Great addition! Merged." },
+    { id: "cr-7", promptTitle: "Debug Assistant", authorId: alice.id, reason: "Include stack trace analysis", proposedAddition: "\n\n6. Analyze the full stack trace if provided.", status: "APPROVED" as const, reviewNote: "Very helpful improvement." },
+    { id: "cr-8", promptTitle: "Docker Compose Generator", authorId: demo.id, reason: "Add health checks", proposedAddition: "\n\nInclude healthcheck configurations for each service.", status: "APPROVED" as const, reviewNote: "Essential for production setups." },
+    { id: "cr-9", promptTitle: "API Documentation Writer", authorId: bob.id, reason: "Add rate limiting info", proposedAddition: "\n\nDocument rate limits and throttling policies.", status: "APPROVED" as const, reviewNote: "Good call, this is often missing." },
+    
+    // Rejected requests  
+    { id: "cr-10", promptTitle: "Midjourney Fantasy Landscape", authorId: admin.id, reason: "Simplify the prompt", proposedAddition: " (simplified)", status: "REJECTED" as const, reviewNote: "I prefer the detailed version for better results." },
+    { id: "cr-11", promptTitle: "Sales Email Sequence", authorId: charlie.id, reason: "Make it more aggressive", proposedAddition: "\n\nBe more pushy and urgent.", status: "REJECTED" as const, reviewNote: "This goes against our brand voice guidelines." },
+    { id: "cr-12", promptTitle: "Job Description Writer", authorId: alice.id, reason: "Remove benefits section", proposedAddition: "", status: "REJECTED" as const, reviewNote: "Benefits are important for attracting candidates." },
+  ];
+
+  for (const cr of changeRequestsData) {
+    const prompt = allPrompts.find(p => p.title === cr.promptTitle);
+    if (prompt) {
+      await prisma.changeRequest.upsert({
+        where: { id: cr.id },
+        update: {},
+        create: {
+          id: cr.id,
+          promptId: prompt.id,
+          authorId: cr.authorId,
+          originalContent: prompt.content,
+          originalTitle: prompt.title,
+          proposedContent: prompt.content + cr.proposedAddition,
+          proposedTitle: null,
+          reason: cr.reason,
+          status: cr.status,
+          reviewNote: cr.reviewNote || null,
+        },
+      });
+    }
+  }
+
+  console.log("✅ Created", changeRequestsData.length, "change requests");
+
+  console.log("\n🎉 Seeding complete!");
+  console.log("\n📋 Test credentials (all passwords: password123):");
+  console.log("   Admin:   admin@prompts.chat");
+  console.log("   Demo:    demo@prompts.chat");
+  console.log("   Alice:   alice@example.com");
+  console.log("   Bob:     bob@example.com");
+  console.log("   Charlie: charlie@example.com");
+}
+
+main()
+  .catch((e) => {
+    console.error("❌ Seeding failed:", e);
+    process.exit(1);
+  })
+  .finally(async () => {
+    await prisma.$disconnect();
+  });
diff --git a/prompts.config.ts b/prompts.config.ts
new file mode 100644
index 00000000..55ede862
--- /dev/null
+++ b/prompts.config.ts
@@ -0,0 +1,57 @@
+import { defineConfig } from "@/lib/config";
+
+export default defineConfig({
+  // Branding - customize for white-label
+  branding: {
+    name: "prompts.chat",
+    logo: "/logo.svg",
+    favicon: "/favicon.ico",
+    description: "Collect, organize, and share AI prompts",
+  },
+
+  // Theme - design system configuration
+  theme: {
+    // Border radius: "none" | "sm" | "md" | "lg"
+    radius: "sm",
+    // UI style: "flat" | "default" | "brutal"
+    variant: "default",
+    // Spacing density: "compact" | "default" | "comfortable"
+    density: "compact",
+    // Colors (hex or oklch)
+    colors: {
+      primary: "#6366f1", // Indigo
+    },
+  },
+
+  // Authentication plugin
+  auth: {
+    // Available: "credentials" | "google" | "azure" | custom
+    provider: "credentials",
+    // Allow public registration
+    allowRegistration: true,
+  },
+
+  // Storage plugin for media uploads
+  storage: {
+    // Available: "url" | "s3" | custom
+    provider: "url",
+  },
+
+  // Internationalization
+  i18n: {
+    locales: ["en", "tr", "es", "zh", "ja"],
+    defaultLocale: "en",
+  },
+
+  // Features
+  features: {
+    // Allow users to create private prompts
+    privatePrompts: true,
+    // Enable change request system for versioning
+    changeRequests: true,
+    // Enable categories
+    categories: true,
+    // Enable tags
+    tags: true,
+  },
+});
diff --git a/public/file.svg b/public/file.svg
new file mode 100644
index 00000000..004145cd
--- /dev/null
+++ b/public/file.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/public/globe.svg b/public/globe.svg
new file mode 100644
index 00000000..567f17b0
--- /dev/null
+++ b/public/globe.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/public/next.svg b/public/next.svg
new file mode 100644
index 00000000..5174b28c
--- /dev/null
+++ b/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/public/vercel.svg b/public/vercel.svg
new file mode 100644
index 00000000..77053960
--- /dev/null
+++ b/public/vercel.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/public/window.svg b/public/window.svg
new file mode 100644
index 00000000..b2b2a44f
--- /dev/null
+++ b/public/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/script.js b/script.js
deleted file mode 100644
index 9e86dbb6..00000000
--- a/script.js
+++ /dev/null
@@ -1,1522 +0,0 @@
-// Sidebar toggle functionality
-function initializeSidebarToggle() {
-  const toggle = document.querySelector(".sidebar-toggle");
-  if (!toggle) return;
-
-  const body = document.body;
-  const collapseIcon = toggle.querySelector(".collapse-icon");
-  const expandIcon = toggle.querySelector(".expand-icon");
-  const stored = localStorage.getItem("sidebar-collapsed");
-  const isCollapsed = stored === "true";
-
-  if (isCollapsed) {
-    body.classList.add("sidebar-collapsed");
-    toggle.setAttribute("aria-expanded", "false");
-    collapseIcon.style.display = "none";
-    expandIcon.style.display = "block";
-  } else {
-    toggle.setAttribute("aria-expanded", "true");
-    collapseIcon.style.display = "block";
-    expandIcon.style.display = "none";
-  }
-
-  toggle.addEventListener("click", () => {
-    const nowCollapsed = !body.classList.contains("sidebar-collapsed");
-    body.classList.toggle("sidebar-collapsed", nowCollapsed);
-    localStorage.setItem("sidebar-collapsed", nowCollapsed ? "true" : "false");
-    toggle.setAttribute("aria-expanded", nowCollapsed ? "false" : "true");
-    collapseIcon.style.display = nowCollapsed ? "none" : "block";
-    expandIcon.style.display = nowCollapsed ? "block" : "none";
-  });
-}
-
-// Dark mode functionality
-function toggleDarkMode() {
-  const body = document.body;
-  const toggle = document.querySelector(".dark-mode-toggle");
-  const sunIcon = toggle.querySelector(".sun-icon");
-  const moonIcon = toggle.querySelector(".moon-icon");
-
-  body.classList.toggle("dark-mode");
-  const isDarkMode = body.classList.contains("dark-mode");
-
-  localStorage.setItem("dark-mode", isDarkMode);
-  sunIcon.style.display = isDarkMode ? "none" : "block";
-  moonIcon.style.display = isDarkMode ? "block" : "none";
-}
-
-// Add these new functions at the top
-function extractVariables(text) {
-  const variables = [];
-  
-  // Extract ${var:default} format variables
-  const regex1 = /\${([^}]+)}/g;
-  let match;
-  while ((match = regex1.exec(text)) !== null) {
-    const [variable, defaultValue] = match[1].split(":").map((s) => s.trim());
-    variables.push({ name: variable, default: defaultValue || "" });
-  }
-  
-  // Extract {{var}} format variables
-  const regex2 = /\{\{([^}]+)\}\}/g;
-  while ((match = regex2.exec(text)) !== null) {
-    const variable = match[1].trim();
-    if (!variables.some(v => v.name === variable)) {
-      variables.push({ name: variable, default: "" });
-    }
-  }
-
-  return [...new Set(variables.map((v) => JSON.stringify(v)))].map((v) =>
-    JSON.parse(v)
-  ); // Remove duplicates
-}
-
-function createVariableInputs(variables, container) {
-  const form = document.createElement("div");
-  form.className = "variable-form";
-
-  variables.forEach((variable) => {
-    const wrapper = document.createElement("div");
-    wrapper.className = "variable-input-wrapper";
-
-    const label = document.createElement("label");
-    label.textContent = variable.name;
-    label.style.fontWeight = "600";
-
-    const input = document.createElement("input");
-    input.type = "text";
-    input.className = "variable-input";
-    input.placeholder = variable.default || `Enter ${variable.name}`;
-    input.dataset.variable = variable.name;
-    input.dataset.default = variable.default || "";
-
-    wrapper.appendChild(label);
-    wrapper.appendChild(input);
-    form.appendChild(wrapper);
-  });
-
-  container.appendChild(form);
-  return form;
-}
-
-// Function to update the prompt preview with user input or default values
-function updatePromptPreview(promptText, form) {
-  const variables = extractVariables(promptText);
-
-  if (variables.length === 0) {
-    return promptText; // Return original text if no variables found
-  }
-
-  let previewText = promptText;
-  // Replace variables with their default values without editting (for prompt cards, copy buttons, chat)
-  if (!form) {
-    variables.forEach(variable => {
-      // Handle old-style ${var:default} format
-      const pattern1 = new RegExp(`\\$\{${variable.name}[^}]*\}`, 'g');
-      const replacement = variable.default || `<b>${variable.name}</b>`;
-      previewText = previewText.replace(pattern1, replacement);
-      
-      // Handle new-style {{var}} format
-      const pattern2 = new RegExp(`\\{\\{${variable.name}\\}\\}`, 'g');
-      previewText = previewText.replace(pattern2, replacement);
-    });
-  }
-  // Replace variables according to the user inputs.
-  else {
-    const inputs = form.querySelectorAll(".variable-input");
-
-    inputs.forEach((input) => {
-      const value = input.value.trim();
-      const variable = input.dataset.variable;
-      const defaultValue = input.dataset.default;
-      
-      // Handle old-style ${var:default} format
-      const pattern1 = new RegExp(`\\$\{${variable}[^}]*\}`, 'g');
-      // Handle new-style {{var}} format
-      const pattern2 = new RegExp(`\\{\\{${variable}\\}\\}`, 'g');
-      
-      let replacement;
-      if (value) {
-        // User entered value
-        replacement = value;
-      } else if (defaultValue) {
-        // Show default value with highlight
-        replacement = defaultValue;
-      } else {
-        // No value or default, show variable name
-        replacement = variable;
-      }
-      replacement = `<b>${replacement}</b>`;
-
-      previewText = previewText.replace(pattern1, replacement);
-      previewText = previewText.replace(pattern2, replacement);
-    });
-  }
-  return previewText;
-}
-
-// Initialize everything after DOM loads
-document.addEventListener("DOMContentLoaded", () => {
-  // Initialize audience selector and dev mode
-  const audienceSelect = document.getElementById('audienceSelect');
-  const initialAudience = localStorage.getItem('audience') || 'everyone';
-  audienceSelect.value = initialAudience;
-  document.body.classList.toggle('dev-mode', initialAudience === 'developers');
-
-  // Handle audience changes
-  audienceSelect.addEventListener('change', (e) => {
-    const isDevMode = e.target.value === 'developers';
-    document.body.classList.toggle('dev-mode', isDevMode);
-    localStorage.setItem('audience', e.target.value);
-    
-    // Update chat button icons
-    updateChatButtonIcons(isDevMode);
-
-    // Check if we should show Copilot suggestion
-    if (isDevMode) {
-      const currentPlatform = document.querySelector(".platform-tag.active");
-      const shouldNotShow = localStorage.getItem("copilot-suggestion-hidden") === "true";
-
-      if (currentPlatform && 
-          currentPlatform.dataset.platform !== "github-copilot" && 
-          !shouldNotShow) {
-        showCopilotSuggestion();
-      }
-    }
-
-    // Trigger prompt filtering
-    filterPrompts();
-  });
-
-  // Fetch GitHub stars
-  fetch("https://api.github.com/repos/f/awesome-chatgpt-prompts")
-    .then((response) => response.json())
-    .then((data) => {
-      const stars = data.stargazers_count;
-      document.getElementById("starCount").textContent = stars.toLocaleString();
-    })
-    .catch((error) => {
-      console.error("Error fetching star count:", error);
-      document.getElementById("starCount").textContent = "129k+";
-    });
-
-  // Create prompt cards
-  createPromptCards();
-
-  // Initialize dark mode
-  const isDarkMode = localStorage.getItem("dark-mode");
-  const toggle = document.querySelector(".dark-mode-toggle");
-  const sunIcon = toggle.querySelector(".sun-icon");
-  const moonIcon = toggle.querySelector(".moon-icon");
-
-  // Set dark mode by default if not set
-  if (isDarkMode === null) {
-    localStorage.setItem("dark-mode", "true");
-    document.body.classList.add("dark-mode");
-    sunIcon.style.display = "none";
-    moonIcon.style.display = "block";
-  } else if (isDarkMode === "true") {
-    document.body.classList.add("dark-mode");
-    sunIcon.style.display = "none";
-    moonIcon.style.display = "block";
-  } else {
-    sunIcon.style.display = "block";
-    moonIcon.style.display = "none";
-  }
-
-  // Initialize search functionality
-  initializeSearch();
-
-  // Initialize language and tone selectors
-  initializeLanguageAndTone();
-
-  // Initialize sidebar toggle
-  initializeSidebarToggle();
-
-  filterPrompts();
-});
-
-// Search functionality
-async function initializeSearch() {
-  try {
-    const response = await fetch("/prompts.csv");
-    const csvText = await response.text();
-    const prompts = parseCSV(csvText);
-
-    // Sort prompts alphabetically by act
-    prompts.sort((a, b) => a.act.localeCompare(b.act));
-
-    const searchInput = document.getElementById("searchInput");
-    const searchResults = document.getElementById("searchResults");
-    const promptCount = document.getElementById("promptCount");
-    const isDevMode = document.getElementById("audienceSelect").value === "developers";
-
-    // Update prompt count
-    const totalPrompts = isDevMode
-      ? prompts.filter((p) => p.for_devs === true).length
-      : prompts.length;
-    updatePromptCount(totalPrompts, totalPrompts);
-
-    // Show filtered prompts initially
-    const filteredPrompts = isDevMode
-      ? prompts.filter((p) => p.for_devs === true)
-      : prompts;
-    displaySearchResults(filteredPrompts);
-
-    searchInput.addEventListener("input", (e) => {
-      const searchTerm = e.target.value.toLowerCase();
-      const isDevMode = document.getElementById("audienceSelect").value === "developers";
-
-      const filteredPrompts = prompts.filter((prompt) => {
-        const matchesSearch =
-          prompt.act.toLowerCase().includes(searchTerm) ||
-          prompt.prompt.toLowerCase().includes(searchTerm);
-
-        return isDevMode
-          ? matchesSearch && prompt.for_devs === true
-          : matchesSearch;
-      });
-
-      // Update count with filtered results
-      const totalPrompts = isDevMode
-        ? prompts.filter((p) => p.for_devs === true).length
-        : prompts.length;
-      updatePromptCount(filteredPrompts.length, totalPrompts);
-      displaySearchResults(filteredPrompts);
-    });
-  } catch (error) {
-    console.error("Error loading prompts:", error);
-  }
-}
-
-function updatePromptCount(filteredCount, totalCount) {
-  const promptCount = document.getElementById("promptCount");
-  const countLabel = promptCount.querySelector(".count-label");
-  const countNumber = promptCount.querySelector(".count-number");
-
-  if (filteredCount === totalCount) {
-    promptCount.classList.remove("filtered");
-    countLabel.textContent = "All Prompts";
-    countNumber.textContent = totalCount;
-  } else {
-    promptCount.classList.add("filtered");
-    countLabel.textContent = `Found ${filteredCount} of ${totalCount}`;
-    countNumber.textContent = filteredCount;
-  }
-}
-
-function parseCSV(csv) {
-  const lines = csv.split("\n");
-  const headers = lines[0]
-    .split(",")
-    .map((header) => header.replace(/"/g, "").trim());
-
-  // Helper function to properly parse CSV line with quoted fields
-  function parseCSVLine(line) {
-    const values = [];
-    let current = '';
-    let inQuotes = false;
-    
-    for (let i = 0; i < line.length; i++) {
-      const char = line[i];
-      const nextChar = line[i + 1];
-      
-      if (char === '"' && !inQuotes) {
-        inQuotes = true;
-      } else if (char === '"' && inQuotes) {
-        if (nextChar === '"') {
-          // Escaped quote
-          current += '"';
-          i++; // Skip next quote
-        } else {
-          inQuotes = false;
-        }
-      } else if (char === ',' && !inQuotes) {
-        values.push(current.trim());
-        current = '';
-      } else {
-        current += char;
-      }
-    }
-    values.push(current.trim());
-    return values;
-  }
-
-  return lines
-    .slice(1)
-    .map((line) => {
-      const values = parseCSVLine(line);
-      const entry = {};
-
-      headers.forEach((header, index) => {
-        let value = values[index] ? values[index].trim() : "";
-        // Remove backticks from the act/title
-        if (header === "act") {
-          value = value.replace(/`/g, "");
-        }
-        // Convert 'TRUE'/'FALSE' strings to boolean for for_devs
-        if (header === "for_devs") {
-          value = value.toUpperCase() === "TRUE";
-        }
-        // Default type to TEXT if not specified
-        if (header === "type" && !value) {
-          value = "TEXT";
-        }
-        entry[header] = value;
-      });
-
-      // Ensure type defaults to TEXT if not present
-      if (!entry.type) {
-        entry.type = "TEXT";
-      }
-
-      return entry;
-    })
-    .filter((entry) => entry.act && entry.prompt);
-}
-
-// Format JSON with syntax highlighting
-function formatJsonWithHighlighting(jsonString) {
-  try {
-    // Clean up the JSON string - replace curly quotes with straight quotes
-    let cleanedJson = jsonString
-      .replace(/[\u201C\u201D]/g, '"')  // Replace curly double quotes
-      .replace(/[\u2018\u2019]/g, "'")  // Replace curly single quotes
-      .replace(/“/g, '"')               // Replace left double quote
-      .replace(/”/g, '"');               // Replace right double quote
-      // .replace(/\n/g, '\\n');           // Replace newlines
-
-    // Try to parse and re-format the JSON
-    const parsed = JSON.parse(cleanedJson);
-    const formatted = JSON.stringify(parsed, null, 2);
-    
-    // Apply syntax highlighting
-    return formatted
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?)/g, (match) => {
-        let cls = 'json-string';
-        if (/:$/.test(match)) {
-          cls = 'json-key';
-          match = match.replace(/:$/, '');
-          return `<span class="${cls}">${match}</span>:`;
-        }
-        return `<span class="${cls}">${match}</span>`;
-      })
-      .replace(/\b(true|false)\b/g, '<span class="json-boolean">$1</span>')
-      .replace(/\b(null)\b/g, '<span class="json-null">$1</span>')
-      .replace(/\b(-?\d+\.?\d*)\b/g, '<span class="json-number">$1</span>');
-  } catch (e) {
-    // If JSON parsing fails, try to format it as-is with basic highlighting
-    console.warn('JSON parsing failed:', e.message);
-    return jsonString
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;');
-  }
-}
-
-// Check if a string is valid JSON
-function isValidJson(str) {
-  try {
-    // First try to parse as-is
-    JSON.parse(str);
-    return true;
-  } catch (e) {
-    // If that fails, try to clean it up and parse again
-    try {
-      const cleaned = str
-        .replace(/[\u201C\u201D]/g, '"')  // Replace curly double quotes
-        .replace(/[\u2018\u2019]/g, "'"); // Replace curly single quotes
-      JSON.parse(cleaned);
-      return true;
-    } catch (e2) {
-      return false;
-    }
-  }
-}
-
-function displaySearchResults(results) {
-  const searchResults = document.getElementById("searchResults");
-  const searchInput = document.getElementById("searchInput");
-  const isDevMode = document.getElementById("audienceSelect").value === "developers";
-
-  // Filter results based on dev mode
-  if (isDevMode) {
-    results = results.filter((result) => result.for_devs === true);
-  }
-
-  searchResults.innerHTML = "";
-
-  if (window.innerWidth <= 768 && !searchInput.value.trim()) {
-    return;
-  }
-
-  if (results.length === 0) {
-    const li = document.createElement("li");
-    li.className = "search-result-item add-prompt";
-    li.innerHTML = `
-    <a href="https://github.com/f/awesome-chatgpt-prompts/pulls" target="_blank" style="text-decoration: none; color: inherit; display: flex; align-items: center; gap: 8px;">
-        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <circle cx="12" cy="12" r="10"></circle>
-        <line x1="12" y1="8" x2="12" y2="16"></line>
-        <line x1="8" y1="12" x2="16" y2="12"></line>
-        </svg>
-        Add this prompt
-    </a>
-    `;
-    searchResults.appendChild(li);
-    return;
-  }
-
-  results.forEach((result) => {
-    const li = document.createElement("li");
-    li.className = "search-result-item";
-    li.textContent = result.act;
-    li.addEventListener("click", () => {
-      // Find the prompt card with matching title
-      const cards = document.querySelectorAll(".prompt-card");
-      const targetCard = Array.from(cards).find((card) => {
-        const cardTitle = card
-          .querySelector(".prompt-title")
-          .textContent.replace(/\s+/g, " ") // Normalize whitespace
-          .replace(/[\n\r]/g, "") // Remove newlines
-          .trim();
-
-        const searchTitle = result.act
-          .replace(/\s+/g, " ") // Normalize whitespace
-          .replace(/[\n\r]/g, "") // Remove newlines
-          .trim();
-
-        return (
-          cardTitle.toLowerCase().includes(searchTitle.toLowerCase()) ||
-          searchTitle.toLowerCase().includes(cardTitle.toLowerCase())
-        );
-      });
-
-      if (targetCard) {
-        // Remove highlight from all cards
-        cards.forEach((card) => {
-          card.style.transition = "all 0.3s ease";
-          card.style.transform = "none";
-          card.style.boxShadow = "none";
-          card.style.borderColor = "";
-        });
-
-        // Different scroll behavior for mobile and desktop
-        const isMobile = window.innerWidth <= 768;
-        const headerHeight =
-          document.querySelector(".site-header").offsetHeight;
-
-        if (isMobile) {
-          // On mobile, scroll the window
-          const cardRect = targetCard.getBoundingClientRect();
-          const scrollTop =
-            window.pageYOffset + cardRect.top - headerHeight - 50;
-
-          window.scrollTo({
-            top: scrollTop,
-            behavior: "smooth",
-          });
-        } else {
-          // On desktop, scroll the main-content container
-          const mainContent = document.querySelector(".main-content");
-          const cardRect = targetCard.getBoundingClientRect();
-          const scrollTop =
-            mainContent.scrollTop + cardRect.top - headerHeight - 50;
-
-          mainContent.scrollTo({
-            top: scrollTop,
-            behavior: "smooth",
-          });
-        }
-
-        // Add highlight effect after scrolling completes
-        setTimeout(() => {
-          targetCard.style.transform = "scale(1.02)";
-          targetCard.style.boxShadow = "0 0 0 2px var(--accent-color)";
-          targetCard.style.borderColor = "var(--accent-color)";
-
-          // Remove highlight after animation
-          setTimeout(() => {
-            targetCard.style.transform = "none";
-            targetCard.style.boxShadow = "none";
-            targetCard.style.borderColor = "";
-          }, 2000);
-        }, 500); // Wait for scroll to complete
-      } else {
-        console.log("Card not found for:", result.act);
-      }
-    });
-    searchResults.appendChild(li);
-  });
-}
-
-// Function to filter prompts based on dev mode
-function filterPrompts() {
-  const isDevMode = document.getElementById("audienceSelect").value === "developers";
-  const searchInput = document.getElementById("searchInput");
-  const searchTerm = searchInput.value.toLowerCase();
-
-  // Re-fetch and filter prompts
-  fetch("/prompts.csv")
-    .then((response) => response.text())
-    .then((csvText) => {
-      const prompts = parseCSV(csvText);
-      const filteredPrompts = prompts.filter((prompt) => {
-        const matchesSearch =
-          !searchTerm ||
-          prompt.act.toLowerCase().includes(searchTerm) ||
-          prompt.prompt.toLowerCase().includes(searchTerm);
-
-        return isDevMode
-          ? matchesSearch && prompt.for_devs === true
-          : matchesSearch;
-      });
-
-      // Update count with filtered results
-      updatePromptCount(
-        filteredPrompts.length,
-        isDevMode
-          ? prompts.filter((p) => p.for_devs === true).length
-          : prompts.length
-      );
-      displaySearchResults(filteredPrompts);
-
-      // Update prompt cards visibility
-      const promptsGrid = document.querySelector(".prompts-grid");
-      if (promptsGrid) {
-        const cards = promptsGrid.querySelectorAll(
-          ".prompt-card:not(.contribute-card)"
-        );
-        cards.forEach((card) => {
-          const title = card.querySelector(".prompt-title").textContent.trim();
-          const matchingPrompt = prompts.find((p) => {
-            const pTitle = p.act
-              .replace(/\s+/g, " ")
-              .replace(/[\n\r]/g, "")
-              .trim();
-            const cardTitle = title
-              .replace(/\s+/g, " ")
-              .replace(/[\n\r]/g, "")
-              .trim();
-            return (
-              pTitle.toLowerCase() === cardTitle.toLowerCase() ||
-              pTitle.toLowerCase().includes(cardTitle.toLowerCase()) ||
-              cardTitle.toLowerCase().includes(pTitle.toLowerCase())
-            );
-          });
-
-          // Show card if not in dev mode or if it's a dev prompt in dev mode
-          card.style.display =
-            !isDevMode || (matchingPrompt && matchingPrompt.for_devs === true)
-              ? ""
-              : "none";
-        });
-      }
-    });
-}
-
-// Update the modal initialization and event listeners
-function createPromptCards() {
-  const container = document.querySelector(".container-lg.markdown-body");
-  const promptsGrid = document.createElement("div");
-  promptsGrid.className = "prompts-grid";
-
-  // Add contribute box
-  const contributeCard = document.createElement("div");
-  contributeCard.className = "prompt-card contribute-card";
-  contributeCard.innerHTML = `
-    <a href="https://github.com/f/awesome-chatgpt-prompts/pulls" target="_blank" style="text-decoration: none; color: inherit; height: 100%; display: flex; flex-direction: column;">
-    <div class="prompt-title" style="display: flex; align-items: center; gap: 8px;">
-        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <circle cx="12" cy="12" r="10"></circle>
-        <line x1="12" y1="8" x2="12" y2="16"></line>
-        <line x1="8" y1="12" x2="16" y2="12"></line>
-        </svg>
-        Add Your Prompt
-    </div>
-    <p class="prompt-content" style="flex-grow: 1;">
-        Share your creative prompts with the community! Submit a pull request to add your prompts to the collection.
-    </p>
-    <span class="contributor-badge">Contribute Now</span>
-    </a>
-`;
-  promptsGrid.appendChild(contributeCard);
-
-  // Fetch prompts.csv to get for_devs information
-  fetch("/prompts.csv")
-    .then((response) => response.text())
-    .then((csvText) => {
-      const prompts = parseCSV(csvText);
-      const isDevMode = document.getElementById("audienceSelect").value === "developers";
-
-      const promptElements = document.querySelectorAll(
-        "h2[id^=act] + p + blockquote"
-      );
-
-      promptElements.forEach((blockquote) => {
-        const title =
-          blockquote.previousElementSibling.previousElementSibling.textContent.trim();
-        const content = blockquote.textContent.trim();
-
-        // Find matching prompt in CSV
-        const matchingPrompt = prompts.find((p) => {
-          const csvTitle = p.act
-            .replace(/\s+/g, " ")
-            .replace(/[\n\r]/g, "")
-            .trim();
-          const elementTitle = title
-            .replace(/\s+/g, " ")
-            .replace(/[\n\r]/g, "")
-            .trim();
-          return (
-            csvTitle.toLowerCase() === elementTitle.toLowerCase() ||
-            csvTitle.toLowerCase().includes(elementTitle.toLowerCase()) ||
-            elementTitle.toLowerCase().includes(csvTitle.toLowerCase())
-          );
-        });
-
-        // Extract contributor from the paragraph element
-        const contributorParagraph = blockquote.previousElementSibling;
-        const contributorText = contributorParagraph.textContent;
-        let contributor = null;
-
-        // Try different contributor formats
-        const formats = [
-          /Contributed by: \[([^\]]+)\]/i,
-          /Contributed by \[([^\]]+)\]/i,
-          /Contributed by: @([^\s]+)/i,
-          /Contributed by @([^\s]+)/i,
-          /Contributed by: \[@([^\]]+)\]/i,
-          /Contributed by \[@([^\]]+)\]/i,
-        ];
-
-        for (const format of formats) {
-          const match = contributorText.match(format);
-          if (match) {
-            contributor = match[1];
-            // Remove @ if it exists at the start
-            contributor = contributor.replace(/^@/, "");
-            break;
-          }
-        }
-
-        // Set default contributor to 'f' if none found
-        if (!contributor) {
-          contributor = "f";
-        }
-
-        const card = document.createElement("div");
-        card.className = "prompt-card";
-
-        // Set initial visibility based on dev mode
-        if (isDevMode && (!matchingPrompt || !matchingPrompt.for_devs)) {
-          card.style.display = "none";
-        }
-
-        // Determine prompt type from CSV data
-        const promptType = matchingPrompt && matchingPrompt.type ? matchingPrompt.type : 'TEXT';
-        const isJsonPrompt = promptType === 'JSON';
-        
-        // Render content based on type
-        let renderedContent;
-        if (isJsonPrompt) {
-          renderedContent = `<pre class="json-content">${formatJsonWithHighlighting(content)}</pre>`;
-        } else {
-          renderedContent = `<p class="prompt-content">${updatePromptPreview(content)}</p>`;
-        }
-
-        // JSON icon HTML - only show for JSON prompts
-        const jsonIconHtml = isJsonPrompt ? `
-            <span class="prompt-json-icon" title="JSON Prompt">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"></path>
-                    <path d="M16 3h1a2 2 0 0 1 2 2v5a2 2 0 0 0 2 2 2 2 0 0 0-2 2v5a2 2 0 0 1-2 2h-1"></path>
-                </svg>
-            </span>
-        ` : '';
-
-        card.innerHTML = `
-        <div class="prompt-title">
-            ${title}
-            <div class="action-buttons">
-            ${jsonIconHtml}
-            <button class="chat-button" title="Open in AI Chat" onclick="openInChat(this, '${encodeURIComponent(
-              isJsonPrompt ? content.trim() : updatePromptPreview(content.trim())
-            )}')">
-                <svg class="chat-icon"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-                </svg>
-                <svg class="terminal-icon" style="display: none;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <polyline points="4 17 10 11 4 5"></polyline>
-                <line x1="12" y1="19" x2="20" y2="19"></line>
-                </svg>
-            </button>
-            <button class="yaml-button" title="Show prompt.yml format" onclick="showYamlModal(event, '${encodeURIComponent(title)}', '${encodeURIComponent(content)}')">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
-                <polyline points="14 2 14 8 20 8"></polyline>
-                <line x1="16" y1="13" x2="8" y2="13"></line>
-                <line x1="16" y1="17" x2="8" y2="17"></line>
-                <polyline points="10 9 9 9 8 9"></polyline>
-                </svg>
-            </button>
-            <button class="copy-button" title="Copy prompt" onclick="copyPrompt(this, '${encodeURIComponent(
-              isJsonPrompt ? content.trim() : updatePromptPreview(content.trim())
-            )}')">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
-                <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
-                </svg>
-            </button>
-            </div>
-        </div>
-        ${renderedContent}
-        <a href="https://github.com/${contributor}" class="contributor-badge" target="_blank" rel="noopener">@${contributor}</a>
-        `;
-
-        // Add click event for showing modal
-        card.addEventListener("click", (e) => {
-          if (
-            !e.target.closest(".copy-button") &&
-            !e.target.closest(".contributor-badge") &&
-            !e.target.closest(".yaml-button")
-          ) {
-            showModal(title, content, promptType);
-          }
-        });
-
-        promptsGrid.appendChild(card);
-      });
-
-      container.innerHTML = "";
-      container.appendChild(promptsGrid);
-
-      // Initialize modal event listeners
-      initializeModalListeners();
-    })
-    .catch((error) => {
-      console.error("Error loading prompts:", error);
-    });
-}
-
-function initializeModalListeners() {
-  const modalOverlay = document.getElementById("modalOverlay");
-  const modalClose = document.querySelector(".modal-close");
-
-  if (!modalOverlay || !modalClose) return;
-
-  modalClose.addEventListener("click", hideModal);
-  modalOverlay.addEventListener("click", (e) => {
-    if (e.target === modalOverlay) {
-      hideModal();
-    }
-  });
-}
-
-// Add global event listener for Escape key
-document.addEventListener("keydown", (e) => {
-  if (e.key === "Escape") {
-    hideModal();
-    
-    // Also hide YAML modal if it exists
-    const yamlModal = document.getElementById("yamlModalOverlay");
-    if (yamlModal) {
-      yamlModal.style.display = "none";
-      document.body.style.overflow = "";
-      yamlModal.remove();
-    }
-  }
-});
-
-function createModal() {
-  const modalHTML = `
-    <div class="modal-overlay" id="modalOverlay">
-    <div class="modal">
-        <div class="modal-header">
-        <h2 class="modal-title"></h2>
-        <div class="modal-actions">
-            <button class="modal-copy-button" title="Copy prompt">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
-                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
-            </svg>
-            </button>
-            <button class="modal-close" title="Close">
-            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <line x1="18" y1="6" x2="6" y2="18"></line>
-                <line x1="6" y1="6" x2="18" y2="18"></line>
-            </svg>
-            </button>
-        </div>
-        </div>
-        <div class="modal-content"></div>
-        <div class="modal-footer">
-        <div class="modal-footer-left">
-            <a class="modal-contributor" target="_blank" rel="noopener"></a>
-        </div>
-        <div class="modal-footer-right">
-            <button class="modal-embed-button" onclick="openEmbedDesigner()">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <rect x="4" y="4" width="16" height="16" rx="2"></rect>
-                <rect x="9" y="9" width="6" height="6"></rect>
-                <path d="M15 2v2"></path>
-                <path d="M15 20v2"></path>
-                <path d="M2 15h2"></path>
-                <path d="M20 15h2"></path>
-                <path d="M2 9h2"></path>
-                <path d="M20 9h2"></path>
-                <path d="M9 2v2"></path>
-                <path d="M9 20v2"></path>
-            </svg>
-            Embed
-            </button>
-            <button class="modal-chat-button" onclick="openModalChat()">
-            <svg class="chat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-            </svg>
-            <svg class="terminal-icon" style="display: none;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <polyline points="4 17 10 11 4 5"></polyline>
-                <line x1="12" y1="19" x2="20" y2="19"></line>
-            </svg>
-            Start Chat
-            </button>
-        </div>
-        </div>
-    </div>
-    </div>
-`;
-  document.body.insertAdjacentHTML("beforeend", modalHTML);
-  initializeModalListeners();
-}
-
-// Modify the existing showModal function
-function showModal(title, content, promptType = 'TEXT') {
-  let modalOverlay = document.getElementById("modalOverlay");
-  if (!modalOverlay) {
-    createModal();
-    modalOverlay = document.getElementById("modalOverlay");
-  }
-
-  const modalTitle = modalOverlay.querySelector(".modal-title");
-  const modalContent = modalOverlay.querySelector(".modal-content");
-  
-  // Check if this is a JSON prompt
-  const isJsonPrompt = promptType === 'JSON' || isValidJson(content);
-
-  // Extract variables from content
-  const variables = extractVariables(content);
-
-  // Create variable inputs container if variables exist (only for TEXT prompts)
-  if (variables.length > 0 && !isJsonPrompt) {
-    const variableContainer = document.createElement("div");
-    variableContainer.className = "variable-container";
-
-    const form = createVariableInputs(variables, variableContainer);
-
-    // Initialize the modal content with updated prompt preview if variables exist
-    const previewText = updatePromptPreview(content, form);
-    modalContent.innerHTML = previewText;
-
-    // Add event listeners for real-time updates
-    form.addEventListener("input", () => {
-      const previewText = updatePromptPreview(content, form);
-      modalContent.innerHTML = previewText;
-
-      // Update chat button data
-      const modalChatButton = modalOverlay.querySelector(".modal-chat-button");
-      if (modalChatButton) {
-        modalChatButton.dataset.content = previewText;
-      }
-    });
-
-    // Insert variable container before content
-    modalContent.parentElement.insertBefore(variableContainer, modalContent);
-  } else if (isJsonPrompt) {
-    // Render JSON content with syntax highlighting
-    modalTitle.textContent = title;
-    modalContent.innerHTML = `<pre class="json-content modal-json">${formatJsonWithHighlighting(content)}</pre>`;
-  } else {
-    modalTitle.textContent = title;
-    modalContent.textContent = content;
-  }
-
-  const modalCopyButton = modalOverlay.querySelector(".modal-copy-button");
-  const modalContributor = modalOverlay.querySelector(".modal-contributor");
-  const modalChatButton = modalOverlay.querySelector(".modal-chat-button");
-
-  if (!modalTitle || !modalContent) return;
-
-  // Update chat button text with platform name and handle visibility
-  const platform = document.querySelector(".platform-tag.active");
-  const isDevMode = document.getElementById("audienceSelect").value === "developers";
-
-  if (platform) {
-    const shouldHideChat = ["gemini", "llama"].includes(
-      platform.dataset.platform
-    );
-    modalChatButton.style.display = shouldHideChat ? "none" : "flex";
-
-    if (!shouldHideChat) {
-      const chatIcon = modalChatButton.querySelector(".chat-icon");
-      const terminalIcon = modalChatButton.querySelector(".terminal-icon");
-
-      if (chatIcon && terminalIcon) {
-        chatIcon.style.display = isDevMode ? "none" : "block";
-        terminalIcon.style.display = isDevMode ? "block" : "none";
-      }
-
-      modalChatButton.innerHTML = `
-        <svg class="chat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: ${
-          isDevMode ? "none" : "block"
-        }">
-        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-        </svg>
-        <svg class="terminal-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: ${
-          isDevMode ? "block" : "none"
-        }">
-        <polyline points="4 17 10 11 4 5"></polyline>
-        <line x1="12" y1="19" x2="20" y2="19"></line>
-        </svg>
-        Chat with ${platform.textContent}
-    `;
-    }
-  }
-
-  // Store content for chat button
-  modalChatButton.dataset.content = modalContent.textContent;
-
-  // Find the contributor for this prompt
-  const promptCard = Array.from(document.querySelectorAll(".prompt-card")).find(
-    (card) =>
-      card.querySelector(".prompt-title").textContent.trim() === title.trim()
-  );
-
-  if (promptCard) {
-    const contributorBadge = promptCard.querySelector(".contributor-badge");
-    if (contributorBadge) {
-      modalContributor.href = contributorBadge.href;
-      modalContributor.textContent = `Contributed by ${contributorBadge.textContent}`;
-    }
-  }
-
-  // Add copy functionality
-  modalCopyButton.addEventListener("click", async () => {
-    try {
-      copyPrompt(modalCopyButton, modalContent.textContent);
-      modalCopyButton.innerHTML = `
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <polyline points="20 6 9 17 4 12"></polyline>
-        </svg>
-    `;
-      setTimeout(() => {
-        modalCopyButton.innerHTML = `
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
-            <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
-        </svg>
-        `;
-      }, 2000);
-    } catch (err) {
-      alert("Failed to copy prompt to clipboard");
-    }
-  });
-
-  modalOverlay.style.display = "block";
-  document.body.style.overflow = "hidden";
-}
-
-function hideModal() {
-  const modalOverlay = document.getElementById("modalOverlay");
-  if (!modalOverlay) return;
-
-  modalOverlay.style.display = "none";
-  document.body.style.overflow = "";
-
-  // Optional: Remove modal from DOM when hidden
-  modalOverlay.remove();
-}
-
-let selectedPlatform =
-  localStorage.getItem("selected-platform") || "github-copilot"; // Get from localStorage or default to github
-
-// Platform toggle functionality
-document.querySelectorAll(".platform-tag").forEach((button) => {
-  button.addEventListener("click", () => {
-    document
-      .querySelectorAll(".platform-tag")
-      .forEach((btn) => btn.classList.remove("active"));
-    button.classList.add("active");
-    selectedPlatform = button.dataset.platform;
-    localStorage.setItem("selected-platform", selectedPlatform);
-
-    // Hide/show chat buttons based on platform
-    const chatButtons = document.querySelectorAll(
-      ".chat-button, .modal-chat-button"
-    );
-    const shouldHideChat = ["gemini", "llama"].includes(selectedPlatform);
-    chatButtons.forEach((btn) => {
-      btn.style.display = shouldHideChat ? "none" : "flex";
-    });
-
-    // Auto-select technical tone and developers audience for GitHub Copilot
-    if (selectedPlatform === "github-copilot") {
-      const toneSelect = document.getElementById('toneSelect');
-      const audienceSelect = document.getElementById('audienceSelect');
-      
-      // Set tone to technical
-      toneSelect.value = 'technical';
-      localStorage.setItem('selected-tone', 'technical');
-      
-      // Set audience to developers
-      audienceSelect.value = 'developers';
-      localStorage.setItem('audience', 'developers');
-      
-      // Update dev mode class on body
-      document.body.classList.add('dev-mode');
-      
-      // Update chat button icons
-      updateChatButtonIcons(true);
-      
-      // Trigger prompt filtering for dev mode
-      filterPrompts();
-    }
-  });
-});
-
-// Set active platform from localStorage and handle initial button visibility
-const platformToActivate =
-  document.querySelector(`[data-platform="${selectedPlatform}"]`) ||
-  document.querySelector('[data-platform="github-copilot"]');
-platformToActivate.classList.add("active");
-
-// Set initial chat button visibility
-const shouldHideChat = ["gemini", "llama"].includes(selectedPlatform);
-document.querySelectorAll(".chat-button, .modal-chat-button").forEach((btn) => {
-  btn.style.display = shouldHideChat ? "none" : "flex";
-});
-
-// Function to open prompt in selected AI chat platform
-function openInChat(button, encodedPrompt) {
-  const promptText = buildPrompt(encodedPrompt);
-  const platform = document.querySelector(".platform-tag.active");
-
-  if (!platform) return;
-
-  const baseUrl = platform.dataset.url;
-  console.log(baseUrl);
-  let url;
-
-  switch (platform.dataset.platform) {
-    case "github-copilot":
-      url = `${baseUrl}?prompt=${encodeURIComponent(promptText)}`;
-      break;
-    case "chatgpt":
-      url = `${baseUrl}?prompt=${encodeURIComponent(promptText)}`;
-      break;
-    case "grok":
-      url = `${baseUrl}&q=${encodeURIComponent(promptText)}`;
-      break;
-    case "claude":
-      url = `${baseUrl}?q=${encodeURIComponent(promptText)}`;
-      break;
-    case "perplexity":
-      url = `${baseUrl}/search?q=${encodeURIComponent(promptText)}`;
-      break;
-    case "mistral":
-      url = `${baseUrl}?q=${encodeURIComponent(promptText)}`;
-      break;
-    default:
-      url = `${baseUrl}?q=${encodeURIComponent(promptText)}`;
-  }
-
-  window.open(url, "_blank");
-}
-
-function buildPrompt(encodedPrompt) {
-  let promptText = decodeURIComponent(encodedPrompt);
-  
-  // Check if this is a JSON prompt
-  const isJsonPrompt = isValidJson(promptText);
-
-  // Get language, tone and audience preferences (shared for both JSON and TEXT)
-  const languageSelect = document.getElementById('languageSelect');
-  const customLanguage = document.getElementById('customLanguage');
-  const toneSelect = document.getElementById('toneSelect');
-  const customTone = document.getElementById('customTone');
-  const audienceSelect = document.getElementById('audienceSelect');
-
-  const language = languageSelect.value === 'custom' ? customLanguage.value : languageSelect.value;
-  const tone = toneSelect.value === 'custom' ? customTone.value : toneSelect.value;
-  const audience = audienceSelect.value;
-
-  // Handle JSON prompts differently
-  if (isJsonPrompt) {
-    try {
-      // Clean up curly quotes if present
-      let cleanedJson = promptText
-        .replace(/[\u201C\u201D]/g, '"')
-        .replace(/[\u2018\u2019]/g, "'");
-      
-      const data = JSON.parse(cleanedJson);
-      
-      // Add preferences as a structured JSON object
-      data.preferences = {
-        language: language,
-        tone: tone,
-        for_developers: audience === 'developers'
-      };
-      
-      // Return prettified JSON
-      return JSON.stringify(data, null, 2);
-    } catch (e) {
-      console.warn('Failed to merge preferences into JSON prompt:', e);
-      // Fallback: return original prompt if JSON parsing fails
-      return promptText;
-    }
-  }
-
-  // TEXT prompt handling (existing logic)
-  // If there's a modal open, use the current state of variables
-  const modalContent = document.querySelector(".modal-content");
-  if (modalContent) {
-    // Get all variable inputs
-    const form = document.querySelector(".variable-form");
-    if (form) {
-      const inputs = form.querySelectorAll(".variable-input");
-      inputs.forEach((input) => {
-        const value = input.value.trim();
-        const variable = input.dataset.variable;
-        const defaultValue = input.dataset.default;
-        const pattern = new RegExp(`\\$\{${variable}[^}]*\}`, "g");
-
-        // Use value or default value
-        const replacement = value || defaultValue || variable;
-        promptText = promptText.replace(pattern, replacement);
-      });
-    }
-  }
-
-  // Clean up newlines and normalize whitespace
-  promptText = promptText.replace(/\s+/g, ' ').trim();
-
-  // Append preferences as a new line for TEXT prompts
-  promptText += ` Reply in ${language} using ${tone} tone for ${audience}.`;
-
-  return promptText;
-}
-
-// Existing copy function
-async function copyPrompt(button, encodedPrompt) {
-  try {
-    const promptText = buildPrompt(encodedPrompt);
-    await navigator.clipboard.writeText(promptText);
-    const originalHTML = button.innerHTML;
-    button.innerHTML = `
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <polyline points="20 6 9 17 4 12"></polyline>
-      </svg>
-    `;
-    setTimeout(() => {
-      button.innerHTML = originalHTML;
-    }, 2000);
-  } catch (err) {
-    console.error("Failed to copy text: ", err);
-  }
-}
-
-// Function to handle chat button click in modal
-function openModalChat() {
-  const modalContent = document.querySelector(".modal-content");
-  if (modalContent) {
-    const content = modalContent.textContent;
-    openInChat(null, encodeURIComponent(content.trim()));
-  }
-}
-
-// Function to handle embed button click in modal
-function openEmbedDesigner() {
-  const modalContent = document.querySelector(".modal-content");
-  if (modalContent) {
-    let content = modalContent.textContent || modalContent.innerText;
-    
-    // If there's a variable form, get the processed content with variables
-    const form = document.querySelector(".variable-form");
-    if (form) {
-      content = buildPrompt(encodeURIComponent(content.trim()));
-      // Remove the added language/tone preferences for embed
-      content = content.replace(/\s*Reply in .+ using .+ tone for .+\.$/, '').trim();
-    }
-    
-    // Build the embed URL
-    const embedUrl = `/embed/?prompt=${encodeURIComponent(content)}&context=https://prompts.chat&model=gpt-4o&agentMode=chat&thinking=false&max=false&height=400`;
-    
-    // Open in new tab
-    window.open(embedUrl, '_blank');
-  }
-}
-
-// Add these functions before the closing script tag
-function showCopilotSuggestion() {
-  const modal = document.getElementById("copilotSuggestionModal");
-  const backdrop = document.querySelector(".copilot-suggestion-backdrop");
-  if (modal) {
-    if (!backdrop) {
-      const backdropDiv = document.createElement("div");
-      backdropDiv.className = "copilot-suggestion-backdrop";
-      document.body.appendChild(backdropDiv);
-    }
-    modal.style.display = "block";
-    backdrop.style.display = "block";
-    document.body.style.overflow = "hidden";
-  }
-}
-
-function hideCopilotSuggestion(switchToCopilot) {
-  const modal = document.getElementById("copilotSuggestionModal");
-  const backdrop = document.querySelector(".copilot-suggestion-backdrop");
-  const doNotShowCheckbox = document.getElementById("doNotShowAgain");
-
-  if (doNotShowCheckbox && doNotShowCheckbox.checked) {
-    localStorage.setItem("copilot-suggestion-hidden", "true");
-  }
-
-  if (switchToCopilot) {
-    const copilotButton = document.querySelector(
-      '[data-platform="github-copilot"]'
-    );
-    if (copilotButton) {
-      copilotButton.click();
-    }
-  }
-
-  if (modal) {
-    modal.style.display = "none";
-    if (backdrop) {
-      backdrop.style.display = "none";
-    }
-    document.body.style.overflow = "";
-  }
-}
-
-// Function to update chat button icons based on dev mode
-function updateChatButtonIcons(isDevMode) {
-  document
-    .querySelectorAll(".chat-button, .modal-chat-button")
-    .forEach((button) => {
-      const chatIcon = button.querySelector(".chat-icon");
-      const terminalIcon = button.querySelector(".terminal-icon");
-      if (chatIcon && terminalIcon) {
-        chatIcon.style.display = isDevMode ? "none" : "block";
-        terminalIcon.style.display = isDevMode ? "block" : "none";
-      }
-    });
-}
-
-// Language and Tone Selection
-function initializeLanguageAndTone() {
-  const languageSelect = document.getElementById('languageSelect');
-  const customLanguage = document.getElementById('customLanguage');
-  const toneSelect = document.getElementById('toneSelect');
-  const customTone = document.getElementById('customTone');
-
-  // Load saved preferences
-  const savedLanguage = localStorage.getItem('selected-language');
-  const savedCustomLanguage = localStorage.getItem('custom-language');
-  const savedTone = localStorage.getItem('selected-tone');
-  const savedCustomTone = localStorage.getItem('custom-tone');
-
-  if (savedLanguage) {
-    languageSelect.value = savedLanguage;
-    if (savedLanguage === 'custom' && savedCustomLanguage) {
-      customLanguage.value = savedCustomLanguage;
-      customLanguage.style.display = 'inline-block';
-    }
-  }
-
-  if (savedTone) {
-    toneSelect.value = savedTone;
-    if (savedTone === 'custom' && savedCustomTone) {
-      customTone.value = savedCustomTone;
-      customTone.style.display = 'inline-block';
-    }
-  }
-
-  // Language select handler
-  languageSelect.addEventListener('change', (e) => {
-    const isCustom = e.target.value === 'custom';
-    customLanguage.style.display = isCustom ? 'inline-block' : 'none';
-    localStorage.setItem('selected-language', e.target.value);
-    
-    if (!isCustom) {
-      customLanguage.value = '';
-      localStorage.removeItem('custom-language');
-    }
-  });
-
-  // Custom language input handler
-  customLanguage.addEventListener('input', (e) => {
-    localStorage.setItem('custom-language', e.target.value);
-  });
-
-  // Tone select handler
-  toneSelect.addEventListener('change', (e) => {
-    const isCustom = e.target.value === 'custom';
-    customTone.style.display = isCustom ? 'inline-block' : 'none';
-    localStorage.setItem('selected-tone', e.target.value);
-    
-    if (!isCustom) {
-      customTone.value = '';
-      localStorage.removeItem('custom-tone');
-    }
-  });
-
-  // Custom tone input handler
-  customTone.addEventListener('input', (e) => {
-    localStorage.setItem('custom-tone', e.target.value);
-  });
-}
-
-// Function to show a modal with YAML format and GitHub create button
-function showYamlModal(event, title, content) {
-  event.stopPropagation();
-  let modalOverlay = document.getElementById("yamlModalOverlay");
-  if (!modalOverlay) {
-    const modalHTML = `
-      <div class="modal-overlay" id="yamlModalOverlay">
-      <div class="modal">
-          <div class="modal-header">
-          <h2 class="modal-title">Prompt YAML</h2>
-          <div class="modal-actions">
-              <button class="modal-copy-button" title="Copy YAML">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
-                  <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
-              </svg>
-              </button>
-              <button class="modal-close" title="Close">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <line x1="18" y1="6" x2="6" y2="18"></line>
-                  <line x1="6" y1="6" x2="18" y2="18"></line>
-              </svg>
-              </button>
-          </div>
-          </div>
-          <div class="modal-content">
-            <pre class="yaml-content"></pre>
-          </div>
-          <div class="modal-footer">
-          <div class="modal-footer-left">
-              <span class="modal-hint">You can create a new <code>.prompt.yml</code> file in your GitHub repository.</span>
-          </div>
-          <div class="modal-footer-right">
-              <div class="github-form">
-                <div class="github-inputs">
-                  <input type="text" id="github-org" class="github-input" placeholder="Organization" value="">
-                  <span>/</span>
-                  <input type="text" id="github-repo" class="github-input" placeholder="Repository" value="">
-                  <span>#</span>
-                  <input type="text" id="github-branch" class="github-input" placeholder="Branch" value="main">
-                </div>
-                <button class="create-yaml-button">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
-                </svg>
-                Create .prompt.yml
-                </button>
-              </div>
-          </div>
-          </div>
-      </div>
-      </div>
-    `;
-    document.body.insertAdjacentHTML("beforeend", modalHTML);
-    modalOverlay = document.getElementById("yamlModalOverlay");
-    
-    // Add event listeners
-    const modalClose = modalOverlay.querySelector(".modal-close");
-    modalClose.addEventListener("click", () => {
-      modalOverlay.style.display = "none";
-      document.body.style.overflow = "";
-      modalOverlay.remove();
-    });
-    
-    modalOverlay.addEventListener("click", (e) => {
-      if (e.target === modalOverlay) {
-        modalOverlay.style.display = "none";
-        document.body.style.overflow = "";
-        modalOverlay.remove();
-      }
-    });
-  }
-
-  const yamlContent = modalOverlay.querySelector(".yaml-content");
-  const modalCopyButton = modalOverlay.querySelector(".modal-copy-button");
-  const createYamlButton = modalOverlay.querySelector(".create-yaml-button");
-  
-  // Create the YAML content
-  const cleanTitle = decodeURIComponent(title).trim().replace(/^Act as a?n?\s*/ig, '');
-  const cleanContent = decodeURIComponent(content).trim().replace(/\n+/g, ' ');
-  
-  // Convert variables from ${Variable: Default} format to {{Variable}} format
-  const convertedContent = cleanContent.replace(/\${([^:}]+)(?::[^}]*)?}/g, (match, varName) => {
-    return `{{${varName.trim()}}}`;
-  });
-  
-  const yamlText = `name: ${cleanTitle}
-model: gpt-4o-mini
-modelParameters:
-  temperature: 0.5
-messages:
-  - role: system
-    content: | 
-      ${convertedContent.replace(/\n/g, '\n      ')}`;
-  
-  // Apply basic syntax highlighting
-  const highlightedYaml = yamlText
-    .replace(/(name|model|modelParameters|temperature|messages|role|content):/g, '<span class="key">$1:</span>')
-    .replace(/(gpt-4o-mini)/g, '<span class="string">$1</span>')
-    .replace(/([0-9]\.?[0-9]*)/g, '<span class="number">$1</span>')
-    .replace(/(true|false)/g, '<span class="boolean">$1</span>')
-    .replace(/(\{\{[^}]+\}\})/g, '<span class="string">$1</span>'); // Highlight the new variable format
-  
-  yamlContent.innerHTML = highlightedYaml;
-  
-  // Add copy functionality - use the plain text version for clipboard
-  modalCopyButton.addEventListener("click", async () => {
-    try {
-      await navigator.clipboard.writeText(yamlText);
-      modalCopyButton.innerHTML = `
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <polyline points="20 6 9 17 4 12"></polyline>
-        </svg>
-      `;
-      setTimeout(() => {
-        modalCopyButton.innerHTML = `
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
-            <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
-        </svg>
-        `;
-      }, 2000);
-    } catch (err) {
-      alert("Failed to copy YAML to clipboard");
-    }
-  });
-  
-  // Add create functionality
-  createYamlButton.addEventListener("click", () => {
-    const orgName = document.getElementById('github-org').value.trim();
-    const repoName = document.getElementById('github-repo').value.trim();
-    const branchName = document.getElementById('github-branch').value.trim();
-    const filename = cleanTitle.toLocaleLowerCase().replace(/\s+/g, '-') + '.prompt.yml';
-    const encodedYaml = encodeURIComponent(yamlText);
-    const githubUrl = `https://github.com/${orgName}/${repoName}/new/${branchName}?filename=${filename}&value=${encodedYaml}`;
-    window.open(githubUrl, '_blank');
-  });
-
-  modalOverlay.style.display = "block";
-  document.body.style.overflow = "hidden";
-}
diff --git a/scripts/find-prompt b/scripts/find-prompt
deleted file mode 100755
index 07fe008d..00000000
--- a/scripts/find-prompt
+++ /dev/null
@@ -1,3 +0,0 @@
-#!/usr/bin/env bash
-
-curl -s https://raw.githubusercontent.com/f/awesome-chatgpt-prompts/main/prompts.csv | tail +2 | ruby -rcsv -e 'CSV.parse(STDIN.read) {|row| puts row.join("\t")}' | fzf -1 -q "$1" --with-nth 1 --delimiter "\t" --preview 'echo {2} | fold -s -w $(tput cols)' | cut -d"	" -f2
diff --git a/sponsors/index.md b/sponsors/index.md
deleted file mode 100644
index e0a39c1d..00000000
--- a/sponsors/index.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: /github sponsors profile
-subtitle: Improve your GitHub Sponsors profile with AI-powered prompts
-hide_platform_selector: true
-hide_extension_link: true
-hide_tone_selector: true
-subpage: true
-body_class: sponsors
----
-
-<script src="script.js"></script>
diff --git a/sponsors/prompts.json b/sponsors/prompts.json
deleted file mode 100644
index d84f46d0..00000000
--- a/sponsors/prompts.json
+++ /dev/null
@@ -1,142 +0,0 @@
-[
-  {
-    "id": 1,
-    "category": "Crafting a Compelling Bio",
-    "title": "Create a Professional Bio",
-    "prompt": "Write a GitHub Sponsors bio for my profile that highlights my experience in [your field], the impact of my open source work, and my commitment to community growth.",
-    "tags": ["bio", "profile", "introduction"]
-  },
-  {
-    "id": 2,
-    "category": "Crafting a Compelling Bio",
-    "title": "Showcase Top Repositories",
-    "prompt": "Summarize my top three repositories ([repo1], [repo2], [repo3]) in a way that inspires potential sponsors to support my work.",
-    "tags": ["bio", "repositories", "showcase"]
-  },
-  {
-    "id": 3,
-    "category": "Explaining Why Funding Matters",
-    "title": "Explain Funding Impact",
-    "prompt": "Create a section for my Sponsors page that explains how funding will help me dedicate more time to [project/topics], support new contributors, and ensure the sustainability of my open source work.",
-    "tags": ["funding", "impact", "sustainability"]
-  },
-  {
-    "id": 4,
-    "category": "Explaining Why Funding Matters",
-    "title": "Show Direct Impact",
-    "prompt": "Write a paragraph that shows sponsors the direct impact their funding will have on my projects and the wider community.",
-    "tags": ["funding", "impact", "community"]
-  },
-  {
-    "id": 5,
-    "category": "Unlocking New Pricing Tiers",
-    "title": "Suggest Pricing Tiers",
-    "prompt": "Suggest ideas for pricing tiers on GitHub Sponsors, including unique benefits at each level for individuals and companies.",
-    "tags": ["pricing", "tiers", "benefits"]
-  },
-  {
-    "id": 6,
-    "category": "Unlocking New Pricing Tiers",
-    "title": "Write Tier Descriptions",
-    "prompt": "Write descriptions for three GitHub Sponsors tiers ($5, $25, $100) that offer increasing value and recognition to supporters.",
-    "tags": ["pricing", "tiers", "descriptions"]
-  },
-  {
-    "id": 7,
-    "category": "Spotlighting Your Project",
-    "title": "Create Project Spotlight",
-    "prompt": "Draft a brief 'Project Spotlight' section for my Sponsors page, showcasing the goals, achievements, and roadmap of [project name].",
-    "tags": ["project", "spotlight", "roadmap"]
-  },
-  {
-    "id": 8,
-    "category": "Spotlighting Your Project",
-    "title": "Announce Milestone",
-    "prompt": "Write an announcement for my Sponsors page about a new milestone or feature in [project], encouraging new and existing sponsors to get involved.",
-    "tags": ["project", "milestone", "announcement"]
-  },
-  {
-    "id": 9,
-    "category": "Enhancing Community Engagement",
-    "title": "Recognize Sponsors",
-    "prompt": "List ways I can recognize or involve sponsors in my project's community (e.g., special Discord roles, early feature access, private Q&A sessions).",
-    "tags": ["community", "engagement", "recognition"]
-  },
-  {
-    "id": 10,
-    "category": "Enhancing Community Engagement",
-    "title": "Creative Perks",
-    "prompt": "Suggest creative perks or acknowledgments for sponsors to foster a sense of belonging and appreciation.",
-    "tags": ["community", "perks", "appreciation"]
-  },
-  {
-    "id": 11,
-    "category": "Crafting a Compelling Bio",
-    "title": "Tell Your Story",
-    "prompt": "Write a personal story about why I started contributing to open source, what drives me, and how sponsorship helps me continue this journey in [field/technology].",
-    "tags": ["bio", "story", "personal"]
-  },
-  {
-    "id": 12,
-    "category": "Explaining Why Funding Matters",
-    "title": "Break Down Costs",
-    "prompt": "Create a transparent breakdown of how sponsor funds will be used (e.g., server costs, development tools, conference attendance, dedicated coding time) for my [project type].",
-    "tags": ["funding", "transparency", "costs"]
-  },
-  {
-    "id": 13,
-    "category": "Unlocking New Pricing Tiers",
-    "title": "Enterprise Sponsorship",
-    "prompt": "Design enterprise-level sponsorship tiers ($500, $1000, $5000) with benefits like priority support, custom features, and brand visibility for my [project].",
-    "tags": ["pricing", "enterprise", "tiers"]
-  },
-  {
-    "id": 14,
-    "category": "Spotlighting Your Project",
-    "title": "Impact Metrics",
-    "prompt": "Create a compelling data-driven section showing the impact of [project name]: downloads, users helped, issues resolved, and community growth statistics.",
-    "tags": ["project", "metrics", "impact"]
-  },
-  {
-    "id": 15,
-    "category": "Enhancing Community Engagement",
-    "title": "Sponsor Hall of Fame",
-    "prompt": "Design a 'Sponsor Hall of Fame' section for my README and Sponsors page that creatively showcases and thanks all contributors at different tiers.",
-    "tags": ["community", "recognition", "readme"]
-  },
-  {
-    "id": 16,
-    "category": "Crafting a Compelling Bio",
-    "title": "Future Vision",
-    "prompt": "Write a compelling vision statement about where I see [project/work] going in the next 2-3 years and how sponsors can be part of that journey.",
-    "tags": ["bio", "vision", "future"]
-  },
-  {
-    "id": 17,
-    "category": "Explaining Why Funding Matters",
-    "title": "Time Commitment",
-    "prompt": "Explain how sponsorship would allow me to dedicate [X hours/days] per week/month to open source, comparing current volunteer time vs. potential sponsored time.",
-    "tags": ["funding", "time", "commitment"]
-  },
-  {
-    "id": 18,
-    "category": "Unlocking New Pricing Tiers",
-    "title": "Student Tier",
-    "prompt": "Create a special $1-2 student sponsorship tier with meaningful benefits that acknowledges their support while respecting their budget.",
-    "tags": ["pricing", "students", "accessibility"]
-  },
-  {
-    "id": 19,
-    "category": "Spotlighting Your Project",
-    "title": "Success Stories",
-    "prompt": "Write 3-5 brief success stories or testimonials from users who have benefited from [project name], showing real-world impact.",
-    "tags": ["project", "testimonials", "success"]
-  },
-  {
-    "id": 20,
-    "category": "Enhancing Community Engagement",
-    "title": "Monthly Updates",
-    "prompt": "Create a template for monthly sponsor updates that includes progress, challenges, wins, and upcoming features for [project].",
-    "tags": ["community", "updates", "communication"]
-  }
-]
diff --git a/sponsors/script.js b/sponsors/script.js
deleted file mode 100644
index 0070c395..00000000
--- a/sponsors/script.js
+++ /dev/null
@@ -1,208 +0,0 @@
-// GitHub Sponsors Profile Improver Script
-
-// Dark mode functionality (global scope for onclick handler)
-window.toggleDarkMode = function() {
-  const body = document.body;
-  const toggle = document.querySelector(".dark-mode-toggle");
-  const sunIcon = toggle.querySelector(".sun-icon");
-  const moonIcon = toggle.querySelector(".moon-icon");
-
-  body.classList.toggle("dark-mode");
-  const isDarkMode = body.classList.contains("dark-mode");
-
-  localStorage.setItem("dark-mode", isDarkMode);
-  sunIcon.style.display = isDarkMode ? "none" : "block";
-  moonIcon.style.display = isDarkMode ? "block" : "none";
-};
-
-(function() {
-  let sponsorPrompts = [];
-
-  // Load prompts from JSON file
-  async function loadSponsorsPrompts() {
-    try {
-      const response = await fetch('/sponsors/prompts.json');
-      sponsorPrompts = await response.json();
-      renderSponsorsPrompts();
-      renderSidebarPrompts();
-    } catch (error) {
-      console.error('Error loading prompts:', error);
-      const container = document.querySelector('#promptContent');
-      if (container) {
-        container.innerHTML = '<p style="text-align: center; padding: 2rem; color: var(--text-secondary);">Error loading prompts. Please try again later.</p>';
-      }
-    }
-  }
-
-  // Copy prompt to clipboard
-  window.copySponsorPrompt = function(button, promptText) {
-    navigator.clipboard.writeText(promptText).then(() => {
-      const originalHTML = button.innerHTML;
-      button.innerHTML = `
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-          <polyline points="20 6 9 17 4 12"></polyline>
-        </svg>
-      `;
-      button.style.background = '#10b981';
-      
-      setTimeout(() => {
-        button.innerHTML = originalHTML;
-        button.style.background = '';
-      }, 2000);
-    }).catch(err => {
-      console.error('Failed to copy:', err);
-    });
-  }
-
-  // Open prompt in GitHub Copilot
-  window.openInCopilot = function(promptText) {
-    const encodedPrompt = encodeURIComponent(promptText);
-    const copilotUrl = `https://github.com/copilot?prompt=${encodedPrompt}`;
-    window.open(copilotUrl, '_blank');
-  }
-
-  // Render prompts in the sidebar
-  function renderSidebarPrompts() {
-    const searchResults = document.getElementById('searchResults');
-    if (searchResults && sponsorPrompts.length > 0) {
-      searchResults.innerHTML = sponsorPrompts.map(prompt => `
-        <li class="search-result-item" onclick="scrollToPrompt('${prompt.title.replace(/'/g, "\\'")}')">${prompt.title}</li>
-      `).join('');
-    }
-  }
-
-  // Scroll to prompt card function
-  window.scrollToPrompt = function(title) {
-    const cards = document.querySelectorAll('.prompt-card');
-    const targetCard = Array.from(cards).find(card => {
-      const cardTitle = card.querySelector('.prompt-title')?.textContent?.trim();
-      return cardTitle && cardTitle.includes(title);
-    });
-
-    if (targetCard) {
-      targetCard.scrollIntoView({ behavior: 'smooth', block: 'center' });
-      targetCard.style.transform = 'scale(1.02)';
-      targetCard.style.boxShadow = '0 8px 16px rgba(16, 185, 129, 0.2)';
-      targetCard.style.borderColor = '#10b981';
-      
-      setTimeout(() => {
-        targetCard.style.transform = '';
-        targetCard.style.boxShadow = '';
-        targetCard.style.borderColor = '';
-      }, 2000);
-    }
-  }
-
-  // Render prompts in the main content area
-  function renderSponsorsPrompts() {
-    const container = document.querySelector('#promptContent');
-    if (!container) return;
-    
-    let html = '<div class="prompts-grid">';
-    
-    // Add a contribute card first (matching main site style)
-    html += `
-      <div class="prompt-card contribute-card">
-        <a href="https://github.com/f/awesome-chatgpt-prompts/blob/main/sponsors/prompts.json" target="_blank" style="text-decoration: none; color: inherit; height: 100%; display: flex; flex-direction: column;">
-          <div class="prompt-title" style="display: flex; align-items: center; gap: 8px;">
-            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <circle cx="12" cy="12" r="10"></circle>
-              <line x1="12" y1="8" x2="12" y2="16"></line>
-              <line x1="8" y1="12" x2="16" y2="12"></line>
-            </svg>
-            Add Your Sponsors Prompt
-          </div>
-          <p class="prompt-content" style="flex-grow: 1;">
-            Have a great prompt for improving GitHub Sponsors profiles? Contribute to <code>sponsors/prompts.json</code> in our repository!
-          </p>
-          <span class="contributor-badge">Contribute Now</span>
-        </a>
-      </div>
-    `;
-    
-    // Add all prompts
-    sponsorPrompts.forEach(prompt => {
-    html += `
-      <div class="prompt-card">
-        <div class="prompt-title">
-          ${prompt.title}
-          <div class="action-buttons">
-            <button class="copy-button" title="Copy prompt" onclick="copySponsorPrompt(this, \`${prompt.prompt.replace(/`/g, '\\`')}\`)">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
-                <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
-              </svg>
-            </button>
-            <button class="copy-button" title="Try in GitHub Copilot" onclick="openInCopilot(\`${prompt.prompt.replace(/`/g, '\\`')}\`)">
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
-              </svg>
-            </button>
-          </div>
-        </div>
-        <p class="prompt-content">${prompt.prompt}</p>
-        <div class="card-footer">
-          <div class="techstack-badges">
-            ${prompt.tags.map(tag => `<span class="tech-badge">${tag}</span>`).join('')}
-          </div>
-        </div>
-      </div>
-    `;
-  });
-  
-    html += '</div>';
-    container.innerHTML = html;
-    
-    // Update prompt count
-    const countElement = document.getElementById('promptCount');
-    if (countElement) {
-      const countNumber = countElement.querySelector('.count-number');
-      if (countNumber) {
-        countNumber.textContent = sponsorPrompts.length;
-      }
-    }
-  }
-
-  // Fetch GitHub stars
-  async function fetchGitHubStars() {
-    try {
-      const response = await fetch('https://api.github.com/repos/f/awesome-chatgpt-prompts');
-      const data = await response.json();
-      const starCount = document.getElementById('starCount');
-      if (starCount) {
-        starCount.textContent = data.stargazers_count.toLocaleString();
-      }
-    } catch (error) {
-      console.error('Error fetching GitHub stars:', error);
-      const starCount = document.getElementById('starCount');
-      if (starCount) {
-        starCount.textContent = '110k+'; // Fallback value
-      }
-    }
-  }
-
-  // Initialize when DOM is ready
-  document.addEventListener('DOMContentLoaded', () => {
-    // Check if we're on the sponsors page
-    if (document.body.classList.contains('sponsors')) {
-      loadSponsorsPrompts();
-      fetchGitHubStars();
-      
-      // Hide cursor badge on sponsors page
-      const cursorLogo = document.querySelector('.cursor-logo');
-      if (cursorLogo) {
-        cursorLogo.style.display = 'none';
-      }
-      
-      // Apply dark mode preference
-      const isDarkMode = localStorage.getItem("dark-mode") === "true";
-      if (isDarkMode) {
-        document.body.classList.add("dark-mode");
-        const sunIcon = document.querySelector(".sun-icon");
-        const moonIcon = document.querySelector(".moon-icon");
-        if (sunIcon) sunIcon.style.display = "none";
-        if (moonIcon) moonIcon.style.display = "block";
-      }
-    }
-  });
-})();
diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
new file mode 100644
index 00000000..f6ec5205
--- /dev/null
+++ b/src/app/(auth)/layout.tsx
@@ -0,0 +1,11 @@
+export default function AuthLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="min-h-screen flex items-center justify-center">
+      {children}
+    </div>
+  );
+}
diff --git a/src/app/(auth)/login/page.tsx b/src/app/(auth)/login/page.tsx
new file mode 100644
index 00000000..5ea2a2f1
--- /dev/null
+++ b/src/app/(auth)/login/page.tsx
@@ -0,0 +1,31 @@
+import { Metadata } from "next";
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { LoginForm } from "@/components/auth/login-form";
+
+export const metadata: Metadata = {
+  title: "Login",
+  description: "Login to your account",
+};
+
+export default async function LoginPage() {
+  const t = await getTranslations("auth");
+
+  return (
+    <div className="container flex min-h-[calc(100vh-6rem)] flex-col items-center justify-center py-8">
+      <div className="w-full max-w-sm space-y-4">
+        <div className="text-center space-y-1">
+          <h1 className="text-xl font-semibold">{t("login")}</h1>
+          <p className="text-xs text-muted-foreground">{t("loginDescription")}</p>
+        </div>
+        <div className="border rounded-lg p-4">
+          <LoginForm />
+        </div>
+        <p className="text-center text-xs text-muted-foreground">
+          {t("noAccount")}{" "}
+          <Link href="/register" className="text-foreground hover:underline">{t("register")}</Link>
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(auth)/register/page.tsx b/src/app/(auth)/register/page.tsx
new file mode 100644
index 00000000..5e723041
--- /dev/null
+++ b/src/app/(auth)/register/page.tsx
@@ -0,0 +1,31 @@
+import { Metadata } from "next";
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { RegisterForm } from "@/components/auth/register-form";
+
+export const metadata: Metadata = {
+  title: "Register",
+  description: "Create a new account",
+};
+
+export default async function RegisterPage() {
+  const t = await getTranslations("auth");
+
+  return (
+    <div className="container flex min-h-[calc(100vh-6rem)] flex-col items-center justify-center py-8">
+      <div className="w-full max-w-sm space-y-4">
+        <div className="text-center space-y-1">
+          <h1 className="text-xl font-semibold">{t("register")}</h1>
+          <p className="text-xs text-muted-foreground">{t("registerDescription")}</p>
+        </div>
+        <div className="border rounded-lg p-4">
+          <RegisterForm />
+        </div>
+        <p className="text-center text-xs text-muted-foreground">
+          {t("hasAccount")}{" "}
+          <Link href="/login" className="text-foreground hover:underline">{t("login")}</Link>
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/[username]/page.tsx b/src/app/[username]/page.tsx
new file mode 100644
index 00000000..71675598
--- /dev/null
+++ b/src/app/[username]/page.tsx
@@ -0,0 +1,398 @@
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import { getTranslations, getLocale } from "next-intl/server";
+import { formatDistanceToNow } from "@/lib/date";
+import { Calendar, ArrowBigUp, FileText, Settings, GitPullRequest, Clock, Check, X, Pin } from "lucide-react";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Card, CardContent } from "@/components/ui/card";
+import { PromptList } from "@/components/prompts/prompt-list";
+import { PromptCard, type PromptCardProps } from "@/components/prompts/prompt-card";
+
+interface UserProfilePageProps {
+  params: Promise<{ username: string }>;
+  searchParams: Promise<{ page?: string; tab?: string }>;
+}
+
+export async function generateMetadata({ params }: UserProfilePageProps): Promise<Metadata> {
+  const { username: rawUsername } = await params;
+  const decodedUsername = decodeURIComponent(rawUsername);
+  
+  // Support both /@username and /username formats
+  const username = decodedUsername.startsWith("@") 
+    ? decodedUsername.slice(1) 
+    : decodedUsername;
+    
+  const user = await db.user.findUnique({
+    where: { username },
+    select: { name: true, username: true },
+  });
+
+  if (!user) {
+    return { title: "User Not Found" };
+  }
+
+  return {
+    title: `${user.name || user.username} (@${user.username})`,
+    description: `View ${user.name || user.username}'s prompts`,
+  };
+}
+
+export default async function UserProfilePage({ params, searchParams }: UserProfilePageProps) {
+  const { username: rawUsername } = await params;
+  const { page: pageParam, tab } = await searchParams;
+  const session = await auth();
+  const t = await getTranslations("user");
+  const tChanges = await getTranslations("changeRequests");
+  const tPrompts = await getTranslations("prompts");
+  const locale = await getLocale();
+
+  // Decode URL-encoded @ symbol
+  const decodedUsername = decodeURIComponent(rawUsername);
+  
+  // Support both /@username and /username formats
+  // Strip @ prefix if present
+  const username = decodedUsername.startsWith("@") 
+    ? decodedUsername.slice(1) 
+    : decodedUsername;
+  
+  // Redirect old format to new @ format
+  if (!decodedUsername.startsWith("@")) {
+    // For now, just continue - could add redirect later
+  }
+
+  const user = await db.user.findUnique({
+    where: { username },
+    select: {
+      id: true,
+      name: true,
+      username: true,
+      avatar: true,
+      role: true,
+      createdAt: true,
+      _count: {
+        select: {
+          prompts: true,
+        },
+      },
+    },
+  });
+
+  if (!user) {
+    notFound();
+  }
+
+  const page = parseInt(pageParam || "1");
+  const perPage = 12;
+  const isOwner = session?.user?.id === user.id;
+
+  // Build where clause - show private prompts only if owner
+  const where = {
+    authorId: user.id,
+    ...(isOwner ? {} : { isPrivate: false }),
+  };
+
+  // Common prompt include for both queries
+  const promptInclude = {
+    author: {
+      select: {
+        id: true,
+        name: true,
+        username: true,
+        avatar: true,
+      },
+    },
+    category: {
+      select: {
+        id: true,
+        name: true,
+        slug: true,
+      },
+    },
+    tags: {
+      include: {
+        tag: true,
+      },
+    },
+    _count: {
+      select: { votes: true, contributors: true },
+    },
+  };
+
+  // Fetch prompts, pinned prompts, and counts
+  const [promptsRaw, total, totalUpvotes, pinnedPromptsRaw] = await Promise.all([
+    db.prompt.findMany({
+      where,
+      orderBy: { createdAt: "desc" },
+      skip: (page - 1) * perPage,
+      take: perPage,
+      include: promptInclude,
+    }),
+    db.prompt.count({ where }),
+    db.promptVote.count({
+      where: {
+        prompt: {
+          authorId: user.id,
+        },
+      },
+    }),
+    db.pinnedPrompt.findMany({
+      where: { userId: user.id },
+      orderBy: { order: "asc" },
+      include: {
+        prompt: {
+          include: promptInclude,
+        },
+      },
+    }),
+  ]);
+
+  // Transform to include voteCount and contributorCount
+  const prompts = promptsRaw.map((p) => ({
+    ...p,
+    voteCount: p._count?.votes ?? 0,
+    contributorCount: p._count?.contributors ?? 0,
+  }));
+
+  // Transform pinned prompts - filter out private prompts for non-owners
+  const pinnedPrompts = pinnedPromptsRaw
+    .filter((pp) => isOwner || !pp.prompt.isPrivate)
+    .map((pp) => ({
+      ...pp.prompt,
+      voteCount: pp.prompt._count?.votes ?? 0,
+      contributorCount: pp.prompt._count?.contributors ?? 0,
+    }));
+
+  // Get set of pinned prompt IDs for easy lookup
+  const pinnedIds = new Set<string>(pinnedPrompts.map((p: { id: string }) => p.id));
+
+  const totalPages = Math.ceil(total / perPage);
+
+  // Fetch pending change requests for user's prompts (only if owner)
+  const changeRequests = isOwner
+    ? await db.changeRequest.findMany({
+        where: {
+          prompt: {
+            authorId: user.id,
+          },
+        },
+        orderBy: { createdAt: "desc" },
+        include: {
+          author: {
+            select: {
+              id: true,
+              name: true,
+              username: true,
+              avatar: true,
+            },
+          },
+          prompt: {
+            select: {
+              id: true,
+              title: true,
+            },
+          },
+        },
+      })
+    : [];
+
+  const pendingCount = changeRequests.filter((cr) => cr.status === "PENDING").length;
+  const defaultTab = tab === "changes" ? "changes" : "prompts";
+
+  const statusColors = {
+    PENDING: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400 border-yellow-500/20",
+    APPROVED: "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20",
+    REJECTED: "bg-red-500/10 text-red-600 dark:text-red-400 border-red-500/20",
+  };
+
+  const statusIcons = {
+    PENDING: Clock,
+    APPROVED: Check,
+    REJECTED: X,
+  };
+
+  return (
+    <div className="container py-6">
+      {/* Profile Header */}
+      <div className="flex flex-col md:flex-row items-start gap-6 mb-8">
+        <Avatar className="h-20 w-20">
+          <AvatarImage src={user.avatar || undefined} />
+          <AvatarFallback className="text-2xl">
+            {user.name?.charAt(0) || user.username.charAt(0)}
+          </AvatarFallback>
+        </Avatar>
+        <div className="flex-1">
+          <div className="flex items-start justify-between">
+            <div>
+              <div className="flex items-center gap-2 mb-1">
+                <h1 className="text-2xl font-bold">{user.name || user.username}</h1>
+                {user.role === "ADMIN" && (
+                  <Badge variant="default" className="text-xs">Admin</Badge>
+                )}
+              </div>
+              <p className="text-muted-foreground text-sm mb-3">@{user.username}</p>
+            </div>
+            {isOwner && (
+              <Button variant="outline" size="sm" asChild>
+                <Link href="/settings">
+                  <Settings className="h-4 w-4 mr-1.5" />
+                  {t("editProfile")}
+                </Link>
+              </Button>
+            )}
+          </div>
+
+          {/* Stats */}
+          <div className="flex items-center gap-6 text-sm">
+            <div className="flex items-center gap-1.5">
+              <FileText className="h-4 w-4 text-muted-foreground" />
+              <span className="font-medium">{user._count.prompts}</span>
+              <span className="text-muted-foreground">{t("prompts").toLowerCase()}</span>
+            </div>
+            <div className="flex items-center gap-1.5">
+              <ArrowBigUp className="h-4 w-4 text-muted-foreground" />
+              <span className="font-medium">{totalUpvotes}</span>
+              <span className="text-muted-foreground">{t("upvotesReceived")}</span>
+            </div>
+            <div className="flex items-center gap-1.5 text-muted-foreground">
+              <Calendar className="h-4 w-4" />
+              <span>{t("joined")} {formatDistanceToNow(user.createdAt, locale)}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Tabs for Prompts and Change Requests */}
+      {isOwner ? (
+        <Tabs defaultValue={defaultTab} className="w-full">
+          <TabsList className="mb-4">
+            <TabsTrigger value="prompts" className="gap-2">
+              <FileText className="h-4 w-4" />
+              {t("prompts")}
+            </TabsTrigger>
+            <TabsTrigger value="changes" className="gap-2">
+              <GitPullRequest className="h-4 w-4" />
+              {tChanges("title")}
+              {pendingCount > 0 && (
+                <Badge variant="destructive" className="ml-1 h-5 min-w-5 px-1 text-xs">
+                  {pendingCount}
+                </Badge>
+              )}
+            </TabsTrigger>
+          </TabsList>
+
+          <TabsContent value="prompts">
+            {/* Pinned Prompts Section */}
+            {pinnedPrompts.length > 0 && (
+              <div className="mb-6 pb-6 border-b">
+                <div className="flex items-center gap-2 mb-3">
+                  <Pin className="h-4 w-4 text-primary" />
+                  <h3 className="text-sm font-medium">{tPrompts("pinnedPrompts")}</h3>
+                </div>
+                <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+                  {pinnedPrompts.map((prompt: PromptCardProps["prompt"]) => (
+                    <PromptCard key={prompt.id} prompt={prompt} showPinButton={isOwner} isPinned />
+                  ))}
+                </div>
+              </div>
+            )}
+
+            {prompts.length === 0 && pinnedPrompts.length === 0 ? (
+              <div className="text-center py-12 border rounded-lg bg-muted/30">
+                <p className="text-muted-foreground">{t("noPromptsOwner")}</p>
+                <Button asChild className="mt-4" size="sm">
+                  <Link href="/prompts/new">{t("createFirstPrompt")}</Link>
+                </Button>
+              </div>
+            ) : prompts.length > 0 ? (
+              <>
+                {pinnedPrompts.length > 0 && (
+                  <h3 className="text-sm font-medium mb-3">{t("allPrompts")}</h3>
+                )}
+                <PromptList
+                  prompts={prompts}
+                  currentPage={page}
+                  totalPages={totalPages}
+                  pinnedIds={pinnedIds}
+                  showPinButton={isOwner}
+                />
+              </>
+            ) : null}
+          </TabsContent>
+
+          <TabsContent value="changes">
+            {changeRequests.length === 0 ? (
+              <div className="text-center py-12 border rounded-lg bg-muted/30">
+                <GitPullRequest className="h-10 w-10 text-muted-foreground mx-auto mb-3" />
+                <p className="text-muted-foreground">{tChanges("noRequests")}</p>
+              </div>
+            ) : (
+              <div className="divide-y border rounded-lg">
+                {changeRequests.map((cr) => {
+                  const StatusIcon = statusIcons[cr.status];
+                  return (
+                    <Link 
+                      key={cr.id} 
+                      href={`/prompts/${cr.prompt.id}/changes/${cr.id}`}
+                      className="flex items-center justify-between px-3 py-2 hover:bg-accent/50 transition-colors"
+                    >
+                      <div className="min-w-0">
+                        <p className="text-sm font-medium truncate">{cr.prompt.title}</p>
+                        <p className="text-xs text-muted-foreground">
+                          {formatDistanceToNow(cr.createdAt, locale)}
+                        </p>
+                      </div>
+                      <Badge className={`ml-2 shrink-0 ${statusColors[cr.status]}`}>
+                        <StatusIcon className="h-3 w-3 mr-1" />
+                        {tChanges(cr.status.toLowerCase())}
+                      </Badge>
+                    </Link>
+                  );
+                })}
+              </div>
+            )}
+          </TabsContent>
+        </Tabs>
+      ) : (
+        <div>
+          {/* Pinned Prompts Section for non-owners */}
+          {pinnedPrompts.length > 0 && (
+            <div className="mb-6 pb-6 border-b">
+              <div className="flex items-center gap-2 mb-3">
+                <Pin className="h-4 w-4 text-primary" />
+                <h3 className="text-sm font-medium">{tPrompts("pinnedPrompts")}</h3>
+              </div>
+              <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+                {pinnedPrompts.map((prompt: PromptCardProps["prompt"]) => (
+                  <PromptCard key={prompt.id} prompt={prompt} />
+                ))}
+              </div>
+            </div>
+          )}
+
+          {prompts.length === 0 && pinnedPrompts.length === 0 ? (
+            <div className="text-center py-12 border rounded-lg bg-muted/30">
+              <p className="text-muted-foreground">{t("noPrompts")}</p>
+            </div>
+          ) : prompts.length > 0 ? (
+            <>
+              {pinnedPrompts.length > 0 && (
+                <h3 className="text-sm font-medium mb-3">{t("allPrompts")}</h3>
+              )}
+              <PromptList
+                prompts={prompts}
+                currentPage={page}
+                totalPages={totalPages}
+              />
+            </>
+          ) : null}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
new file mode 100644
index 00000000..1bb499fe
--- /dev/null
+++ b/src/app/admin/page.tsx
@@ -0,0 +1,173 @@
+import { Metadata } from "next";
+import { redirect } from "next/navigation";
+import { getTranslations } from "next-intl/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Users, FolderTree, Tags, FileText, TrendingUp, Webhook } from "lucide-react";
+import { UsersTable } from "@/components/admin/users-table";
+import { CategoriesTable } from "@/components/admin/categories-table";
+import { TagsTable } from "@/components/admin/tags-table";
+import { WebhooksTable } from "@/components/admin/webhooks-table";
+
+export const metadata: Metadata = {
+  title: "Admin Dashboard",
+  description: "Manage your application",
+};
+
+export default async function AdminPage() {
+  const session = await auth();
+  const t = await getTranslations("admin");
+
+  // Check if user is admin
+  if (!session?.user || session.user.role !== "ADMIN") {
+    redirect("/");
+  }
+
+  // Fetch stats
+  const [userCount, promptCount, categoryCount, tagCount] = await Promise.all([
+    db.user.count(),
+    db.prompt.count(),
+    db.category.count(),
+    db.tag.count(),
+  ]);
+
+  // Fetch data for tables
+  const [users, categories, tags, webhooks] = await Promise.all([
+    db.user.findMany({
+      orderBy: { createdAt: "desc" },
+      select: {
+        id: true,
+        email: true,
+        username: true,
+        name: true,
+        avatar: true,
+        role: true,
+        createdAt: true,
+        _count: {
+          select: {
+            prompts: true,
+          },
+        },
+      },
+    }),
+    db.category.findMany({
+      orderBy: [{ parentId: "asc" }, { order: "asc" }],
+      include: {
+        _count: {
+          select: {
+            prompts: true,
+            children: true,
+          },
+        },
+        parent: {
+          select: {
+            id: true,
+            name: true,
+          },
+        },
+      },
+    }),
+    db.tag.findMany({
+      orderBy: { name: "asc" },
+      include: {
+        _count: {
+          select: {
+            prompts: true,
+          },
+        },
+      },
+    }),
+    db.webhookConfig.findMany({
+      orderBy: { createdAt: "desc" },
+    }),
+  ]);
+
+  return (
+    <div className="container py-6">
+      <div className="mb-6">
+        <h1 className="text-2xl font-bold">{t("title")}</h1>
+        <p className="text-sm text-muted-foreground">{t("description")}</p>
+      </div>
+
+      {/* Stats Cards */}
+      <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">{t("stats.users")}</CardTitle>
+            <Users className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{userCount}</div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">{t("stats.prompts")}</CardTitle>
+            <FileText className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{promptCount}</div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">{t("stats.categories")}</CardTitle>
+            <FolderTree className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{categoryCount}</div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">{t("stats.tags")}</CardTitle>
+            <Tags className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{tagCount}</div>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Management Tabs */}
+      <Tabs defaultValue="users" className="space-y-4">
+        <TabsList>
+          <TabsTrigger value="users" className="gap-2">
+            <Users className="h-4 w-4" />
+            {t("tabs.users")}
+          </TabsTrigger>
+          <TabsTrigger value="categories" className="gap-2">
+            <FolderTree className="h-4 w-4" />
+            {t("tabs.categories")}
+          </TabsTrigger>
+          <TabsTrigger value="tags" className="gap-2">
+            <Tags className="h-4 w-4" />
+            {t("tabs.tags")}
+          </TabsTrigger>
+          <TabsTrigger value="webhooks" className="gap-2">
+            <Webhook className="h-4 w-4" />
+            {t("tabs.webhooks")}
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="users">
+          <UsersTable users={users} />
+        </TabsContent>
+
+        <TabsContent value="categories">
+          <CategoriesTable categories={categories} />
+        </TabsContent>
+
+        <TabsContent value="tags">
+          <TagsTable tags={tags} />
+        </TabsContent>
+
+        <TabsContent value="webhooks">
+          <WebhooksTable webhooks={webhooks} />
+        </TabsContent>
+      </Tabs>
+    </div>
+  );
+}
diff --git a/src/app/api/admin/categories/[id]/route.ts b/src/app/api/admin/categories/[id]/route.ts
new file mode 100644
index 00000000..b3a33395
--- /dev/null
+++ b/src/app/api/admin/categories/[id]/route.ts
@@ -0,0 +1,60 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+// Update category
+export async function PATCH(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    const body = await request.json();
+    const { name, slug, description, icon, parentId } = body;
+
+    const category = await db.category.update({
+      where: { id },
+      data: {
+        ...(name && { name }),
+        ...(slug && { slug }),
+        description: description ?? undefined,
+        icon: icon ?? undefined,
+        parentId: parentId === null ? null : (parentId || undefined),
+      },
+    });
+
+    return NextResponse.json(category);
+  } catch (error) {
+    console.error("Error updating category:", error);
+    return NextResponse.json({ error: "Failed to update category" }, { status: 500 });
+  }
+}
+
+// Delete category
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+
+    await db.category.delete({
+      where: { id },
+    });
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Error deleting category:", error);
+    return NextResponse.json({ error: "Failed to delete category" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/categories/route.ts b/src/app/api/admin/categories/route.ts
new file mode 100644
index 00000000..cf06d700
--- /dev/null
+++ b/src/app/api/admin/categories/route.ts
@@ -0,0 +1,35 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+// Create category
+export async function POST(request: NextRequest) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const body = await request.json();
+    const { name, slug, description, icon, parentId } = body;
+
+    if (!name || !slug) {
+      return NextResponse.json({ error: "Name and slug are required" }, { status: 400 });
+    }
+
+    const category = await db.category.create({
+      data: {
+        name,
+        slug,
+        description: description || null,
+        icon: icon || null,
+        parentId: parentId || null,
+      },
+    });
+
+    return NextResponse.json(category);
+  } catch (error) {
+    console.error("Error creating category:", error);
+    return NextResponse.json({ error: "Failed to create category" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/tags/[id]/route.ts b/src/app/api/admin/tags/[id]/route.ts
new file mode 100644
index 00000000..d23bb863
--- /dev/null
+++ b/src/app/api/admin/tags/[id]/route.ts
@@ -0,0 +1,58 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+// Update tag
+export async function PATCH(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    const body = await request.json();
+    const { name, slug, color } = body;
+
+    const tag = await db.tag.update({
+      where: { id },
+      data: {
+        ...(name && { name }),
+        ...(slug && { slug }),
+        ...(color && { color }),
+      },
+    });
+
+    return NextResponse.json(tag);
+  } catch (error) {
+    console.error("Error updating tag:", error);
+    return NextResponse.json({ error: "Failed to update tag" }, { status: 500 });
+  }
+}
+
+// Delete tag
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+
+    await db.tag.delete({
+      where: { id },
+    });
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Error deleting tag:", error);
+    return NextResponse.json({ error: "Failed to delete tag" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/tags/route.ts b/src/app/api/admin/tags/route.ts
new file mode 100644
index 00000000..da74643a
--- /dev/null
+++ b/src/app/api/admin/tags/route.ts
@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+// Create tag
+export async function POST(request: NextRequest) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const body = await request.json();
+    const { name, slug, color } = body;
+
+    if (!name || !slug) {
+      return NextResponse.json({ error: "Name and slug are required" }, { status: 400 });
+    }
+
+    const tag = await db.tag.create({
+      data: {
+        name,
+        slug,
+        color: color || "#6366f1",
+      },
+    });
+
+    return NextResponse.json(tag);
+  } catch (error) {
+    console.error("Error creating tag:", error);
+    return NextResponse.json({ error: "Failed to create tag" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/users/[id]/route.ts b/src/app/api/admin/users/[id]/route.ts
new file mode 100644
index 00000000..41d690a0
--- /dev/null
+++ b/src/app/api/admin/users/[id]/route.ts
@@ -0,0 +1,63 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+// Update user (role change)
+export async function PATCH(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    const body = await request.json();
+    const { role } = body;
+
+    if (!["ADMIN", "USER"].includes(role)) {
+      return NextResponse.json({ error: "Invalid role" }, { status: 400 });
+    }
+
+    const user = await db.user.update({
+      where: { id },
+      data: { role },
+    });
+
+    return NextResponse.json(user);
+  } catch (error) {
+    console.error("Error updating user:", error);
+    return NextResponse.json({ error: "Failed to update user" }, { status: 500 });
+  }
+}
+
+// Delete user
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+
+    // Don't allow deleting yourself
+    if (id === session.user.id) {
+      return NextResponse.json({ error: "Cannot delete yourself" }, { status: 400 });
+    }
+
+    await db.user.delete({
+      where: { id },
+    });
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Error deleting user:", error);
+    return NextResponse.json({ error: "Failed to delete user" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/webhooks/[id]/route.ts b/src/app/api/admin/webhooks/[id]/route.ts
new file mode 100644
index 00000000..040dfb9e
--- /dev/null
+++ b/src/app/api/admin/webhooks/[id]/route.ts
@@ -0,0 +1,165 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+const VALID_METHODS = ["GET", "POST", "PUT", "PATCH"];
+const VALID_EVENTS = ["PROMPT_CREATED", "PROMPT_UPDATED", "PROMPT_DELETED"];
+
+interface UpdateWebhookData {
+  name?: string;
+  url?: string;
+  method?: string;
+  headers?: Record<string, string> | null;
+  payload?: string;
+  events?: string[];
+  isEnabled?: boolean;
+}
+
+function validateUpdateWebhook(body: unknown): { success: true; data: UpdateWebhookData } | { success: false; error: string } {
+  if (typeof body !== "object" || body === null) {
+    return { success: false, error: "Invalid request body" };
+  }
+
+  const data = body as Record<string, unknown>;
+  const result: UpdateWebhookData = {};
+
+  if (data.name !== undefined) {
+    if (typeof data.name !== "string" || data.name.length < 1 || data.name.length > 100) {
+      return { success: false, error: "Name must be a string between 1 and 100 characters" };
+    }
+    result.name = data.name;
+  }
+
+  if (data.url !== undefined) {
+    if (typeof data.url !== "string") {
+      return { success: false, error: "URL must be a string" };
+    }
+    try {
+      new URL(data.url);
+    } catch {
+      return { success: false, error: "Invalid URL format" };
+    }
+    result.url = data.url;
+  }
+
+  if (data.method !== undefined) {
+    if (typeof data.method !== "string" || !VALID_METHODS.includes(data.method)) {
+      return { success: false, error: `Method must be one of: ${VALID_METHODS.join(", ")}` };
+    }
+    result.method = data.method;
+  }
+
+  if (data.headers !== undefined) {
+    if (data.headers !== null && typeof data.headers !== "object") {
+      return { success: false, error: "Headers must be an object or null" };
+    }
+    result.headers = data.headers as Record<string, string> | null;
+  }
+
+  if (data.payload !== undefined) {
+    if (typeof data.payload !== "string" || data.payload.length < 1) {
+      return { success: false, error: "Payload must be a non-empty string" };
+    }
+    result.payload = data.payload;
+  }
+
+  if (data.events !== undefined) {
+    if (!Array.isArray(data.events) || !data.events.every(e => typeof e === "string" && VALID_EVENTS.includes(e))) {
+      return { success: false, error: `Events must be an array of: ${VALID_EVENTS.join(", ")}` };
+    }
+    result.events = data.events;
+  }
+
+  if (data.isEnabled !== undefined) {
+    if (typeof data.isEnabled !== "boolean") {
+      return { success: false, error: "isEnabled must be a boolean" };
+    }
+    result.isEnabled = data.isEnabled;
+  }
+
+  return { success: true, data: result };
+}
+
+// GET single webhook
+export async function GET(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    const webhook = await db.webhookConfig.findUnique({
+      where: { id },
+    });
+
+    if (!webhook) {
+      return NextResponse.json({ error: "not_found" }, { status: 404 });
+    }
+
+    return NextResponse.json(webhook);
+  } catch (error) {
+    console.error("Get webhook error:", error);
+    return NextResponse.json({ error: "server_error" }, { status: 500 });
+  }
+}
+
+// UPDATE webhook
+export async function PATCH(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    const body = await request.json();
+    const validation = validateUpdateWebhook(body);
+
+    if (!validation.success) {
+      return NextResponse.json(
+        { error: "validation_error", details: validation.error },
+        { status: 400 }
+      );
+    }
+
+    const webhook = await db.webhookConfig.update({
+      where: { id },
+      data: validation.data,
+    });
+
+    return NextResponse.json(webhook);
+  } catch (error) {
+    console.error("Update webhook error:", error);
+    return NextResponse.json({ error: "server_error" }, { status: 500 });
+  }
+}
+
+// DELETE webhook
+export async function DELETE(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    await db.webhookConfig.delete({
+      where: { id },
+    });
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Delete webhook error:", error);
+    return NextResponse.json({ error: "server_error" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/webhooks/[id]/test/route.ts b/src/app/api/admin/webhooks/[id]/test/route.ts
new file mode 100644
index 00000000..ae272e1a
--- /dev/null
+++ b/src/app/api/admin/webhooks/[id]/test/route.ts
@@ -0,0 +1,95 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+export async function POST(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "unauthorized" }, { status: 401 });
+    }
+
+    const { id } = await params;
+
+    // Get the webhook configuration
+    const webhook = await db.webhookConfig.findUnique({
+      where: { id },
+    });
+
+    if (!webhook) {
+      return NextResponse.json({ error: "Webhook not found" }, { status: 404 });
+    }
+
+    // Replace placeholders with test values (must match WEBHOOK_PLACEHOLDERS)
+    let payload = webhook.payload;
+    const siteUrl = process.env.NEXT_PUBLIC_APP_URL || "https://prompts.chat";
+    const testData: Record<string, string> = {
+      "{{PROMPT_ID}}": "test-prompt-id-12345",
+      "{{PROMPT_TITLE}}": "Test Prompt Title",
+      "{{PROMPT_DESCRIPTION}}": "This is a test description for the webhook.",
+      "{{PROMPT_CONTENT}}": "This is the test prompt content. It demonstrates how your webhook will receive data when a new prompt is created.",
+      "{{PROMPT_TYPE}}": "TEXT",
+      "{{PROMPT_URL}}": `${siteUrl}/prompts/test-prompt-id-12345`,
+      "{{PROMPT_MEDIA_URL}}": "https://example.com/media/test-image.png",
+      "{{AUTHOR_USERNAME}}": "testuser",
+      "{{AUTHOR_NAME}}": "Test User",
+      "{{AUTHOR_AVATAR}}": "https://avatars.githubusercontent.com/u/1234567",
+      "{{CATEGORY_NAME}}": "Development",
+      "{{TAGS}}": "testing, webhook, automation",
+      "{{TIMESTAMP}}": new Date().toLocaleDateString("en-US", {
+        weekday: "short",
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+      }),
+      "{{SITE_URL}}": siteUrl,
+      "{{CHATGPT_URL}}": `https://chat.openai.com/?prompt=${encodeURIComponent("This is the test prompt content. It demonstrates how your webhook will receive data when a new prompt is created.")}`,
+    };
+
+    for (const [placeholder, value] of Object.entries(testData)) {
+      payload = payload.replaceAll(placeholder, value);
+    }
+
+    // Parse the payload as JSON
+    let parsedPayload;
+    try {
+      parsedPayload = JSON.parse(payload);
+    } catch {
+      return NextResponse.json(
+        { error: "Invalid JSON payload" },
+        { status: 400 }
+      );
+    }
+
+    // Send the test request
+    const response = await fetch(webhook.url, {
+      method: webhook.method,
+      headers: {
+        "Content-Type": "application/json",
+        ...(webhook.headers as Record<string, string> | null),
+      },
+      body: webhook.method !== "GET" ? JSON.stringify(parsedPayload) : undefined,
+    });
+
+    if (!response.ok) {
+      const text = await response.text();
+      return NextResponse.json(
+        { error: `Webhook returned ${response.status}: ${text}` },
+        { status: 400 }
+      );
+    }
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Test webhook error:", error);
+    return NextResponse.json(
+      { error: error instanceof Error ? error.message : "Failed to test webhook" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/admin/webhooks/route.ts b/src/app/api/admin/webhooks/route.ts
new file mode 100644
index 00000000..a3489e36
--- /dev/null
+++ b/src/app/api/admin/webhooks/route.ts
@@ -0,0 +1,126 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+const VALID_METHODS = ["GET", "POST", "PUT", "PATCH"] as const;
+const VALID_EVENTS = ["PROMPT_CREATED", "PROMPT_UPDATED", "PROMPT_DELETED"] as const;
+
+type WebhookInput = {
+  name: string;
+  url: string;
+  method?: string;
+  headers?: Record<string, string>;
+  payload: string;
+  events: string[];
+  isEnabled?: boolean;
+};
+
+function validateWebhook(body: unknown): { success: true; data: WebhookInput } | { success: false; error: string } {
+  if (!body || typeof body !== "object") {
+    return { success: false, error: "Invalid request body" };
+  }
+  
+  const data = body as Record<string, unknown>;
+  
+  if (!data.name || typeof data.name !== "string" || data.name.length < 1 || data.name.length > 100) {
+    return { success: false, error: "Name is required (1-100 characters)" };
+  }
+  
+  if (!data.url || typeof data.url !== "string") {
+    return { success: false, error: "URL is required" };
+  }
+  
+  try {
+    new URL(data.url);
+  } catch {
+    return { success: false, error: "Invalid URL" };
+  }
+  
+  const method = (data.method as string) || "POST";
+  if (!VALID_METHODS.includes(method as typeof VALID_METHODS[number])) {
+    return { success: false, error: "Invalid method" };
+  }
+  
+  if (!data.payload || typeof data.payload !== "string" || data.payload.length < 1) {
+    return { success: false, error: "Payload is required" };
+  }
+  
+  if (!Array.isArray(data.events) || data.events.length === 0) {
+    return { success: false, error: "At least one event is required" };
+  }
+  
+  for (const event of data.events) {
+    if (!VALID_EVENTS.includes(event as typeof VALID_EVENTS[number])) {
+      return { success: false, error: `Invalid event: ${event}` };
+    }
+  }
+  
+  return {
+    success: true,
+    data: {
+      name: data.name as string,
+      url: data.url as string,
+      method,
+      headers: data.headers as Record<string, string> | undefined,
+      payload: data.payload as string,
+      events: data.events as string[],
+      isEnabled: data.isEnabled !== false,
+    },
+  };
+}
+
+// GET all webhooks
+export async function GET() {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "unauthorized" }, { status: 401 });
+    }
+
+    const webhooks = await db.webhookConfig.findMany({
+      orderBy: { createdAt: "desc" },
+    });
+
+    return NextResponse.json(webhooks);
+  } catch (error) {
+    console.error("Get webhooks error:", error);
+    return NextResponse.json({ error: "server_error" }, { status: 500 });
+  }
+}
+
+// CREATE webhook
+export async function POST(request: Request) {
+  try {
+    const session = await auth();
+    if (!session?.user || session.user.role !== "ADMIN") {
+      return NextResponse.json({ error: "unauthorized" }, { status: 401 });
+    }
+
+    const body = await request.json();
+    const parsed = validateWebhook(body);
+
+    if (!parsed.success) {
+      return NextResponse.json(
+        { error: "validation_error", message: parsed.error },
+        { status: 400 }
+      );
+    }
+
+    const webhook = await db.webhookConfig.create({
+      data: {
+        name: parsed.data.name,
+        url: parsed.data.url,
+        method: parsed.data.method || "POST",
+        headers: parsed.data.headers || null,
+        payload: parsed.data.payload,
+        events: parsed.data.events,
+        isEnabled: parsed.data.isEnabled ?? true,
+      },
+    });
+
+    return NextResponse.json(webhook);
+  } catch (error) {
+    console.error("Create webhook error:", error);
+    return NextResponse.json({ error: "server_error" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/auth/[...nextauth]/route.ts b/src/app/api/auth/[...nextauth]/route.ts
new file mode 100644
index 00000000..c55a45ed
--- /dev/null
+++ b/src/app/api/auth/[...nextauth]/route.ts
@@ -0,0 +1,3 @@
+import { handlers } from "@/lib/auth";
+
+export const { GET, POST } = handlers;
diff --git a/src/app/api/auth/register/route.ts b/src/app/api/auth/register/route.ts
new file mode 100644
index 00000000..4c9d6482
--- /dev/null
+++ b/src/app/api/auth/register/route.ts
@@ -0,0 +1,77 @@
+import { NextResponse } from "next/server";
+import bcrypt from "bcryptjs";
+import { z } from "zod";
+import { db } from "@/lib/db";
+
+const registerSchema = z.object({
+  name: z.string().min(2),
+  username: z.string().min(3).regex(/^[a-zA-Z0-9_]+$/),
+  email: z.string().email(),
+  password: z.string().min(6),
+});
+
+export async function POST(request: Request) {
+  try {
+    const body = await request.json();
+    const parsed = registerSchema.safeParse(body);
+
+    if (!parsed.success) {
+      return NextResponse.json(
+        { error: "validation_error", message: "Invalid input" },
+        { status: 400 }
+      );
+    }
+
+    const { name, username, email, password } = parsed.data;
+
+    // Check if email already exists
+    const existingEmail = await db.user.findUnique({
+      where: { email },
+    });
+
+    if (existingEmail) {
+      return NextResponse.json(
+        { error: "email_taken", message: "Email is already taken" },
+        { status: 400 }
+      );
+    }
+
+    // Check if username already exists
+    const existingUsername = await db.user.findUnique({
+      where: { username },
+    });
+
+    if (existingUsername) {
+      return NextResponse.json(
+        { error: "username_taken", message: "Username is already taken" },
+        { status: 400 }
+      );
+    }
+
+    // Hash password
+    const hashedPassword = await bcrypt.hash(password, 12);
+
+    // Create user
+    const user = await db.user.create({
+      data: {
+        name,
+        username,
+        email,
+        password: hashedPassword,
+      },
+    });
+
+    return NextResponse.json({
+      id: user.id,
+      name: user.name,
+      username: user.username,
+      email: user.email,
+    });
+  } catch (error) {
+    console.error("Registration error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/categories/[id]/subscribe/route.ts b/src/app/api/categories/[id]/subscribe/route.ts
new file mode 100644
index 00000000..2447fa3e
--- /dev/null
+++ b/src/app/api/categories/[id]/subscribe/route.ts
@@ -0,0 +1,109 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+// POST - Subscribe to a category
+export async function POST(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const { id: categoryId } = await params;
+
+    // Check if category exists
+    const category = await db.category.findUnique({
+      where: { id: categoryId },
+    });
+
+    if (!category) {
+      return NextResponse.json(
+        { error: "not_found", message: "Category not found" },
+        { status: 404 }
+      );
+    }
+
+    // Check if already subscribed
+    const existing = await db.categorySubscription.findUnique({
+      where: {
+        userId_categoryId: {
+          userId: session.user.id,
+          categoryId,
+        },
+      },
+    });
+
+    if (existing) {
+      return NextResponse.json(
+        { error: "already_subscribed", message: "Already subscribed to this category" },
+        { status: 400 }
+      );
+    }
+
+    // Create subscription
+    const subscription = await db.categorySubscription.create({
+      data: {
+        userId: session.user.id,
+        categoryId,
+      },
+      include: {
+        category: {
+          select: {
+            id: true,
+            name: true,
+            slug: true,
+          },
+        },
+      },
+    });
+
+    return NextResponse.json({ subscribed: true, category: subscription.category });
+  } catch (error) {
+    console.error("Subscribe error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
+
+// DELETE - Unsubscribe from a category
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const { id: categoryId } = await params;
+
+    // Delete subscription
+    await db.categorySubscription.deleteMany({
+      where: {
+        userId: session.user.id,
+        categoryId,
+      },
+    });
+
+    return NextResponse.json({ subscribed: false });
+  } catch (error) {
+    console.error("Unsubscribe error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/prompts/[id]/changes/[changeId]/route.ts b/src/app/api/prompts/[id]/changes/[changeId]/route.ts
new file mode 100644
index 00000000..828f3252
--- /dev/null
+++ b/src/app/api/prompts/[id]/changes/[changeId]/route.ts
@@ -0,0 +1,220 @@
+import { NextRequest, NextResponse } from "next/server";
+import { z } from "zod";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+const updateChangeRequestSchema = z.object({
+  status: z.enum(["APPROVED", "REJECTED", "PENDING"]),
+  reviewNote: z.string().optional(),
+});
+
+export async function PATCH(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string; changeId: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const { id: promptId, changeId } = await params;
+
+    // Check if prompt exists and user is owner
+    const prompt = await db.prompt.findUnique({
+      where: { id: promptId },
+      select: { authorId: true, content: true, title: true },
+    });
+
+    if (!prompt) {
+      return NextResponse.json(
+        { error: "not_found", message: "Prompt not found" },
+        { status: 404 }
+      );
+    }
+
+    if (prompt.authorId !== session.user.id) {
+      return NextResponse.json(
+        { error: "forbidden", message: "Only the prompt owner can review change requests" },
+        { status: 403 }
+      );
+    }
+
+    // Get change request
+    const changeRequest = await db.changeRequest.findUnique({
+      where: { id: changeId },
+      select: { 
+        id: true, 
+        promptId: true, 
+        status: true, 
+        proposedContent: true, 
+        proposedTitle: true,
+        authorId: true,
+        reason: true,
+        author: {
+          select: { username: true },
+        },
+      },
+    });
+
+    if (!changeRequest || changeRequest.promptId !== promptId) {
+      return NextResponse.json(
+        { error: "not_found", message: "Change request not found" },
+        { status: 404 }
+      );
+    }
+
+    const body = await request.json();
+    const parsed = updateChangeRequestSchema.safeParse(body);
+
+    if (!parsed.success) {
+      return NextResponse.json(
+        { error: "validation_error", message: "Invalid input", details: parsed.error.issues },
+        { status: 400 }
+      );
+    }
+
+    const { status, reviewNote } = parsed.data;
+
+    // Validate state transitions
+    if (changeRequest.status === "PENDING" && status === "PENDING") {
+      return NextResponse.json(
+        { error: "invalid_state", message: "Change request is already pending" },
+        { status: 400 }
+      );
+    }
+
+    if (changeRequest.status === "APPROVED") {
+      return NextResponse.json(
+        { error: "invalid_state", message: "Cannot modify an approved change request" },
+        { status: 400 }
+      );
+    }
+
+    // Allow reopening rejected requests (REJECTED -> PENDING)
+    if (changeRequest.status === "REJECTED" && status !== "PENDING") {
+      return NextResponse.json(
+        { error: "invalid_state", message: "Rejected requests can only be reopened" },
+        { status: 400 }
+      );
+    }
+
+    // If reopening, just update status
+    if (status === "PENDING") {
+      await db.changeRequest.update({
+        where: { id: changeId },
+        data: { status, reviewNote: null },
+      });
+      return NextResponse.json({ success: true, status });
+    }
+
+    // If approving, also update the prompt content
+    if (status === "APPROVED") {
+      // Get current version number
+      const latestVersion = await db.promptVersion.findFirst({
+        where: { promptId },
+        orderBy: { version: "desc" },
+        select: { version: true },
+      });
+
+      const nextVersion = (latestVersion?.version ?? 0) + 1;
+
+      // Build change note with contributor info
+      const changeNote = changeRequest.reason 
+        ? `Contribution by @${changeRequest.author.username}: ${changeRequest.reason}`
+        : `Contribution by @${changeRequest.author.username}`;
+
+      // Update prompt and create version in transaction
+      await db.$transaction([
+        // Create version record with the NEW content (the approved change)
+        db.promptVersion.create({
+          data: {
+            prompt: { connect: { id: promptId } },
+            content: changeRequest.proposedContent,
+            changeNote,
+            version: nextVersion,
+            author: { connect: { id: changeRequest.authorId } },
+          },
+        }),
+        // Update prompt with proposed changes and add contributor
+        db.prompt.update({
+          where: { id: promptId },
+          data: {
+            content: changeRequest.proposedContent,
+            ...(changeRequest.proposedTitle && { title: changeRequest.proposedTitle }),
+            contributors: {
+              connect: { id: changeRequest.authorId },
+            },
+          },
+        }),
+        // Update change request status
+        db.changeRequest.update({
+          where: { id: changeId },
+          data: { status, reviewNote },
+        }),
+      ]);
+    } else {
+      // Just update the change request status
+      await db.changeRequest.update({
+        where: { id: changeId },
+        data: { status, reviewNote },
+      });
+    }
+
+    return NextResponse.json({ success: true, status });
+  } catch (error) {
+    console.error("Update change request error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
+
+export async function GET(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string; changeId: string }> }
+) {
+  try {
+    const { id: promptId, changeId } = await params;
+
+    const changeRequest = await db.changeRequest.findUnique({
+      where: { id: changeId },
+      include: {
+        author: {
+          select: {
+            id: true,
+            name: true,
+            username: true,
+            avatar: true,
+          },
+        },
+        prompt: {
+          select: {
+            id: true,
+            title: true,
+            content: true,
+          },
+        },
+      },
+    });
+
+    if (!changeRequest || changeRequest.prompt.id !== promptId) {
+      return NextResponse.json(
+        { error: "not_found", message: "Change request not found" },
+        { status: 404 }
+      );
+    }
+
+    return NextResponse.json(changeRequest);
+  } catch (error) {
+    console.error("Get change request error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/prompts/[id]/changes/route.ts b/src/app/api/prompts/[id]/changes/route.ts
new file mode 100644
index 00000000..23f35a9e
--- /dev/null
+++ b/src/app/api/prompts/[id]/changes/route.ts
@@ -0,0 +1,120 @@
+import { NextRequest, NextResponse } from "next/server";
+import { z } from "zod";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+const createChangeRequestSchema = z.object({
+  proposedContent: z.string().min(1),
+  proposedTitle: z.string().optional(),
+  reason: z.string().optional(),
+});
+
+export async function POST(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const { id: promptId } = await params;
+
+    // Check if prompt exists
+    const prompt = await db.prompt.findUnique({
+      where: { id: promptId },
+      select: { id: true, authorId: true, isPrivate: true, content: true, title: true },
+    });
+
+    if (!prompt) {
+      return NextResponse.json(
+        { error: "not_found", message: "Prompt not found" },
+        { status: 404 }
+      );
+    }
+
+    // Can't create change request for your own prompt
+    if (prompt.authorId === session.user.id) {
+      return NextResponse.json(
+        { error: "forbidden", message: "You cannot create a change request for your own prompt" },
+        { status: 403 }
+      );
+    }
+
+    // Can't create change request for private prompts
+    if (prompt.isPrivate) {
+      return NextResponse.json(
+        { error: "forbidden", message: "Cannot create change request for private prompts" },
+        { status: 403 }
+      );
+    }
+
+    const body = await request.json();
+    const parsed = createChangeRequestSchema.safeParse(body);
+
+    if (!parsed.success) {
+      return NextResponse.json(
+        { error: "validation_error", message: "Invalid input", details: parsed.error.issues },
+        { status: 400 }
+      );
+    }
+
+    const { proposedContent, proposedTitle, reason } = parsed.data;
+
+    const changeRequest = await db.changeRequest.create({
+      data: {
+        originalContent: prompt.content,
+        originalTitle: prompt.title,
+        proposedContent,
+        proposedTitle,
+        reason,
+        promptId,
+        authorId: session.user.id,
+      },
+    });
+
+    return NextResponse.json(changeRequest, { status: 201 });
+  } catch (error) {
+    console.error("Create change request error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
+
+export async function GET(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id: promptId } = await params;
+
+    const changeRequests = await db.changeRequest.findMany({
+      where: { promptId },
+      orderBy: { createdAt: "desc" },
+      include: {
+        author: {
+          select: {
+            id: true,
+            name: true,
+            username: true,
+            avatar: true,
+          },
+        },
+      },
+    });
+
+    return NextResponse.json(changeRequests);
+  } catch (error) {
+    console.error("Get change requests error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/prompts/[id]/pin/route.ts b/src/app/api/prompts/[id]/pin/route.ts
new file mode 100644
index 00000000..1a97f7bd
--- /dev/null
+++ b/src/app/api/prompts/[id]/pin/route.ts
@@ -0,0 +1,111 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+const MAX_PINNED_PROMPTS = 3;
+
+export async function POST(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const { id: promptId } = await params;
+
+    // Check if prompt exists and belongs to user
+    const prompt = await db.prompt.findUnique({
+      where: { id: promptId },
+      select: { authorId: true, isPrivate: true },
+    });
+
+    if (!prompt) {
+      return NextResponse.json({ error: "Prompt not found" }, { status: 404 });
+    }
+
+    if (prompt.authorId !== session.user.id) {
+      return NextResponse.json(
+        { error: "You can only pin your own prompts" },
+        { status: 403 }
+      );
+    }
+
+    // Check if already pinned
+    const existingPin = await db.pinnedPrompt.findUnique({
+      where: {
+        userId_promptId: {
+          userId: session.user.id,
+          promptId,
+        },
+      },
+    });
+
+    if (existingPin) {
+      return NextResponse.json({ error: "Prompt already pinned" }, { status: 400 });
+    }
+
+    // Check pin limit
+    const pinnedCount = await db.pinnedPrompt.count({
+      where: { userId: session.user.id },
+    });
+
+    if (pinnedCount >= MAX_PINNED_PROMPTS) {
+      return NextResponse.json(
+        { error: `You can only pin up to ${MAX_PINNED_PROMPTS} prompts` },
+        { status: 400 }
+      );
+    }
+
+    // Get next order number
+    const maxOrder = await db.pinnedPrompt.aggregate({
+      where: { userId: session.user.id },
+      _max: { order: true },
+    });
+
+    const nextOrder = (maxOrder._max.order ?? -1) + 1;
+
+    // Create pin
+    await db.pinnedPrompt.create({
+      data: {
+        userId: session.user.id,
+        promptId,
+        order: nextOrder,
+      },
+    });
+
+    return NextResponse.json({ success: true, pinned: true });
+  } catch (error) {
+    console.error("Failed to pin prompt:", error);
+    return NextResponse.json({ error: "Failed to pin prompt" }, { status: 500 });
+  }
+}
+
+export async function DELETE(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    const { id: promptId } = await params;
+
+    // Delete the pin
+    await db.pinnedPrompt.deleteMany({
+      where: {
+        userId: session.user.id,
+        promptId,
+      },
+    });
+
+    return NextResponse.json({ success: true, pinned: false });
+  } catch (error) {
+    console.error("Failed to unpin prompt:", error);
+    return NextResponse.json({ error: "Failed to unpin prompt" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/prompts/[id]/route.ts b/src/app/api/prompts/[id]/route.ts
new file mode 100644
index 00000000..48f1cb7e
--- /dev/null
+++ b/src/app/api/prompts/[id]/route.ts
@@ -0,0 +1,232 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+const updatePromptSchema = z.object({
+  title: z.string().min(1).max(200).optional(),
+  description: z.string().max(500).optional(),
+  content: z.string().min(1).optional(),
+  type: z.enum(["TEXT", "IMAGE", "VIDEO", "AUDIO", "STRUCTURED"]).optional(),
+  structuredFormat: z.enum(["JSON", "YAML"]).optional().nullable(),
+  categoryId: z.string().optional().nullable(),
+  tagIds: z.array(z.string()).optional(),
+  isPrivate: z.boolean().optional(),
+  mediaUrl: z.string().url().optional().or(z.literal("")).nullable(),
+  requiresMediaUpload: z.boolean().optional(),
+  requiredMediaType: z.enum(["IMAGE", "VIDEO", "DOCUMENT"]).optional().nullable(),
+  requiredMediaCount: z.number().int().min(1).max(10).optional().nullable(),
+});
+
+// Get single prompt
+export async function GET(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params;
+    const session = await auth();
+
+    const prompt = await db.prompt.findUnique({
+      where: { id },
+      include: {
+        author: {
+          select: {
+            id: true,
+            name: true,
+            username: true,
+            avatar: true,
+          },
+        },
+        category: true,
+        tags: {
+          include: {
+            tag: true,
+          },
+        },
+        versions: {
+          orderBy: { version: "desc" },
+          take: 10,
+        },
+      },
+    });
+
+    if (!prompt) {
+      return NextResponse.json(
+        { error: "not_found", message: "Prompt not found" },
+        { status: 404 }
+      );
+    }
+
+    // Check if user can view private prompt
+    if (prompt.isPrivate && prompt.authorId !== session?.user?.id) {
+      return NextResponse.json(
+        { error: "forbidden", message: "This prompt is private" },
+        { status: 403 }
+      );
+    }
+
+    return NextResponse.json(prompt);
+  } catch (error) {
+    console.error("Get prompt error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
+
+// Update prompt
+export async function PATCH(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params;
+    const session = await auth();
+
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    // Check if prompt exists and user owns it
+    const existing = await db.prompt.findUnique({
+      where: { id },
+      select: { authorId: true, content: true },
+    });
+
+    if (!existing) {
+      return NextResponse.json(
+        { error: "not_found", message: "Prompt not found" },
+        { status: 404 }
+      );
+    }
+
+    if (existing.authorId !== session.user.id && session.user.role !== "ADMIN") {
+      return NextResponse.json(
+        { error: "forbidden", message: "You can only edit your own prompts" },
+        { status: 403 }
+      );
+    }
+
+    const body = await request.json();
+    const parsed = updatePromptSchema.safeParse(body);
+
+    if (!parsed.success) {
+      return NextResponse.json(
+        { error: "validation_error", message: "Invalid input", details: parsed.error.issues },
+        { status: 400 }
+      );
+    }
+
+    const { tagIds, ...data } = parsed.data;
+
+    // Update prompt
+    const prompt = await db.prompt.update({
+      where: { id },
+      data: {
+        ...data,
+        ...(tagIds && {
+          tags: {
+            deleteMany: {},
+            create: tagIds.map((tagId) => ({ tagId })),
+          },
+        }),
+      },
+      include: {
+        author: {
+          select: {
+            id: true,
+            name: true,
+            username: true,
+          },
+        },
+        category: true,
+        tags: {
+          include: {
+            tag: true,
+          },
+        },
+      },
+    });
+
+    // Create new version if content changed
+    if (data.content && data.content !== existing.content) {
+      const latestVersion = await db.promptVersion.findFirst({
+        where: { promptId: id },
+        orderBy: { version: "desc" },
+      });
+
+      await db.promptVersion.create({
+        data: {
+          promptId: id,
+          version: (latestVersion?.version || 0) + 1,
+          content: data.content,
+          changeNote: "Content updated",
+          createdBy: session.user.id,
+        },
+      });
+    }
+
+    return NextResponse.json(prompt);
+  } catch (error) {
+    console.error("Update prompt error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
+
+// Delete prompt
+export async function DELETE(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params;
+    const session = await auth();
+
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    // Check if prompt exists and user owns it
+    const existing = await db.prompt.findUnique({
+      where: { id },
+      select: { authorId: true },
+    });
+
+    if (!existing) {
+      return NextResponse.json(
+        { error: "not_found", message: "Prompt not found" },
+        { status: 404 }
+      );
+    }
+
+    if (existing.authorId !== session.user.id && session.user.role !== "ADMIN") {
+      return NextResponse.json(
+        { error: "forbidden", message: "You can only delete your own prompts" },
+        { status: 403 }
+      );
+    }
+
+    await db.prompt.delete({
+      where: { id },
+    });
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Delete prompt error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/prompts/[id]/versions/[versionId]/route.ts b/src/app/api/prompts/[id]/versions/[versionId]/route.ts
new file mode 100644
index 00000000..2afd97a5
--- /dev/null
+++ b/src/app/api/prompts/[id]/versions/[versionId]/route.ts
@@ -0,0 +1,66 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string; versionId: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const { id: promptId, versionId } = await params;
+
+    // Check if prompt exists and user is owner
+    const prompt = await db.prompt.findUnique({
+      where: { id: promptId },
+      select: { authorId: true },
+    });
+
+    if (!prompt) {
+      return NextResponse.json(
+        { error: "not_found", message: "Prompt not found" },
+        { status: 404 }
+      );
+    }
+
+    if (prompt.authorId !== session.user.id) {
+      return NextResponse.json(
+        { error: "forbidden", message: "You can only delete versions of your own prompts" },
+        { status: 403 }
+      );
+    }
+
+    // Check if version exists
+    const version = await db.promptVersion.findUnique({
+      where: { id: versionId },
+      select: { id: true, promptId: true },
+    });
+
+    if (!version || version.promptId !== promptId) {
+      return NextResponse.json(
+        { error: "not_found", message: "Version not found" },
+        { status: 404 }
+      );
+    }
+
+    // Delete the version
+    await db.promptVersion.delete({
+      where: { id: versionId },
+    });
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error("Delete version error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/prompts/[id]/versions/route.ts b/src/app/api/prompts/[id]/versions/route.ts
new file mode 100644
index 00000000..a894e81f
--- /dev/null
+++ b/src/app/api/prompts/[id]/versions/route.ts
@@ -0,0 +1,140 @@
+import { NextRequest, NextResponse } from "next/server";
+import { z } from "zod";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+const createVersionSchema = z.object({
+  content: z.string().min(1, "Content is required"),
+  changeNote: z.string().max(500).optional(),
+});
+
+// POST - Create a new version
+export async function POST(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const { id: promptId } = await params;
+
+    // Check if prompt exists and user is owner
+    const prompt = await db.prompt.findUnique({
+      where: { id: promptId },
+      select: { authorId: true, content: true },
+    });
+
+    if (!prompt) {
+      return NextResponse.json(
+        { error: "not_found", message: "Prompt not found" },
+        { status: 404 }
+      );
+    }
+
+    if (prompt.authorId !== session.user.id) {
+      return NextResponse.json(
+        { error: "forbidden", message: "You can only add versions to your own prompts" },
+        { status: 403 }
+      );
+    }
+
+    const body = await request.json();
+    const parsed = createVersionSchema.safeParse(body);
+
+    if (!parsed.success) {
+      return NextResponse.json(
+        { error: "validation_error", message: "Invalid input", details: parsed.error.issues },
+        { status: 400 }
+      );
+    }
+
+    const { content, changeNote } = parsed.data;
+
+    // Check if content is different
+    if (content === prompt.content) {
+      return NextResponse.json(
+        { error: "no_change", message: "Content is the same as current version" },
+        { status: 400 }
+      );
+    }
+
+    // Get latest version number
+    const latestVersion = await db.promptVersion.findFirst({
+      where: { promptId },
+      orderBy: { version: "desc" },
+      select: { version: true },
+    });
+
+    const newVersionNumber = (latestVersion?.version || 0) + 1;
+
+    // Create new version and update prompt content in a transaction
+    const [version] = await db.$transaction([
+      db.promptVersion.create({
+        data: {
+          promptId,
+          version: newVersionNumber,
+          content,
+          changeNote: changeNote || `Version ${newVersionNumber}`,
+          createdBy: session.user.id,
+        },
+        include: {
+          author: {
+            select: {
+              name: true,
+              username: true,
+            },
+          },
+        },
+      }),
+      db.prompt.update({
+        where: { id: promptId },
+        data: { content },
+      }),
+    ]);
+
+    return NextResponse.json(version, { status: 201 });
+  } catch (error) {
+    console.error("Create version error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
+
+// GET - Get all versions
+export async function GET(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id: promptId } = await params;
+
+    const versions = await db.promptVersion.findMany({
+      where: { promptId },
+      orderBy: { version: "desc" },
+      include: {
+        author: {
+          select: {
+            name: true,
+            username: true,
+          },
+        },
+      },
+    });
+
+    return NextResponse.json(versions);
+  } catch (error) {
+    console.error("Get versions error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/prompts/[id]/vote/route.ts b/src/app/api/prompts/[id]/vote/route.ts
new file mode 100644
index 00000000..468723bf
--- /dev/null
+++ b/src/app/api/prompts/[id]/vote/route.ts
@@ -0,0 +1,110 @@
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+// POST - Upvote a prompt
+export async function POST(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const { id: promptId } = await params;
+
+    // Check if prompt exists
+    const prompt = await db.prompt.findUnique({
+      where: { id: promptId },
+    });
+
+    if (!prompt) {
+      return NextResponse.json(
+        { error: "not_found", message: "Prompt not found" },
+        { status: 404 }
+      );
+    }
+
+    // Check if already voted
+    const existing = await db.promptVote.findUnique({
+      where: {
+        userId_promptId: {
+          userId: session.user.id,
+          promptId,
+        },
+      },
+    });
+
+    if (existing) {
+      return NextResponse.json(
+        { error: "already_voted", message: "You have already upvoted this prompt" },
+        { status: 400 }
+      );
+    }
+
+    // Create vote
+    await db.promptVote.create({
+      data: {
+        userId: session.user.id,
+        promptId,
+      },
+    });
+
+    // Get updated vote count
+    const voteCount = await db.promptVote.count({
+      where: { promptId },
+    });
+
+    return NextResponse.json({ voted: true, voteCount });
+  } catch (error) {
+    console.error("Vote error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
+
+// DELETE - Remove upvote from a prompt
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const { id: promptId } = await params;
+
+    // Delete vote
+    await db.promptVote.deleteMany({
+      where: {
+        userId: session.user.id,
+        promptId,
+      },
+    });
+
+    // Get updated vote count
+    const voteCount = await db.promptVote.count({
+      where: { promptId },
+    });
+
+    return NextResponse.json({ voted: false, voteCount });
+  } catch (error) {
+    console.error("Unvote error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/prompts/route.ts b/src/app/api/prompts/route.ts
new file mode 100644
index 00000000..b3c0e654
--- /dev/null
+++ b/src/app/api/prompts/route.ts
@@ -0,0 +1,225 @@
+import { NextResponse } from "next/server";
+import { z } from "zod";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { triggerWebhooks } from "@/lib/webhook";
+
+const promptSchema = z.object({
+  title: z.string().min(1).max(200),
+  description: z.string().max(500).optional(),
+  content: z.string().min(1),
+  type: z.enum(["TEXT", "IMAGE", "VIDEO", "AUDIO", "STRUCTURED"]),
+  structuredFormat: z.enum(["JSON", "YAML"]).optional(),
+  categoryId: z.string().optional(),
+  tagIds: z.array(z.string()),
+  isPrivate: z.boolean(),
+  mediaUrl: z.string().url().optional().or(z.literal("")),
+  requiresMediaUpload: z.boolean().optional(),
+  requiredMediaType: z.enum(["IMAGE", "VIDEO", "DOCUMENT"]).optional(),
+  requiredMediaCount: z.number().int().min(1).max(10).optional(),
+});
+
+// Create prompt
+export async function POST(request: Request) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const body = await request.json();
+    const parsed = promptSchema.safeParse(body);
+
+    if (!parsed.success) {
+      return NextResponse.json(
+        { error: "validation_error", message: "Invalid input", details: parsed.error.issues },
+        { status: 400 }
+      );
+    }
+
+    const { title, description, content, type, structuredFormat, categoryId, tagIds, isPrivate, mediaUrl, requiresMediaUpload, requiredMediaType, requiredMediaCount } = parsed.data;
+
+    // Create prompt with tags
+    const prompt = await db.prompt.create({
+      data: {
+        title,
+        description: description || null,
+        content,
+        type,
+        structuredFormat: type === "STRUCTURED" ? structuredFormat : null,
+        isPrivate,
+        mediaUrl: mediaUrl || null,
+        requiresMediaUpload: requiresMediaUpload || false,
+        requiredMediaType: requiresMediaUpload ? requiredMediaType : null,
+        requiredMediaCount: requiresMediaUpload ? requiredMediaCount : null,
+        authorId: session.user.id,
+        categoryId: categoryId || null,
+        tags: {
+          create: tagIds.map((tagId) => ({
+            tagId,
+          })),
+        },
+      },
+      include: {
+        author: {
+          select: {
+            id: true,
+            name: true,
+            username: true,
+            avatar: true,
+          },
+        },
+        category: true,
+        tags: {
+          include: {
+            tag: true,
+          },
+        },
+      },
+    });
+
+    // Create initial version
+    await db.promptVersion.create({
+      data: {
+        promptId: prompt.id,
+        version: 1,
+        content,
+        changeNote: "Initial version",
+        createdBy: session.user.id,
+      },
+    });
+
+    // Trigger webhooks for new prompt (non-blocking)
+    if (!isPrivate) {
+      triggerWebhooks("PROMPT_CREATED", {
+        id: prompt.id,
+        title: prompt.title,
+        description: prompt.description,
+        content: prompt.content,
+        type: prompt.type,
+        mediaUrl: prompt.mediaUrl,
+        isPrivate: prompt.isPrivate,
+        author: prompt.author,
+        category: prompt.category,
+        tags: prompt.tags,
+      });
+    }
+
+    return NextResponse.json(prompt);
+  } catch (error) {
+    console.error("Create prompt error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
+
+// List prompts (for API access)
+export async function GET(request: Request) {
+  try {
+    const { searchParams } = new URL(request.url);
+    const page = parseInt(searchParams.get("page") || "1");
+    const perPage = parseInt(searchParams.get("perPage") || "12");
+    const type = searchParams.get("type");
+    const categoryId = searchParams.get("category");
+    const tag = searchParams.get("tag");
+    const sort = searchParams.get("sort");
+    const q = searchParams.get("q");
+
+    const where: Record<string, unknown> = {
+      isPrivate: false,
+    };
+
+    if (type) {
+      where.type = type;
+    }
+
+    if (categoryId) {
+      where.categoryId = categoryId;
+    }
+
+    if (tag) {
+      where.tags = {
+        some: {
+          tag: { slug: tag },
+        },
+      };
+    }
+
+    if (q) {
+      where.OR = [
+        { title: { contains: q, mode: "insensitive" } },
+        { content: { contains: q, mode: "insensitive" } },
+        { description: { contains: q, mode: "insensitive" } },
+      ];
+    }
+
+    // Build order by clause
+    let orderBy: any = { createdAt: "desc" };
+    if (sort === "oldest") {
+      orderBy = { createdAt: "asc" };
+    } else if (sort === "upvotes") {
+      orderBy = { votes: { _count: "desc" } };
+    }
+
+    const [promptsRaw, total] = await Promise.all([
+      db.prompt.findMany({
+        where,
+        orderBy,
+        skip: (page - 1) * perPage,
+        take: perPage,
+        include: {
+          author: {
+            select: {
+              id: true,
+              name: true,
+              username: true,
+              avatar: true,
+            },
+          },
+          category: {
+            select: {
+              id: true,
+              name: true,
+              slug: true,
+            },
+          },
+          tags: {
+            include: {
+              tag: true,
+            },
+          },
+          _count: {
+            select: { votes: true, contributors: true },
+          },
+        },
+      }),
+      db.prompt.count({ where }),
+    ]);
+
+    // Transform to include voteCount and contributorCount
+    const prompts = promptsRaw.map((p) => ({
+      ...p,
+      voteCount: p._count.votes,
+      contributorCount: p._count.contributors,
+    }));
+
+    return NextResponse.json({
+      prompts,
+      total,
+      page,
+      perPage,
+      totalPages: Math.ceil(total / perPage),
+    });
+  } catch (error) {
+    console.error("List prompts error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/user/notifications/route.ts b/src/app/api/user/notifications/route.ts
new file mode 100644
index 00000000..21a70bec
--- /dev/null
+++ b/src/app/api/user/notifications/route.ts
@@ -0,0 +1,27 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+export async function GET() {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ pendingChangeRequests: 0 });
+    }
+
+    // Count pending change requests on user's prompts
+    const pendingCount = await db.changeRequest.count({
+      where: {
+        status: "PENDING",
+        prompt: {
+          authorId: session.user.id,
+        },
+      },
+    });
+
+    return NextResponse.json({ pendingChangeRequests: pendingCount });
+  } catch (error) {
+    console.error("Get notifications error:", error);
+    return NextResponse.json({ pendingChangeRequests: 0 });
+  }
+}
diff --git a/src/app/api/user/profile/route.ts b/src/app/api/user/profile/route.ts
new file mode 100644
index 00000000..0dae1d88
--- /dev/null
+++ b/src/app/api/user/profile/route.ts
@@ -0,0 +1,118 @@
+import { NextRequest, NextResponse } from "next/server";
+import { z } from "zod";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+
+const updateProfileSchema = z.object({
+  name: z.string().min(1).max(100),
+  username: z
+    .string()
+    .min(3)
+    .max(30)
+    .regex(/^[a-zA-Z0-9_]+$/),
+  avatar: z.string().url().optional().or(z.literal("")),
+});
+
+export async function PATCH(request: NextRequest) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const body = await request.json();
+    const parsed = updateProfileSchema.safeParse(body);
+
+    if (!parsed.success) {
+      return NextResponse.json(
+        { error: "validation_error", message: "Invalid input", details: parsed.error.issues },
+        { status: 400 }
+      );
+    }
+
+    const { name, username, avatar } = parsed.data;
+
+    // Check if username is taken by another user
+    if (username !== session.user.username) {
+      const existingUser = await db.user.findUnique({
+        where: { username },
+        select: { id: true },
+      });
+
+      if (existingUser && existingUser.id !== session.user.id) {
+        return NextResponse.json(
+          { error: "username_taken", message: "This username is already taken" },
+          { status: 400 }
+        );
+      }
+    }
+
+    // Update user
+    const user = await db.user.update({
+      where: { id: session.user.id },
+      data: {
+        name,
+        username,
+        avatar: avatar || null,
+      },
+      select: {
+        id: true,
+        name: true,
+        username: true,
+        email: true,
+        avatar: true,
+      },
+    });
+
+    return NextResponse.json(user);
+  } catch (error) {
+    console.error("Update profile error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
+
+export async function GET() {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json(
+        { error: "unauthorized", message: "You must be logged in" },
+        { status: 401 }
+      );
+    }
+
+    const user = await db.user.findUnique({
+      where: { id: session.user.id },
+      select: {
+        id: true,
+        name: true,
+        username: true,
+        email: true,
+        avatar: true,
+        role: true,
+        createdAt: true,
+      },
+    });
+
+    if (!user) {
+      return NextResponse.json(
+        { error: "not_found", message: "User not found" },
+        { status: 404 }
+      );
+    }
+
+    return NextResponse.json(user);
+  } catch (error) {
+    console.error("Get profile error:", error);
+    return NextResponse.json(
+      { error: "server_error", message: "Something went wrong" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/categories/[slug]/page.tsx b/src/app/categories/[slug]/page.tsx
new file mode 100644
index 00000000..a6739cf1
--- /dev/null
+++ b/src/app/categories/[slug]/page.tsx
@@ -0,0 +1,135 @@
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { ArrowLeft } from "lucide-react";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { Button } from "@/components/ui/button";
+import { PromptList } from "@/components/prompts/prompt-list";
+import { SubscribeButton } from "@/components/categories/subscribe-button";
+
+interface CategoryPageProps {
+  params: Promise<{ slug: string }>;
+}
+
+export async function generateMetadata({ params }: CategoryPageProps): Promise<Metadata> {
+  const { slug } = await params;
+  const category = await db.category.findUnique({
+    where: { slug },
+    select: { name: true, description: true },
+  });
+
+  if (!category) {
+    return { title: "Category Not Found" };
+  }
+
+  return {
+    title: category.name,
+    description: category.description || `Browse prompts in ${category.name}`,
+  };
+}
+
+export default async function CategoryPage({ params }: CategoryPageProps) {
+  const { slug } = await params;
+  const session = await auth();
+  const t = await getTranslations();
+
+  const category = await db.category.findUnique({
+    where: { slug },
+    include: {
+      _count: {
+        select: { prompts: true, subscribers: true },
+      },
+    },
+  });
+
+  if (!category) {
+    notFound();
+  }
+
+  // Check if user is subscribed
+  const isSubscribed = session?.user
+    ? await db.categorySubscription.findUnique({
+        where: {
+          userId_categoryId: {
+            userId: session.user.id,
+            categoryId: category.id,
+          },
+        },
+      })
+    : null;
+
+  // Fetch prompts in this category
+  const prompts = await db.prompt.findMany({
+    where: {
+      categoryId: category.id,
+      isPrivate: false,
+    },
+    orderBy: { createdAt: "desc" },
+    take: 30,
+    include: {
+      author: {
+        select: {
+          id: true,
+          name: true,
+          username: true,
+          avatar: true,
+        },
+      },
+      category: {
+        select: {
+          id: true,
+          name: true,
+          slug: true,
+        },
+      },
+      tags: {
+        include: {
+          tag: true,
+        },
+      },
+    },
+  });
+
+  return (
+    <div className="container py-6">
+      {/* Header */}
+      <div className="mb-6">
+        <Button variant="ghost" size="sm" className="mb-4 -ml-2" asChild>
+          <Link href="/categories">
+            <ArrowLeft className="h-4 w-4 mr-1" />
+            All Categories
+          </Link>
+        </Button>
+
+        <div className="flex items-start justify-between gap-4">
+          <div>
+            <h1 className="text-xl font-semibold">{category.name}</h1>
+            {category.description && (
+              <p className="text-sm text-muted-foreground mt-1">
+                {category.description}
+              </p>
+            )}
+            <div className="flex items-center gap-3 mt-2 text-sm text-muted-foreground">
+              <span>{category._count.prompts} prompts</span>
+              <span>•</span>
+              <span>{category._count.subscribers} subscribers</span>
+            </div>
+          </div>
+
+          {session?.user && (
+            <SubscribeButton
+              categoryId={category.id}
+              categoryName={category.name}
+              initialSubscribed={!!isSubscribed}
+            />
+          )}
+        </div>
+      </div>
+
+      {/* Prompts */}
+      <PromptList prompts={prompts} currentPage={1} totalPages={1} />
+    </div>
+  );
+}
diff --git a/src/app/categories/page.tsx b/src/app/categories/page.tsx
new file mode 100644
index 00000000..3bd4233a
--- /dev/null
+++ b/src/app/categories/page.tsx
@@ -0,0 +1,124 @@
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { FolderOpen, ChevronRight } from "lucide-react";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { Badge } from "@/components/ui/badge";
+import { SubscribeButton } from "@/components/categories/subscribe-button";
+import { CategoryItem } from "@/components/categories/category-item";
+
+export default async function CategoriesPage() {
+  const t = await getTranslations("categories");
+  const session = await auth();
+
+  // Fetch root categories (no parent) with their children
+  const rootCategories = await db.category.findMany({
+    where: { parentId: null },
+    orderBy: { order: "asc" },
+    include: {
+      _count: {
+        select: { prompts: true },
+      },
+      children: {
+        orderBy: { order: "asc" },
+        include: {
+          _count: {
+            select: { prompts: true },
+          },
+        },
+      },
+    },
+  });
+
+  // Get user's subscriptions if logged in
+  const subscriptions = session?.user
+    ? await db.categorySubscription.findMany({
+        where: { userId: session.user.id },
+        select: { categoryId: true },
+      })
+    : [];
+
+  const subscribedIds = new Set(subscriptions.map((s) => s.categoryId));
+
+  return (
+    <div className="container py-6">
+      <div className="mb-6">
+        <h1 className="text-lg font-semibold">{t("title")}</h1>
+        <p className="text-sm text-muted-foreground">{t("description")}</p>
+      </div>
+
+      {rootCategories.length === 0 ? (
+        <div className="text-center py-12 border rounded-lg bg-muted/30">
+          <FolderOpen className="h-10 w-10 text-muted-foreground mx-auto mb-3" />
+          <p className="text-sm text-muted-foreground">{t("noCategories")}</p>
+        </div>
+      ) : (
+        <div className="space-y-8">
+          {rootCategories.map((category) => (
+            <section key={category.id}>
+              {/* Main Category Header */}
+              <div className="flex items-center justify-between mb-4">
+                <div className="flex items-center gap-3">
+                  {category.icon && (
+                    <span className="text-2xl">{category.icon}</span>
+                  )}
+                  <div>
+                    <Link
+                      href={`/categories/${category.slug}`}
+                      className="text-lg font-semibold hover:underline flex items-center gap-1"
+                    >
+                      {category.name}
+                      <ChevronRight className="h-4 w-4" />
+                    </Link>
+                    {category.description && (
+                      <p className="text-sm text-muted-foreground">
+                        {category.description}
+                      </p>
+                    )}
+                  </div>
+                </div>
+                <div className="flex items-center gap-2">
+                  <Badge variant="outline" className="text-xs">
+                    {category._count.prompts} {t("prompts")}
+                  </Badge>
+                  {session?.user && (
+                    <SubscribeButton
+                      categoryId={category.id}
+                      categoryName={category.name}
+                      initialSubscribed={subscribedIds.has(category.id)}
+                      iconOnly
+                    />
+                  )}
+                </div>
+              </div>
+
+              {/* Subcategories Grid */}
+              {category.children.length > 0 ? (
+                <div className="grid gap-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+                  {category.children.map((child) => (
+                    <CategoryItem
+                      key={child.id}
+                      category={{
+                        id: child.id,
+                        name: child.name,
+                        slug: child.slug,
+                        icon: child.icon,
+                        promptCount: child._count.prompts,
+                      }}
+                      isSubscribed={subscribedIds.has(child.id)}
+                      showSubscribe={!!session?.user}
+                    />
+                  ))}
+                </div>
+              ) : (
+                <div className="text-sm text-muted-foreground border rounded-lg p-4 bg-muted/20">
+                  {t("noSubcategories")}
+                </div>
+              )}
+            </section>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..718d6fea4835ec2d246af9800eddb7ffb276240c
GIT binary patch
literal 25931
zcmeHv30#a{`}aL_*G&7qml|y<+KVaDM2m#dVr!KsA!#An?kSQM(q<_dDNCpjEux83
zLb9Z^XxbDl(w>%i@8hT6>)&Gu{h#Oeyszu?xtw#Zb1mO<?sK2}EE5RAKnxHU7lft+
zNRAPL3?T?25I&drAjl1ssi=G|D?(7bFsgtO(2o>{pgX9699l+Qppw7jXaYf~-84xW
z)w4x8?=youko|}Vr~(D$UX<xm7|19n6Hxvd5m6xx<*9a4%RmR{en}E&p$X-wy5A}T
zU0^dwXVA>IbiXABHh`p1?nn8Po~fxRJv}|0e(BPs|G`(TT%kKVJAdg5*Z|x0leQq0
zkdUBvb#>9F()jo|T~kx@OM8$9wzs~t2l;K=woNssA3l6|sx2r3+kdfVW@e^8e*E}v
zA1y5{bRi+3Z`uD3{F7LgFJDdvm;nJilkzDku>BwXH(8ItVCXk*-lSJnR?-2UN%<G)
zWdETe=&R39RaKR)udn|#TOgZ!e!yM=<=+`Uz{l^5UtkZ2fHDQ;UwMB}v%l$A-`~F-
z{Qr^x^CSUf63Sry{6y#+`<sMA?dPFvg)$lC_RkFRKnCi7&P<a6>hJ){&rlvg`CDTj
z)Bzo!3v7Ou#83zEDEFcKt(f1E0~=rqeEbTnMvWR#{+9pg%7G8y>u1OVRUSoox-ovF
z2Ydma(;=YuBY(eI|04{hXzZD6_f(v~H;C~y5=DhAC{MMS>2fm~1H_t2$56pc$NH8(
z5bH|<)71dV-_oCHIrzrT`2s-5w_+2CM0$95I6X8p^r!gHp+j_gd;9O<1~CEQQGS8)
zS9Qh3#p&JM-G8rHekNmKVewU;pJRcTAog68KYo^dRo}(M<!8cv(gkb9@A>>36U4Us
zfgYWSiHZL3;lpWT=<n~R&zm>zNAW>Dh#mB!_@Lg%$ms8N-;aPqMn+C2HqZgz&9~Eu
z4|Kp<`$q)Uw1R?y(~S>ePdonHxpV1#eSP1B;Ogo+-Pk}6#0GsZZ5!||ev2MGdh}_m
z{DeR7?0-1^zVs&`AV6<!ZvGbtU{7FdY&`9DeD(=q|M30$GCs(E?S0J1$e@G0#Z=wz
zl)*a>Vt;r3`I`OI_wgs*w=eO%_#7Kepl{B<UyBc9U%rn&@xFZ-e{%i>@xiyCANc(l
zzIyd4y|c6PXWq9-|KM8(zIk8LPk(>a)zyFWjhT!$HJ$qX1vo@d25W<<x-(q{Yn-pG
zKTz?fwGmh&&2-F3f57**)?Xk#p#S9h^DhK{VVKE&0KR^-_MMD9nf@pDACnmVll!kp
z3?Tha?LWW70P;AL{}cP~sW|?W|MbA09{7Kt2f!i(y>fvZQ2zUz5WRc(UnFMKHwe1|
zWmlB1qdbiA(C0jmnV<}GfbKtmcu^2*P^O?<jWWPHxu*D53Uq)j1!ZtH3Vi&#Nd^rV
zj`B>MBLZKt|As~ge8&AAO~2K@zbXelK|4T<{|y4`raF{=72kC2Kn(L4YyenWgrPiv
z@^mr$t{#X5VuIMeL!7Ab6_kG$&#&5p*Z{+?5U|TZ`B!7llpVmp@skYz&n^8QfPJzL
z0G6K_OJM9x+Wu2gfN45phANGt{7=C>i34CV{Xqlx(fWpeAoj^N0Biu`w+MVcCUyU*
zDZuzO0>4Z6fbu^T_arWW5n!E45vX8N=bxTVeFoep_G#VmNlQzAI_KTIc{6>c+04vr
zx@W}zE5JNSU>!THJ{J=cqjz+4{L4A{Ob9$ZJ*S1?Ggg3klFp!+Y1@K+pK1DqI|_gq
z5ZDXVpge8-cs!o|;K73#YXZ3AShj50wBvuq3NTOZ`M&qtjj#GOFfgExjg8Gn8>Vq5
z`85n+9|!iLCZF5$HJ$Iu($dm?8~-ofu}tEc+-pyke=3!im#6pk_Wo8IA|fJwD&~~F
zc16osQ)EBo58U7XDuMexaPRjU@h8tXe%S{fA0NH3vGJFhuyyO!Uyl2^&EOpX{9As0
zWj+P>{@}jxH)8|r;2HdupP!vie{sJ28b&bo!8`D^x}TE$%zXNb^X1p@0PJ86`dZyj
z%ce7*{^oo+6%&~I!8hQy-vQ7E)0t0ybH4l%KltWOo~8cO`T=157JqL(oq_rC%ea&4
z2NcTJe-HgFjNg-gZ$6!Y`SMHrlj}Etf7<Kk?_r;;``Uc^3+u}-v3@Q8<@$Nr`<F?K
z-%F>?r!zQTPPSv}{so2e>Fjs1{<qUF=hGRSFDG$<z3x<+@%{Vd%a`e+qodRP&D<om
zAEn>gzk~LGeesX%r(Lh6rbhSo_n)@@G-FTQy93;l#E)hgP@d_SGvyCp0~o(Y;Ee8{
zdVUDbHm5`2taPUOY^MAGOw*<R_VaVlPH<<CgYr!E->>=s7=Gst=D+p+2yON!0%Hk`
zz5mAhyT4lS*T3LS^WSxUy86q&GnoHxzQ6vm8)VS}_zuqG?+3td68_x;etQAdu@sc6
zQJ&5|4(I?~3d-QOAODHpZ=hlSg(lBZ!JZWCtHHSj`0Wh93-Uk)_S%zsJ~aD>{`A0~
z9{AG(e|q3g5B%wYKRxiL2Y$8(4w<boVrLOyLG9R$m+7N>6bzchKuloQW#e&S3n+P-
z8!ds-%f;TJ1>)v)##>gd{PdS2Oc3VaR`fr=`O8QIO(6(N!A?pr5C#6fc~Ge@N%Vvu
zaoAX2&(a6eWy_q&UwOhU)|P3J0Qc%OdhzW=F4D|pt0E4osw;%<%Dn58hAWD^XnZD=
z>9~H(3bmLtxpF?a7su6J7M*x1By7YSUbxGi)Ot0P77`}P<HJ;%@cvfCkvm6xcMjdY
zed_u6xK)F%|1Hy`)`e~K(f*MqTJ?92I+4lga{A5`-U@Cab35G6unNk<*dpB|Rtkp;
z?32o^yBlJsuA-^abQ~7;%<oa^k<DbKc{lOW2!yM#nEALvv)IhY7b|Wfg(UhtiurTM
zY-B6L26$JQo&Kt3nh3JTJ)garEgw^{uEM3__%b$U5{~+aMO*k)6R#grkER2`U6KS-
z=j1=QhCkuy%iiHWrqH8CeGNw*C?epTpl2Bo@ugUPKRFeiVHOpL7PHu-SAgX@qmTGH
z_%ePz1`io8XDfwLmip;Rn;1yo+3>3{)&5Un{KD?`-e?r21!4vTTnN(4Y6Lin?UkSM
z`MXCTC1@4A4~mvz%Rh2&EwY))LeoT=*`tMoqcEXI>TZU9WTP#l?uFv+@Dn~b(>xh2
z;>B?;Tz2SR&KVb>vGiBSB`@U7VIWFSo=LDSb9F{GF^DbmWAfpms8Sx9OX4CnBJca3
zlj9(x!dIjN?OG1X4l*imJNvRCk}F%!?SOfiOq5y^mZW)jFL@<gIi}tCXee1<sGV$i
z4r_`X#mEQbiDh!Efji0GjM9z-0bF}p0(*s(OzMJ|;K&OJBar<ARLp}T>a|r-@d#f7
z2gmU8L3IZq0ynIws=}~m^#@&C%J6QFo~Mo4V`>v7MI-_!EBMMtb%_M&kvAaN)@ZVw
z+`toz&WG#HkWDjnZE!6nk{e-oFdL^$YnbOCN}JC&{$#$O27@|Tn-skXr)2ml2~O!5
zX+gYoxhoc7qoU?C^3~&!U?kRFtnSEecWuH0B0OvLodgUAi}8p1<ZO0#U-k07ifx!>
zrO6RSXHH}D<I*>Mc$&|?D004<Y&c6)m74d`LOLU@ruR+Um4>DiOVMHV8kXCP@7NKB
zgaZq^^O<7PoKEp72kby@W0Z!Y*A<g|TlOeriuPP`vK2IntATvs?Iv|J14j&;NFSFo
zyJ+sca?G+8C%!b{Sq=6cJJqS>y{&vfg#C&gG@YVR9g?FEocMUi1gSN$+V+ayF45{a
zuDZDT<?u;)RfLQwg>N}mS|;BO%gEf}pjBfN2-gIrU#G5~cucA;dokXW89%>AyXJJI
z9X4Ul<x{xc_m~`mWBP0<g-{#wm}Vv~Ef3pKWC&N_<~88zSbEk;;+{DnJ9-u&Zc74s
zJ6TCQyl_^|5cY;wmDdrU@LTL-3v0H#Ui?8ICQV{imof1MHuM$`e*ux>IWA|ZYHgbI
z5?oFk@A=Ik7lrEQPDH!H+b`7_Y~aDb_qa=B2^Y&Ow41cU=4WDd40dp5(QS-WMN-=Y
z9g;6_-JdNU;|6cPwf$ak*aJIcwL@1n$#l~zi{c{EW?T;DaW*E8DYq?Umtz{nJ&w-M
zEMyT<MDk{HKbd#ckg5-pS_?QUVhZv?&Q-ioBS}$nvBd)nE7YO0deN~G(#zCJAbY$E
z!)g3Ytl=_NDUV%pykcE+Q<{EoZ_4FR@&#d<hqs%N>DrC&9K$d|kZe2#ws6)L=7K+{
zQw{XnV6UC$6-rW0emqm8wJoeZK)wJIcV?dST}Z;G0Arq{dVDu0&4kd%N!3F1*;*pW
zR&qUiFzK=@44#QGw7k1`3t_d8&*kBV->O##t|tonFc2YWrL7_eqg+=+k;!F-`^b8>
z#KWCE8%u4k@EprxqiV$VmmtiWxDLgnGu$Vs<8rppV5E<MCr+anDo)-{XRlCJ;D#M(
zT=3WgR02;Nm!54biUb^FtzPh8iGrf412epnki-k+G4mdkzC|lJqaRMbb0~Jjp-{}I
z5Do5afZi>ajBXL4nyyZM$SWVm!wnCj-B!Wjqj5-5dNXukI2$$|Bu3Lrw}z65Lc=1G
z^-#WuQOj$hwNGG?*CM_TO8Bg-1+qc>J7k5c51U8g?ZU5n?HYor;~JIjoWH-G>AoUP
ztrWWLbRNqIjW#RT*WqZgPJXU7C)VaW5}MiijYbABmzoru6EmQ*N8cVK7a3|aOB#O&
zBl8JY2WKfmj;h#Q!pN%9o@VNLv{OUL?rixHwOZuvX7{IJ{(EdPpuVFoQqIOa7gi<U
zTpbX&UCeYeNu>LVkBOKL@^smUA!tZ1CKRK}#SSM)iQHk)*R~?M!qkCruaS!#oIL1c
z<cK@1=jX>?J<BS8bpdt^R+}%A_DEhF^%o}8e!!lc`Y!qU>;U~&FfH#*98^G?i}pA{
z9Jg36t4=%6mhY(quYq*vSxptes9qy|7xSlH?G=S@>u>Ebe;|LVhs~@+06N<4CViBk
zUiY$thvX;>Tby6z9Y1e<Q<iIG*|o$r?OTFp`s)@_nHs4LeWbGvg7^}NK)>dAMQaiH
zm^r3v#$Q#2T=X>bsY#D%s!bhs^M9PMAcHbCc0FMHV{u-dwlL;a1eJ63v5U*?Q_8JO
zT#50!RD619#j_Uf))0ooADz~*9&lN!bBDRUgE>Vud-i5ck%vT=r^yD*^?Mp@Q^v+V
zG#-?gKlr}Eeqifb{|So?HM&g91<J5P5=Ly{?(NNY{6`O~L5r@sJe3rNZn06%SLk);
z9?hvE^Hr{!*G$<_doyzGn#*z*#}?)8dH=eYTgvc)T~}Jw!kCv68<+KL5{5?EXtDAZ
zWeNqp8%KIuBi&icn5s815Vho<+99VW1~m@L8l0=$c`t-L{q))~<!p*~vCdUcBcPz`
zyUi}!-k_`G{>P8|av8hQoCmQXkd?7wIJw<dY^{|7OQJUHKB~nksN_|Xy;DL?xjxU^
zbMa`WdfTBnr<wTd$mY&SgJ4U|X``k`#`gN@M+0x2W{YgC3kbLk<uYFJWglkx_)2#b
ztRiuA!EK9o)f`I2k)l;Of%E`ff91WlZh8yfRi6#N-mC`Ma(yr~U82SyAhc9B+ur!f
zP-3igg*KeYs9mGOAw@OaXYy9DnGjn0<m`JH&Q^h}^!h+uS9Ct*o-oEy(?iT6Yco>b
z_^v8bbg`<ZOL)a;i=IdfK0Zvw4nXsoC?eTOMpY)_ptiORm%J(1CD3dE0Z%Vy<2iHp
zcp>SAn{I*4bH$u(RZ6*x<DqKJ+5;a6Jq~=Y8V&c?Vsyq88!2nD?H?Eww58Mqt$7R8
z5BMjmKx>UhuA~hc=8czK8SHEKTzSxgbwi~9(OqJB&gwb^l4+m`k*Q;_?>Y-APi1{k
zAHQ)P)G)f|AyjSgcCFps)Fh6Bca*Xznq3<?y%xNvu0N78_R?~<RDFQx0ynlRG(E|j
zvEGN3bF<E_9p-I!UwQXFqcSGV#e^98tgFqLp+z9eP}y!jNA{)r*a+%M-_20xg?94<
zzmM{}syi0cd&P)zywMdS&Y_9k5JDtOM!L)b^2WP!+fHYGv>6!pV6Az&m{O8$wGFD?
zY&O*3*J0;_EqM#jh6^gMQKpXV?#1?>$ml1xvh8nSN>-?H=V;nJIwB07YX$e6vLxH(
zqYwQ>qxwR(i4f)DLd)-$P>T-no_c!LsN@)8`e;W@)-Hj0>nJ-}Kla4-ZdPJzI&Mce
zv)V_j;(3ERN3_@I$N<^|4Lf`B;8n+bX@bHbcZTopEmDI*Jfl)-pFDvo6svPRoo@(x
z);_{lY<;);XzT`dBFpRmGrr}z5u1=p<K1~3>C^<jVp}L(pzgMB_Vs-O?{Z?y$8M;)
zi@7zwpzV9#m72%En~(9@E)GWV^(~J*@^*K*TE0mynAnGJ5YSLCEnC42H-`tr4L=oW
zI}N{xQ$HT8Q6CVHf%RY&xw7!Zj(0xmg(K#UQ4u!ej95z7V4phlcTJ2&AR}$)zV-s!
zO7bqY6(=?1t+JCOW_z%HRE>S-{ce6iXQlLGcItwJ^mZx{m$&DA_oEZ)B{_bYPq-HA
zcH8WGoBG(aBU_j)vEy+_71T34@4dmSg!|M8Vf92Zj6WH7Q7t#OHQqWgFE3ARt+%!T
z?oLovLVlnf?2c7pTc)~cc^($_8nyKwsN`RA-23ed3sdj(ys%pjjM+9JrctL;dy8a(
z@en&CQmnV(()bu|Y%G1-4a(6x{aLytn$T-;(&{QIJB9vMox11U-1HpD@d(QkaJdEb
zG{)+6Dos_L+O3NpWo^=gR?evp|CqEG?L&Ut#D*KLaRFOgOEK(Kq1@!EGcTfo+%A&I
z=dLbB+d$u{sh?u)xP{PF8L%;YPPW53+@{>5W=Jt#wQpN;0_HYdw1{ksf_XhO4#2F=
zyPx6Lx2<92L-;L5PD`zn6zwIH`Jk(<gsVPionpJ-imI56$j4P0!br@ny3=!{x2TY^
zCD=)8_PgmN)E!^nczcDGc9Wm7oo5O3@fh=k=kh8J?_3KqEp7JHdv8z_iZ5#KmbiPt
z2Bt8Ro^p$7pS!xL3mtj<iN3f}#r6_&$Es0PnJTE?c;0#$%cGdu`T%~`gW;c^VD-S=
zrAatMf^%Lzr*wQ4kHSOb?WOUuEsJQ3xr{Imf1t{~iNmRwb_SP9!?FFN=b-E){!8P2
ztWCT~262O8`%?3<W4Wg+ovWY<re)?^kZ|Yi>$?Qw({erA$^bC;q33hv!d!>%wRhj#
zal^hk+WGNg;rJtb-EB(?czvOM=H7dl=vblBwAv>}%1@{}mnpUznfq1cE^sgsL0*4I
zJ##!*B?=vI_OEVis5o+_IwMIRrpQyT_Sq~ZU%oY7c5JMIADzpD!Upz9h@iWg_>>~j
zOLS;wp^i$-E?4<_cp?RiS%Rd?i;f*mOz=~(&3lo<=@(nR!_Rqiprh@weZlL!t#NCc
zO!QTcInq|%#>OVgobj{~ixEUec`E25zJ~*DofsQdzIa@5^nOXj2T;8O`l--(QyU<o
zeu8G~Z>^$t?TGY^7#&FQ+2SS3B#qK*k3`ye?8jUYSajE5iBbJls75CCc(m3dk{t?-
zopcER9{Z?TC)mk~gpi^kbbu>b-+a{m#8-y2^p$ka4n60w;Sc2}HMf<8JUvh<G@KZw
z+<GL!lpeahq2+nO{>CL0B&Btk)T`ctE$*qNW8L$`7!r^9T+>=<=2qaq-;ll2{`{Rg
zc5a0ZUI$oG&j-qVOuKa=*v4aY#IsoM+1|c4Z)<}lEDvy;5huB@1RJPquU2U*U-;gu
z=En2m+qjBzR#DEJDO`WU)hdd{Vj%^0V*KoyZ|5lzV87&g_j~NCjwv0uQVqXOb*QrQ
zy|Qn`hxx(58c<SELWpDAg~83oY-J_WoDiI6d7>70$E;L(X0uZZ72M1!6oeg)(cdKO
ze0gDaTz+ohR-#d)NbAH4x{I(21yjwvBQfmpLu$)|m{XolbgF!pmsqJ#D}(ylp6uC>
z{bqtcI#hT#HW=wl7>p!38sKsJ`r8}lt-q%Keqy%u(xk=yiIJiUw6|5IvkS+#?JTBl
z8H5(Q?l#wzazujH!8o>1xtn8#_w+397*<wp?Ryt$UFh41$qd}LyNJ7Oao(Aw2g|wy
zH_nZ+R#~EUME^#j4$@^5&>_cy8!pQGP%K(Ga3pAjsaTbbXJlQF_+m+-UpUUent@xM
zg%jqLUExj~o^vQ3Gl*>wh=_gOr2*|U64_iXb+-111a<qXXnUI&{l`dM&{4Gw)jZn;
zlj{VxW@#OcVE1Y%J*u^Z@H+XSqL6SwA|^jv2RU_+d;O!mk)dw7-m9B4{6*G1zRdR6
zQ}6v&Xt7R2h3Xp}EQk4nF2TULG{Ri=D|JC<a+K7dldN1}CY_f!vK#u}K3`g#TpO&W
z;!;64`0$d9raD!VbYP`kuFUasaMh!;&81y}LHS(SuGRxwEn4LZb4DS1j9iAq$MXd@
z(Ebka7_Gc(ljGaJqtI-OzmA@c@sYB$)Vg!RP4~``vaVyRq$rJXRjIPwtepN;(B%wy
zmU>H}$TjeajM+I20xw(((>fej-@CIz4S1pi$(#}P7`4({6QS2CaQS4NPENDp>sAqD
z$bH4KGzXGffkJ7R>V>)>tC)uax{UsN*dbeNC*v}#8Y#OWYwL4t$ePR?VTyIs!wea+
z5Urmc)X|^`MG~*dS6pGSbU+gPJoq*^a=_>$n4|P^w$sMBBy@f*Z^Jg6?n5?oId6f{
z$LW4M|4m502z0t7g<#Bx%X;9<=)smFolV&(V^(7Cv2-sxbxopQ!)*#ZRhTBpx1)Fc
zNm1T%bONzv6@#|dz(w02AH8OXe>kQ#1FMCzO}2J_mST)+ExmBr9cva-@?;wnmWMOk
z{3_~EX_xadgJGv&H@zK_8{(x84`}+c?oSBX*Ge3VdfTt&F}yCpFP?CpW+BE^cWY0^
zb&uBN!Ja3UzYHK-CTyA5=L<c0d<h!DNBIa<xax8W3(Ru8L0cVXQ18|Y^|*S%)R96z
zBT$(=zQ}2vmt6LzN~Oyf_Y92%P@QOx{7~}5!UIqCdfu?VwC0Nb!2@iiit8-5zUWFG
z*G&+GLIU#J;}hvowNJWnglvb^<2q~lS#?ixVtYT@(O3{TC|4kFJYLB*jni-4YZi0>
zEMW{l3Usky#ly=7px648W31UNV@K)&Ub&zP1c7%)`{);I4b0Q<)B}3;NMG2JH=X$U
zfIW4)4n9ZM`-yRj67I)YSLDK)qfUJ_ij}a#aZN~9EXrh8eZY2&=uY%2N0UFF7<~%M
zsB8=erOWZ>Ct_#^tHZ|*q`H;A)5;ycw*I<Cd*bZlOJ9YmRUK2<qXkpRR3nr6r~%Jz
z*(8tA&DYO)etdgVmoonqD{*<5Fog4ClIs-~_uhjuZOI}#Wy+ce${%#oyHloXelqfz
z8)?D3Y_>cmVxi8_0Xk}aJA^ath+E;xg!x+As(M#0=)3!NJR6H&9+zd#iP(m0PIW8$
z1Y^VX`>jm`W!=WpF*{ioM?C9`yOR>@0q=u7o>BP-eSHqCgMDj!2anwH?s%i2p+Q7D
zzszIf5XJpE)IG4;d_(La-xenmF(tgAxK`Y4sQ}BSJEPs6N_U2vI{8=0C_F?@7<(G;
zo$~G=8p+076G;`}>{MQ>t>7cm=zGtfbdDXm6||jUU|?X?CaE?(<6bKDYKeHlz}DA8
zXT={X=yp_R;HfJ9h%?eWvQ!dRgz&Su*JfNt!Wu>|XfU<MM~gB&J0gc}IH}?|B4WRK
zWPL0FhctFGdMucOFdhrVunIe5)4K^H9IjB#eA)p5w?c#v7kp8jx^~bxxJB{;hPFL9
zkR9Dbpj+T5ZMgHQg|oj*DS;x&jK}1rn&}Shp9sgOI*7puQD-w?3H*cg72;5H(_zW*
zApJBIM-p2~F;qWDj!n|Kd=5|T8OPkQ_G;ujgvKybr5@~eci2{8WAz+%NUSp-&eoG!
zOGLNLJewWl&1*NT467W3god~fYgX?!f0?NCFnjD$qE-fyQ)|Q_DLc*{olmXSVl$g_
z$vj}o?RatMy(o*j8?q1Mgw{OUOgVR6_qvS<Co*&!cR`ROi|*I`ajyG5s@L8agnX2J
zF=DLkMG`z{RP&996y0yAtvJcb<cba?TV#j4VYFPC>&68iRikRrHRW|ZxzRR^`eIGt
zIeiDgVS>IeExKVRWW8-=<xUfo0v~z=RA=cFWKXgcMECd}xHp7iqkBanH}TZ0h0rA=
zqxUZ>A=<k-RjTtwbJkkep{8z*173wY^e%-U0{Ue!n@wbg^2q)Vx5c(_RfvuR4}XXn
z+JE>yA`}`)ZkWBrZD`hpWIxBGkh&f#ijr449~m`j6{4jiJ*C!oVA8ZC?$1RM#K(_b
zL9TW)kN*Y4%^-qPpMP7d4)o?Nk#>aoYHT(*g)qmRUb?**F@pnNiy6Fv9rEiUqD(^O
zzyS?nBrX63BTRYduaG(0VVG2yJRe%o&rVrLjbxTaAFTd8s;<<@Qs>u(<193R8>}2_
zuwp{7;H2a*X7_jryzriZXMg?bTuegABb^87@SsKkr2)0Gyiax8KQWstw^v<oS3Xw7
zu51m`3~hoyxErcHymdFTZd#AO59{EkuFTcpAR33(3xc{zRnn1~1Ei(i*^HdCvM~;;
za&}Uip|u>#ix45EVrcEhr>!NMhprl<CqZuKa#zuI&@zymVzIicetS0bq#u?m(r_@S
zJ79bl%4EyHCQ3fK@en+A1@)e}HWLP|gr_zuoA{}Z<(-*53Zu@k+=^%~5F(z$EFLI;
z-TQTS8$W|GRbZq93Ha1?lu+`O;rn>$InQMzjSFH54x5k9qHc`@9uKQzvL4ihcq{^B
zPrVR=o_ic%Y>6&rMN)hTZsI7I<3&`#(nl+3y3ys9A~<Ao%ZuW})CJ)6^(aRV(gGxR
z89#(FDW;GZEAf;rI$+PU)rEV|rASrwP0_mr^Ldv)IuUf1M>&^=4?PL&nd8)`OfG#n
zwAMN$1&>K++c{^|7<<q5KGu)u(OEfEJJw2aEi(;x-i=Y=j3ram9H2n-Fuqv0dVlXJ
z&WgG5X({!vJFDrEbm+CWDca^zIe2@s1@a;;Y3!U9Q)&P0UXFmCP51_!wvTfAIyR^M
z7^R*O@yz1b-s4VC>4P=2y(B{jJsQ0a#U;HTo4ZmWZYvI{+s;Td{Yzem%0*k#)vjpB
zia;J&>}ICate44SFYY3vEelqStQWFihx%^vQ@Do(sOy7yR2@WNv7Y9I^yL=nZr3mb
zXKV5t@=?-Sk|b{XMhA7ZGB@2hqsx}4xwCW!in#C<kr{U&JG{9FhoZ<aTve_lLz39>
zI@}sc<h3gsW}hp-`WUywKA>Zlr3-NFJ@NFaJlhyfcw{k^vvtGl`N9xSo**rDW4S}i
zM9{fMPWo%4wYDG~BZ18BD+}h|GQKc-g^{++3MY>}W_uq7jGHx{mwE9fZiPCoxN$+7
zrODGGJrOkcPQUB(FD5aoS4g~7#6NR^ma7-!>mHuJfY5kTe6PpNNKC9GGRiu^L31uG
z$7v`*JknQHsYB!Tm_W{a32TM099djW%5e+j0Ve_ct}IM>XLF1Ap+YvcrLV=|CKo6S
zb+<Td{{5RWR}u2f(q<b(D$9JsF0OOzJ*+z0P5kc1t}CXlYgua%x*2lSgp|*WS3H-#
zdYr7?GQOL18zUS<2|;+vi4|4sQBM2Gs&WVS!D`q5Lz;XR@5rEfa{uG-!q?R8Ncz%(
z5K6~LQ@d2wp#)5q4u<ENlFbS)U4o1t9{-d>9Nl3_YdKP6%Cxy@6TxZ>;4&nTneadr
z_ES90ydCev)LV!dN=#(*f}|ZORFdvkYBni^aLbUk>BajeWIOcmHP#8S)*2U~QKI%S
zyrLmtPqb&TphJ;>yAxri#;{uyk`JJqODDw%(Z=2<VfJZemI(PFAD{6Sm|uE%BTbkl
zROsg*MOh20YgGs3H7?@pmQ>`1uc}br^V%>j!gS)D*q*f_-qf8&D;W1dJgQMlaH5er
zN2U<%Smb7==vE}dDI8K7cKz!vs^73o9f>2sgiTzWcwY|BMYHH5%Vn7#kiw&eItCqa
zIkR2~Q}>X=Ar8W|^Ms41Fm8o6IB2_j60eOeBB1Br!boW7JnoeX6Gs)?7rW0^5psc-
zjS16yb>dFn>KPOF;imD}e!enuIniFzv}n$m2#gCCv4jM#ArwlzZ$7@9&XkFxZ4n!V
zj3dyiwW4Ki2QG{@i>yuZXQizw_OkZI^-3otXC{!(lUpJF33gI60ak;Uqitp74|B6I
zgg{b=Iz}WkhCGj1M<xTd?60J5qsr1Cg7F~~U2N!(@lC<>=hu4#Aw173YxIVbISaoc
z-nLZC*6Tgivd5V`K%GxhBsp@SUU60-rfc$=wb>zdJzXS&-5(NRRodFk;Kxk!S(<ov
z$YXcI9;^grAyiJ4dWTv3b}K~Ww09(;mLY4+kj|$A?IMr}`7q?mIS1>O(a0e7oY=E(
zAyS;Ow?6Q&XA+cnkCb{28_1N8H#?J!*$MmIwLq^*T_9-z^&UE@A(z9oGYtFy6EZef
LrJugUA?W`A8`#=m

literal 0
HcmV?d00001

diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 00000000..5ed30f3c
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,230 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --font-arabic: var(--font-arabic);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  /* Container utility */
+  .container {
+    @apply mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8;
+  }
+}
+
+@layer utilities {
+  /* Dense text utilities */
+  .text-balance {
+    text-wrap: balance;
+  }
+}
+
+/* Theme Variants */
+
+/* Flat theme - minimal shadows, subtle borders */
+.theme-flat {
+  --shadow-sm: none;
+  --shadow: none;
+  --shadow-md: none;
+  --shadow-lg: none;
+}
+
+.theme-flat .border,
+.theme-flat [class*="border"] {
+  border-color: oklch(0.9 0 0);
+}
+
+.dark.theme-flat .border,
+.dark.theme-flat [class*="border"] {
+  border-color: oklch(0.25 0 0);
+}
+
+/* Default theme - balanced shadows and borders */
+.theme-default {
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+}
+
+/* Brutal theme - strong borders, no radius, bold shadows */
+.theme-brutal {
+  --radius: 0 !important;
+  --shadow-sm: 2px 2px 0 0 currentColor;
+  --shadow: 3px 3px 0 0 currentColor;
+  --shadow-md: 4px 4px 0 0 currentColor;
+  --shadow-lg: 6px 6px 0 0 currentColor;
+}
+
+.theme-brutal .border,
+.theme-brutal [class*="border"] {
+  border-width: 2px;
+  border-color: currentColor;
+}
+
+/* Flat button overrides */
+.theme-flat button,
+.theme-flat [role="button"] {
+  box-shadow: none !important;
+}
+
+.theme-flat input,
+.theme-flat select,
+.theme-flat textarea {
+  box-shadow: none !important;
+}
+
+/* Density Variants */
+
+/* Compact density - smaller spacing and elements */
+.density-compact {
+  --spacing-unit: 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.25;
+}
+
+.density-compact .container {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.density-compact h1 { font-size: 1.5rem; }
+.density-compact h2 { font-size: 1.25rem; }
+.density-compact h3 { font-size: 1rem; }
+
+/* Default density */
+.density-default {
+  --spacing-unit: 1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+/* Comfortable density - larger spacing and elements */
+.density-comfortable {
+  --spacing-unit: 1.25rem;
+  font-size: 1rem;
+  line-height: 1.75;
+}
+
+.density-comfortable .container {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+.density-comfortable h1 { font-size: 2.5rem; }
+.density-comfortable h2 { font-size: 2rem; }
+.density-comfortable h3 { font-size: 1.5rem; }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 00000000..74897ca3
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,100 @@
+import type { Metadata } from "next";
+import { Inter, Noto_Sans_Arabic } from "next/font/google";
+import { getMessages, getLocale } from "next-intl/server";
+import { Providers } from "@/components/providers";
+import { Header } from "@/components/layout/header";
+import { Footer } from "@/components/layout/footer";
+import { getConfig } from "@/lib/config";
+import { isRtlLocale } from "@/lib/i18n/config";
+import "./globals.css";
+
+const inter = Inter({
+  subsets: ["latin"],
+  variable: "--font-sans",
+});
+
+const notoSansArabic = Noto_Sans_Arabic({
+  subsets: ["arabic"],
+  variable: "--font-arabic",
+  weight: ["400", "500", "600", "700"],
+});
+
+export const metadata: Metadata = {
+  title: "prompts.chat",
+  description: "Collect, organize, and share AI prompts",
+};
+
+const radiusValues = {
+  none: "0",
+  sm: "0.25rem",
+  md: "0.5rem",
+  lg: "0.75rem",
+};
+
+function hexToOklch(hex: string): string {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!result) return "oklch(0.5 0.2 260)";
+  
+  const r = parseInt(result[1], 16) / 255;
+  const g = parseInt(result[2], 16) / 255;
+  const b = parseInt(result[3], 16) / 255;
+  
+  const l = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const c = (max - min) * 0.4;
+  
+  let h = 0;
+  if (max !== min) {
+    if (max === r) h = ((g - b) / (max - min)) * 60;
+    else if (max === g) h = (2 + (b - r) / (max - min)) * 60;
+    else h = (4 + (r - g) / (max - min)) * 60;
+  }
+  if (h < 0) h += 360;
+  
+  return `oklch(${(l * 0.8 + 0.2).toFixed(3)} ${c.toFixed(3)} ${h.toFixed(1)})`;
+}
+
+export default async function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  const locale = await getLocale();
+  const messages = await getMessages();
+  const config = await getConfig();
+  const isRtl = isRtlLocale(locale);
+
+  // Calculate theme values server-side
+  const themeClasses = `theme-${config.theme.variant} density-${config.theme.density}`;
+  const primaryOklch = hexToOklch(config.theme.colors.primary);
+  const rgb = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(config.theme.colors.primary);
+  const lightness = rgb 
+    ? 0.2126 * (parseInt(rgb[1], 16) / 255) + 0.7152 * (parseInt(rgb[2], 16) / 255) + 0.0722 * (parseInt(rgb[3], 16) / 255)
+    : 0.5;
+  const foreground = lightness > 0.5 ? "oklch(0.2 0 0)" : "oklch(0.98 0 0)";
+  
+  const themeStyles = {
+    "--radius": radiusValues[config.theme.radius],
+    "--primary": primaryOklch,
+    "--primary-foreground": foreground,
+  } as React.CSSProperties;
+
+  const fontClasses = isRtl 
+    ? `${inter.variable} ${notoSansArabic.variable} font-arabic` 
+    : `${inter.variable} font-sans`;
+
+  return (
+    <html lang={locale} dir={isRtl ? "rtl" : "ltr"} suppressHydrationWarning className={themeClasses} style={themeStyles}>
+      <body className={`${fontClasses} antialiased`}>
+        <Providers locale={locale} messages={messages} theme={config.theme} branding={config.branding}>
+          <div className="relative min-h-screen flex flex-col">
+            <Header />
+            <main className="flex-1">{children}</main>
+            <Footer />
+          </div>
+        </Providers>
+      </body>
+    </html>
+  );
+}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 00000000..d8bfe352
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { FileQuestion, Home, ArrowLeft } from "lucide-react";
+import { Button } from "@/components/ui/button";
+
+export default function NotFound() {
+  const router = useRouter();
+  const t = useTranslations("notFound");
+
+  return (
+    <div className="container flex flex-col items-center justify-center min-h-[60vh] py-12">
+      <div className="text-center space-y-6 max-w-md">
+        {/* Icon */}
+        <div className="mx-auto w-20 h-20 rounded-full bg-muted flex items-center justify-center">
+          <FileQuestion className="h-10 w-10 text-muted-foreground" />
+        </div>
+
+        {/* Error Code */}
+        <div className="space-y-2">
+          <h1 className="text-7xl font-bold text-primary">404</h1>
+          <h2 className="text-xl font-semibold">{t("title")}</h2>
+          <p className="text-sm text-muted-foreground">
+            {t("description")}
+          </p>
+        </div>
+
+        {/* Actions */}
+        <div className="flex flex-col sm:flex-row items-center justify-center gap-3 pt-4">
+          <Button asChild>
+            <Link href="/">
+              <Home className="mr-2 h-4 w-4" />
+              {t("goHome")}
+            </Link>
+          </Button>
+          <Button variant="outline" onClick={() => router.back()}>
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            {t("goBack")}
+          </Button>
+        </div>
+
+        {/* Helpful Links */}
+        <div className="pt-8 border-t">
+          <p className="text-xs text-muted-foreground mb-3">
+            {t("helpfulLinks")}
+          </p>
+          <div className="flex flex-wrap items-center justify-center gap-4 text-sm">
+            <Link href="/prompts" className="text-primary hover:underline">
+              {t("browsePrompts")}
+            </Link>
+            <Link href="/categories" className="text-primary hover:underline">
+              {t("categories")}
+            </Link>
+            <Link href="/prompts/new" className="text-primary hover:underline">
+              {t("createPrompt")}
+            </Link>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 00000000..4aff93a0
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,197 @@
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { ArrowRight, Bell, FolderOpen } from "lucide-react";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { PromptList } from "@/components/prompts/prompt-list";
+
+export default async function HomePage() {
+  const t = await getTranslations("feed");
+  const tHomepage = await getTranslations("homepage");
+  const tNav = await getTranslations("nav");
+  const session = await auth();
+
+  // For logged-in users, show subscribed categories feed
+  if (session?.user) {
+    // Get user's subscribed categories
+    const subscriptions = await db.categorySubscription.findMany({
+      where: { userId: session.user.id },
+      include: {
+        category: {
+          select: {
+            id: true,
+            name: true,
+            slug: true,
+          },
+        },
+      },
+    });
+
+    const subscribedCategoryIds = subscriptions.map((s) => s.categoryId);
+
+    // Fetch prompts from subscribed categories
+    const promptsRaw = subscribedCategoryIds.length > 0
+      ? await db.prompt.findMany({
+          where: {
+            isPrivate: false,
+            categoryId: { in: subscribedCategoryIds },
+          },
+          orderBy: { createdAt: "desc" },
+          take: 30,
+          include: {
+            author: {
+              select: {
+                id: true,
+                name: true,
+                username: true,
+                avatar: true,
+              },
+            },
+            category: {
+              select: {
+                id: true,
+                name: true,
+                slug: true,
+              },
+            },
+            tags: {
+              include: {
+                tag: true,
+              },
+            },
+            _count: {
+              select: { votes: true, contributors: true },
+            },
+          },
+        })
+      : [];
+
+    const prompts = promptsRaw.map((p) => ({
+      ...p,
+      voteCount: p._count?.votes ?? 0,
+      contributorCount: p._count?.contributors ?? 0,
+    }));
+
+    // Get all categories for subscription
+    const categories = await db.category.findMany({
+      orderBy: { name: "asc" },
+      include: {
+        _count: {
+          select: { prompts: true },
+        },
+      },
+    });
+
+    return (
+      <div className="container py-6">
+        <div className="flex items-center justify-between mb-6">
+          <div>
+            <h1 className="text-lg font-semibold">{t("yourFeed")}</h1>
+            <p className="text-sm text-muted-foreground">
+              {t("feedDescription")}
+            </p>
+          </div>
+          <Button variant="outline" size="sm" asChild>
+            <Link href="/prompts">
+              {t("browseAll")}
+              <ArrowRight className="ml-1.5 h-4 w-4" />
+            </Link>
+          </Button>
+        </div>
+
+        {/* Subscribed Categories */}
+        {subscriptions.length > 0 && (
+          <div className="flex flex-wrap gap-2 mb-6">
+            {subscriptions.map(({ category }) => (
+              <Link key={category.id} href={`/categories/${category.slug}`}>
+                <Badge variant="secondary" className="gap-1">
+                  <Bell className="h-3 w-3" />
+                  {category.name}
+                </Badge>
+              </Link>
+            ))}
+          </div>
+        )}
+
+        {/* Feed */}
+        {prompts.length > 0 ? (
+          <PromptList prompts={prompts} currentPage={1} totalPages={1} />
+        ) : (
+          <div className="text-center py-12 border rounded-lg bg-muted/30">
+            <FolderOpen className="h-10 w-10 text-muted-foreground mx-auto mb-3" />
+            <h2 className="font-medium mb-1">{t("noPromptsInFeed")}</h2>
+            <p className="text-sm text-muted-foreground mb-4">
+              {t("subscribeToCategories")}
+            </p>
+
+            {/* Category suggestions */}
+            <div className="flex flex-wrap justify-center gap-2 max-w-md mx-auto">
+              {categories.slice(0, 6).map((category) => (
+                <Link key={category.id} href={`/categories/${category.slug}`}>
+                  <Badge variant="outline" className="cursor-pointer hover:bg-accent">
+                    {category.name}
+                    <span className="ml-1 text-muted-foreground">({category._count.prompts})</span>
+                  </Badge>
+                </Link>
+              ))}
+            </div>
+
+            <div className="mt-4">
+              <Button variant="outline" size="sm" asChild>
+                <Link href="/categories">{t("viewAllCategories")}</Link>
+              </Button>
+            </div>
+          </div>
+        )}
+      </div>
+    );
+  }
+
+  // For non-logged-in users, show landing page
+  return (
+    <div className="flex flex-col">
+      {/* Hero Section */}
+      <section className="py-12 md:py-20 border-b">
+        <div className="container">
+          <div className="max-w-3xl">
+            <h1 className="text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl">
+              {tHomepage("heroTitle")}
+              <span className="block text-muted-foreground">{tHomepage("heroSubtitle")}</span>
+            </h1>
+            <p className="mt-4 text-muted-foreground max-w-xl">
+              {tHomepage("heroDescription")}
+            </p>
+            <div className="mt-6 flex flex-wrap gap-3">
+              <Button asChild>
+                <Link href="/prompts">
+                  {tHomepage("browsePrompts")}
+                  <ArrowRight className="ml-1.5 h-4 w-4" />
+                </Link>
+              </Button>
+              <Button variant="outline" asChild>
+                <Link href="/register">{tNav("register")}</Link>
+              </Button>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* CTA Section */}
+      <section className="py-12">
+        <div className="container">
+          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 p-6 rounded-lg border bg-muted/30">
+            <div>
+              <h2 className="font-semibold">{tHomepage("readyToStart")}</h2>
+              <p className="text-sm text-muted-foreground">{tHomepage("freeAndOpen")}</p>
+            </div>
+            <Button asChild>
+              <Link href="/register">{tHomepage("createAccount")}</Link>
+            </Button>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}
diff --git a/src/app/prompts/[id]/changes/[changeId]/page.tsx b/src/app/prompts/[id]/changes/[changeId]/page.tsx
new file mode 100644
index 00000000..e005b142
--- /dev/null
+++ b/src/app/prompts/[id]/changes/[changeId]/page.tsx
@@ -0,0 +1,169 @@
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import { getTranslations, getLocale } from "next-intl/server";
+import { formatDistanceToNow } from "@/lib/date";
+import { ArrowLeft, Clock, Check, X, FileText } from "lucide-react";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { DiffView } from "@/components/ui/diff-view";
+import { ChangeRequestActions } from "@/components/prompts/change-request-actions";
+import { ReopenChangeRequestButton } from "@/components/prompts/reopen-change-request-button";
+
+interface ChangeRequestPageProps {
+  params: Promise<{ id: string; changeId: string }>;
+}
+
+export default async function ChangeRequestPage({ params }: ChangeRequestPageProps) {
+  const session = await auth();
+  const t = await getTranslations("changeRequests");
+  const locale = await getLocale();
+  const { id: promptId, changeId } = await params;
+
+  const changeRequest = await db.changeRequest.findUnique({
+    where: { id: changeId },
+    include: {
+      author: {
+        select: {
+          id: true,
+          name: true,
+          username: true,
+          avatar: true,
+        },
+      },
+      prompt: {
+        select: {
+          id: true,
+          title: true,
+          content: true,
+          authorId: true,
+        },
+      },
+    },
+  });
+
+  if (!changeRequest || changeRequest.prompt.id !== promptId) {
+    notFound();
+  }
+
+  const isPromptOwner = session?.user?.id === changeRequest.prompt.authorId;
+
+  const statusConfig = {
+    PENDING: { 
+      color: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400 border-yellow-500/20",
+      icon: Clock,
+    },
+    APPROVED: { 
+      color: "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20",
+      icon: Check,
+    },
+    REJECTED: { 
+      color: "bg-red-500/10 text-red-600 dark:text-red-400 border-red-500/20",
+      icon: X,
+    },
+  };
+
+  const StatusIcon = statusConfig[changeRequest.status].icon;
+  const hasTitleChange = changeRequest.proposedTitle && changeRequest.proposedTitle !== changeRequest.originalTitle;
+
+  return (
+    <div className="container max-w-3xl py-6">
+      {/* Header */}
+      <div className="mb-6">
+        <Button variant="ghost" size="sm" asChild className="mb-4 -ml-2">
+          <Link href={`/prompts/${promptId}`}>
+            <ArrowLeft className="h-4 w-4 mr-1.5" />
+            {t("backToPrompt")}
+          </Link>
+        </Button>
+
+        {/* Title and status */}
+        <div className="flex items-start justify-between gap-4">
+          <div className="flex-1 min-w-0">
+            <div className="flex items-center gap-2 flex-wrap">
+              <h1 className="text-xl font-semibold">{t("title")}</h1>
+              <Badge className={statusConfig[changeRequest.status].color}>
+                <StatusIcon className="h-3 w-3 mr-1" />
+                {t(changeRequest.status.toLowerCase())}
+              </Badge>
+            </div>
+            <Link 
+              href={`/prompts/${promptId}`} 
+              className="text-sm text-muted-foreground hover:text-foreground flex items-center gap-1.5 mt-1"
+            >
+              <FileText className="h-3.5 w-3.5" />
+              {changeRequest.prompt.title}
+            </Link>
+          </div>
+        </div>
+
+        {/* Author and time */}
+        <div className="flex items-center gap-2 mt-4 pt-4 border-t">
+          <Avatar className="h-6 w-6">
+            <AvatarImage src={changeRequest.author.avatar || ""} />
+            <AvatarFallback className="text-xs">{changeRequest.author.name?.[0] || changeRequest.author.username[0]}</AvatarFallback>
+          </Avatar>
+          <span className="text-sm">
+            <Link href={`/${changeRequest.author.username}`} className="font-medium hover:underline">
+              @{changeRequest.author.username}
+            </Link>
+            <span className="text-muted-foreground"> · {formatDistanceToNow(changeRequest.createdAt, locale)}</span>
+          </span>
+        </div>
+      </div>
+
+      {/* Reason */}
+      {changeRequest.reason && (
+        <div className="mb-6 p-4 bg-muted/30 rounded-lg border">
+          <p className="text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2">{t("reason")}</p>
+          <p className="text-sm whitespace-pre-wrap">{changeRequest.reason}</p>
+        </div>
+      )}
+
+      {/* Title change */}
+      {hasTitleChange && (
+        <div className="mb-6 p-4 bg-muted/30 rounded-lg border">
+          <p className="text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2">{t("titleChange")}</p>
+          <div className="text-sm">
+            <span className="text-red-600 dark:text-red-400 line-through">{changeRequest.originalTitle}</span>
+            <span className="text-muted-foreground mx-2">→</span>
+            <span className="text-green-600 dark:text-green-400">{changeRequest.proposedTitle}</span>
+          </div>
+        </div>
+      )}
+
+      {/* Content diff */}
+      <div className="mb-6">
+        <p className="text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2">{t("contentChanges")}</p>
+        <DiffView
+          original={changeRequest.originalContent}
+          modified={changeRequest.proposedContent}
+        />
+      </div>
+
+      {/* Review note (if exists) */}
+      {changeRequest.reviewNote && (
+        <div className="mb-6 p-4 rounded-lg border border-blue-500/20 bg-blue-500/5">
+          <p className="text-xs font-medium text-blue-600 dark:text-blue-400 uppercase tracking-wide mb-2">{t("reviewNote")}</p>
+          <p className="text-sm whitespace-pre-wrap">{changeRequest.reviewNote}</p>
+        </div>
+      )}
+
+      {/* Actions for prompt owner */}
+      {isPromptOwner && changeRequest.status === "PENDING" && (
+        <div className="pt-4 border-t">
+          <ChangeRequestActions changeRequestId={changeRequest.id} promptId={promptId} />
+        </div>
+      )}
+
+      {/* Reopen button for rejected requests */}
+      {isPromptOwner && changeRequest.status === "REJECTED" && (
+        <div className="pt-4 border-t">
+          <ReopenChangeRequestButton changeRequestId={changeRequest.id} promptId={promptId} />
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/prompts/[id]/changes/new/page.tsx b/src/app/prompts/[id]/changes/new/page.tsx
new file mode 100644
index 00000000..a8a55c9b
--- /dev/null
+++ b/src/app/prompts/[id]/changes/new/page.tsx
@@ -0,0 +1,77 @@
+import { redirect, notFound } from "next/navigation";
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { ArrowLeft } from "lucide-react";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { Button } from "@/components/ui/button";
+import { ChangeRequestForm } from "@/components/prompts/change-request-form";
+
+interface NewChangeRequestPageProps {
+  params: Promise<{ id: string }>;
+}
+
+export default async function NewChangeRequestPage({ params }: NewChangeRequestPageProps) {
+  const session = await auth();
+  const t = await getTranslations("changeRequests");
+  
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  const { id } = await params;
+
+  const prompt = await db.prompt.findUnique({
+    where: { id },
+    select: {
+      id: true,
+      title: true,
+      content: true,
+      type: true,
+      structuredFormat: true,
+      authorId: true,
+      isPrivate: true,
+    },
+  });
+
+  if (!prompt) {
+    notFound();
+  }
+
+  // Can't create change request for own prompt
+  if (prompt.authorId === session.user.id) {
+    redirect(`/prompts/${id}`);
+  }
+
+  // Can't create change request for private prompt
+  if (prompt.isPrivate) {
+    notFound();
+  }
+
+  return (
+    <div className="container max-w-3xl py-6">
+      {/* Header */}
+      <div className="mb-6">
+        <Button variant="ghost" size="sm" asChild className="mb-4 -ml-2">
+          <Link href={`/prompts/${id}`}>
+            <ArrowLeft className="h-4 w-4 mr-1.5" />
+            {t("backToPrompt")}
+          </Link>
+        </Button>
+        <h1 className="text-xl font-semibold">{t("create")}</h1>
+        <p className="text-sm text-muted-foreground mt-1">
+          {prompt.title}
+        </p>
+      </div>
+
+      {/* Form */}
+      <ChangeRequestForm 
+        promptId={prompt.id} 
+        currentContent={prompt.content}
+        currentTitle={prompt.title}
+        promptType={prompt.type}
+        structuredFormat={prompt.structuredFormat}
+      />
+    </div>
+  );
+}
diff --git a/src/app/prompts/[id]/edit/page.tsx b/src/app/prompts/[id]/edit/page.tsx
new file mode 100644
index 00000000..65601668
--- /dev/null
+++ b/src/app/prompts/[id]/edit/page.tsx
@@ -0,0 +1,92 @@
+import { Metadata } from "next";
+import { notFound, redirect } from "next/navigation";
+import { getTranslations } from "next-intl/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { PromptForm } from "@/components/prompts/prompt-form";
+
+interface EditPromptPageProps {
+  params: Promise<{ id: string }>;
+}
+
+export const metadata: Metadata = {
+  title: "Edit Prompt",
+  description: "Edit your prompt",
+};
+
+export default async function EditPromptPage({ params }: EditPromptPageProps) {
+  const { id } = await params;
+  const session = await auth();
+  const t = await getTranslations("prompts");
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  // Fetch the prompt
+  const prompt = await db.prompt.findUnique({
+    where: { id },
+    include: {
+      tags: {
+        include: {
+          tag: true,
+        },
+      },
+    },
+  });
+
+  if (!prompt) {
+    notFound();
+  }
+
+  // Check if user is the author
+  if (prompt.authorId !== session.user.id) {
+    redirect(`/prompts/${id}`);
+  }
+
+  // Fetch categories and tags for the form
+  const [categories, tags] = await Promise.all([
+    db.category.findMany({
+      orderBy: [{ order: "asc" }, { name: "asc" }],
+      select: {
+        id: true,
+        name: true,
+        slug: true,
+        parentId: true,
+      },
+    }),
+    db.tag.findMany({ orderBy: { name: "asc" } }),
+  ]);
+
+  // Transform prompt data for the form
+  const initialData = {
+    title: prompt.title,
+    description: prompt.description || "",
+    content: prompt.content,
+    type: prompt.type as "TEXT" | "IMAGE" | "VIDEO" | "AUDIO" | "STRUCTURED",
+    structuredFormat: (prompt.structuredFormat as "JSON" | "YAML") || "JSON",
+    categoryId: prompt.categoryId || undefined,
+    tagIds: prompt.tags.map((t) => t.tagId),
+    isPrivate: prompt.isPrivate,
+    mediaUrl: prompt.mediaUrl || "",
+    requiresMediaUpload: prompt.requiresMediaUpload,
+    requiredMediaType: (prompt.requiredMediaType as "IMAGE" | "VIDEO" | "DOCUMENT") || "IMAGE",
+    requiredMediaCount: prompt.requiredMediaCount || 1,
+  };
+
+  return (
+    <div className="container py-6 max-w-2xl">
+      <div className="mb-6">
+        <h1 className="text-lg font-semibold">{t("edit")}</h1>
+        <p className="text-sm text-muted-foreground">Update your prompt details</p>
+      </div>
+      <PromptForm
+        categories={categories}
+        tags={tags}
+        initialData={initialData}
+        promptId={id}
+        mode="edit"
+      />
+    </div>
+  );
+}
diff --git a/src/app/prompts/[id]/opengraph-image.tsx b/src/app/prompts/[id]/opengraph-image.tsx
new file mode 100644
index 00000000..51db941d
--- /dev/null
+++ b/src/app/prompts/[id]/opengraph-image.tsx
@@ -0,0 +1,207 @@
+import { ImageResponse } from "next/og";
+import { db } from "@/lib/db";
+import { getConfig } from "@/lib/config";
+
+export const alt = "Prompt Preview";
+export const size = {
+  width: 1200,
+  height: 630,
+};
+export const contentType = "image/png";
+
+export default async function OGImage({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const config = await getConfig();
+  
+  const prompt = await db.prompt.findUnique({
+    where: { id },
+    include: {
+      author: {
+        select: {
+          name: true,
+          username: true,
+          avatar: true,
+        },
+      },
+      category: {
+        select: {
+          name: true,
+          icon: true,
+        },
+      },
+    },
+  });
+
+  if (!prompt) {
+    return new ImageResponse(
+      (
+        <div
+          style={{
+            height: "100%",
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: "#0a0a0a",
+            color: "#fff",
+            fontSize: 48,
+            fontWeight: 600,
+          }}
+        >
+          Prompt Not Found
+        </div>
+      ),
+      { ...size }
+    );
+  }
+
+  const truncatedContent = prompt.content.length > 280 
+    ? prompt.content.slice(0, 280) + "..." 
+    : prompt.content;
+
+  const isImagePrompt = prompt.type === "IMAGE" && prompt.mediaUrl;
+
+  return new ImageResponse(
+    (
+      <div
+        style={{
+          height: "100%",
+          width: "100%",
+          display: "flex",
+          backgroundColor: "#09090b",
+          padding: 56,
+        }}
+      >
+        {/* Left Content */}
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            flex: 1,
+            marginRight: isImagePrompt ? 48 : 0,
+          }}
+        >
+          {/* Header */}
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              marginBottom: 32,
+            }}
+          >
+            <span style={{ fontSize: 22, fontWeight: 500, color: "#52525b" }}>
+              {config.branding.name}
+            </span>
+
+            {prompt.category && (
+              <div
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 6,
+                  color: "#71717a",
+                  fontSize: 18,
+                }}
+              >
+                {prompt.category.icon && <span>{prompt.category.icon}</span>}
+                <span>{prompt.category.name}</span>
+              </div>
+            )}
+          </div>
+
+          {/* Title */}
+          <div
+            style={{
+              fontSize: 44,
+              fontWeight: 600,
+              color: "#fafafa",
+              lineHeight: 1.25,
+              marginBottom: 16,
+            }}
+          >
+            {prompt.title}
+          </div>
+
+          {/* Content Preview */}
+          <div
+            style={{
+              fontSize: 20,
+              color: "#a1a1aa",
+              lineHeight: 1.5,
+              flex: 1,
+              backgroundColor: "#18181b",
+              padding: 20,
+              borderRadius: 12,
+              border: "1px solid #27272a",
+              fontFamily: "monospace",
+            }}
+          >
+            {truncatedContent}
+          </div>
+
+          {/* Footer */}
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              gap: 12,
+              marginTop: 24,
+            }}
+          >
+            {/* Avatar */}
+            {prompt.author.avatar ? (
+              <img
+                src={prompt.author.avatar}
+                width={40}
+                height={40}
+                style={{ borderRadius: 20 }}
+              />
+            ) : (
+              <div
+                style={{
+                  width: 40,
+                  height: 40,
+                  borderRadius: 20,
+                  backgroundColor: "#27272a",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  color: "#a1a1aa",
+                  fontSize: 18,
+                  fontWeight: 500,
+                }}
+              >
+                {(prompt.author.name || prompt.author.username).charAt(0).toUpperCase()}
+              </div>
+            )}
+            <div style={{ display: "flex", flexDirection: "column" }}>
+              <span style={{ color: "#fafafa", fontSize: 18, fontWeight: 500 }}>
+                {prompt.author.name || prompt.author.username}
+              </span>
+              <span style={{ color: "#71717a", fontSize: 14 }}>
+                @{prompt.author.username}
+              </span>
+            </div>
+          </div>
+        </div>
+
+        {/* Image Preview (for image prompts) */}
+        {isImagePrompt && (
+          <img
+            src={prompt.mediaUrl!}
+            width={340}
+            height={518}
+            style={{
+              borderRadius: 16,
+              objectFit: "cover",
+              objectPosition: "center",
+              border: "1px solid #27272a",
+            }}
+          />
+        )}
+      </div>
+    ),
+    { ...size }
+  );
+}
diff --git a/src/app/prompts/[id]/page.tsx b/src/app/prompts/[id]/page.tsx
new file mode 100644
index 00000000..c49ef956
--- /dev/null
+++ b/src/app/prompts/[id]/page.tsx
@@ -0,0 +1,522 @@
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import { getTranslations, getLocale } from "next-intl/server";
+import { formatDistanceToNow } from "@/lib/date";
+import { Calendar, Clock, Copy, Share2, Edit, History, GitPullRequest, Check, X, Users, ImageIcon, Video, FileText } from "lucide-react";
+import { ShareDropdown } from "@/components/prompts/share-dropdown";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+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 { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { CopyButton } from "@/components/prompts/copy-button";
+import { RunPromptButton } from "@/components/prompts/run-prompt-button";
+import { UpvoteButton } from "@/components/prompts/upvote-button";
+import { AddVersionForm } from "@/components/prompts/add-version-form";
+import { DeleteVersionButton } from "@/components/prompts/delete-version-button";
+import { VersionCompareModal } from "@/components/prompts/version-compare-modal";
+import { VersionCompareButton } from "@/components/prompts/version-compare-button";
+import { CodeView } from "@/components/ui/code-view";
+
+interface PromptPageProps {
+  params: Promise<{ id: string }>;
+}
+
+export async function generateMetadata({ params }: PromptPageProps): Promise<Metadata> {
+  const { id } = await params;
+  const prompt = await db.prompt.findUnique({
+    where: { id },
+    select: { title: true, description: true },
+  });
+
+  if (!prompt) {
+    return { title: "Prompt Not Found" };
+  }
+
+  return {
+    title: prompt.title,
+    description: prompt.description || `View the prompt: ${prompt.title}`,
+  };
+}
+
+export default async function PromptPage({ params }: PromptPageProps) {
+  const { id } = await params;
+  const session = await auth();
+  const t = await getTranslations("prompts");
+  const locale = await getLocale();
+
+  const prompt = await db.prompt.findUnique({
+    where: { id },
+    include: {
+      author: {
+        select: {
+          id: true,
+          name: true,
+          username: true,
+          avatar: true,
+        },
+      },
+      category: true,
+      tags: {
+        include: {
+          tag: true,
+        },
+      },
+      versions: {
+        orderBy: { version: "desc" },
+        select: {
+          id: true,
+          version: true,
+          content: true,
+          changeNote: true,
+          createdAt: true,
+          author: {
+            select: {
+              name: true,
+              username: true,
+            },
+          },
+        },
+      },
+      _count: {
+        select: { votes: true },
+      },
+      contributors: {
+        select: {
+          id: true,
+          username: true,
+          name: true,
+          avatar: true,
+        },
+      },
+    },
+  });
+
+  // Check if user has voted
+  const userVote = session?.user
+    ? await db.promptVote.findUnique({
+        where: {
+          userId_promptId: {
+            userId: session.user.id,
+            promptId: id,
+          },
+        },
+      })
+    : null;
+
+  if (!prompt) {
+    notFound();
+  }
+
+  // Check if user can view private prompt
+  if (prompt.isPrivate && prompt.authorId !== session?.user?.id) {
+    notFound();
+  }
+
+  const isOwner = session?.user?.id === prompt.authorId;
+  const voteCount = prompt._count?.votes ?? 0;
+  const hasVoted = !!userVote;
+
+  // Fetch change requests for this prompt
+  const changeRequests = await db.changeRequest.findMany({
+    where: { promptId: id },
+    orderBy: { createdAt: "desc" },
+    include: {
+      author: {
+        select: {
+          id: true,
+          name: true,
+          username: true,
+          avatar: true,
+        },
+      },
+    },
+  });
+
+  const pendingCount = changeRequests.filter((cr) => cr.status === "PENDING").length;
+  const tChanges = await getTranslations("changeRequests");
+
+  const statusColors = {
+    PENDING: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400 border-yellow-500/20",
+    APPROVED: "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20",
+    REJECTED: "bg-red-500/10 text-red-600 dark:text-red-400 border-red-500/20",
+  };
+
+  const statusIcons = {
+    PENDING: Clock,
+    APPROVED: Check,
+    REJECTED: X,
+  };
+
+  return (
+    <div className="container max-w-4xl py-8">
+      {/* Header */}
+      <div className="flex items-start justify-between gap-4 mb-6">
+        <div className="space-y-1 min-w-0">
+          <div className="flex items-center gap-2">
+            <h1 className="text-3xl font-bold">{prompt.title}</h1>
+            {prompt.isPrivate && (
+              <Badge variant="secondary">{t("promptPrivate")}</Badge>
+            )}
+          </div>
+          {prompt.description && (
+            <p className="text-muted-foreground">{prompt.description}</p>
+          )}
+        </div>
+        <div className="flex items-center gap-3 shrink-0">
+          <div className="flex items-center gap-3 text-sm text-muted-foreground">
+            <div className="flex items-center gap-1.5">
+              <History className="h-4 w-4" />
+              <span>{prompt.versions.length > 0 ? prompt.versions[0].version : 1} {prompt.versions.length === 1 ? t("version") : t("versionsCount")}</span>
+            </div>
+            {prompt.contributors.length > 0 && (
+              <div className="flex items-center gap-1.5">
+                <Users className="h-4 w-4" />
+                <span>{prompt.contributors.length + 1} {t("contributors")}</span>
+              </div>
+            )}
+          </div>
+          <UpvoteButton
+            promptId={prompt.id}
+            initialVoted={hasVoted}
+            initialCount={voteCount}
+            isLoggedIn={!!session?.user}
+            showLabel
+          />
+          <ShareDropdown title={prompt.title} />
+          {isOwner && (
+            <Button variant="outline" asChild>
+              <Link href={`/prompts/${id}/edit`}>
+                <Edit className="h-4 w-4 mr-2" />
+                {t("edit")}
+              </Link>
+            </Button>
+          )}
+        </div>
+      </div>
+
+      {/* Meta info */}
+      <div className="flex flex-wrap items-center gap-4 text-sm text-muted-foreground mb-6">
+        <div className="flex items-center gap-2">
+          <div className="flex -space-x-2">
+            <Link href={`/@${prompt.author.username}`} title={`@${prompt.author.username}`}>
+              <Avatar className="h-6 w-6 border-2 border-background">
+                <AvatarImage src={prompt.author.avatar || undefined} />
+                <AvatarFallback className="text-xs">{prompt.author.name?.charAt(0) || prompt.author.username.charAt(0)}</AvatarFallback>
+              </Avatar>
+            </Link>
+            {prompt.contributors.map((contributor) => (
+              <Link key={contributor.id} href={`/@${contributor.username}`} title={`@${contributor.username}`}>
+                <Avatar className="h-6 w-6 border-2 border-background">
+                  <AvatarImage src={contributor.avatar || undefined} />
+                  <AvatarFallback className="text-xs">{contributor.name?.charAt(0) || contributor.username.charAt(0)}</AvatarFallback>
+                </Avatar>
+              </Link>
+            ))}
+          </div>
+          {prompt.contributors.length > 0 ? (
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <span className="cursor-default">
+                  @{prompt.author.username} +{prompt.contributors.length}
+                </span>
+              </TooltipTrigger>
+              <TooltipContent side="bottom" className="p-2">
+                <div className="space-y-1">
+                  <div className="text-xs font-medium mb-1.5">Contributors</div>
+                  {prompt.contributors.map((contributor) => (
+                    <Link
+                      key={contributor.id}
+                      href={`/${contributor.username}`}
+                      className="flex items-center gap-2 hover:underline rounded px-1 py-0.5 -mx-1"
+                    >
+                      <Avatar className="h-4 w-4">
+                        <AvatarImage src={contributor.avatar || undefined} />
+                        <AvatarFallback className="text-[8px]">
+                          {contributor.name?.charAt(0) || contributor.username.charAt(0)}
+                        </AvatarFallback>
+                      </Avatar>
+                      <span className="text-xs">@{contributor.username}</span>
+                    </Link>
+                  ))}
+                </div>
+              </TooltipContent>
+            </Tooltip>
+          ) : (
+            <span>@{prompt.author.username}</span>
+          )}
+        </div>
+        <div className="flex items-center gap-1">
+          <Calendar className="h-4 w-4" />
+          <span>{formatDistanceToNow(prompt.createdAt, locale)}</span>
+        </div>
+        {prompt.category && (
+          <Link href={`/categories/${prompt.category.slug}`}>
+            <Badge variant="outline">{prompt.category.name}</Badge>
+          </Link>
+        )}
+      </div>
+
+      {/* Tags */}
+      {prompt.tags.length > 0 && (
+        <div className="flex flex-wrap gap-2 mb-6">
+          {prompt.tags.map(({ tag }) => (
+            <Link key={tag.id} href={`/tags/${tag.slug}`}>
+              <Badge
+                variant="secondary"
+                style={{ backgroundColor: tag.color + "20", color: tag.color }}
+              >
+                {tag.name}
+              </Badge>
+            </Link>
+          ))}
+        </div>
+      )}
+
+      {/* Content Tabs */}
+      <Tabs defaultValue="content">
+        <div className="flex items-center justify-between mb-4">
+          <TabsList>
+          <TabsTrigger value="content">{t("promptContent")}</TabsTrigger>
+          <TabsTrigger value="versions">
+            <History className="h-4 w-4 mr-1" />
+            {t("versions")}
+          </TabsTrigger>
+          {changeRequests.length > 0 && (
+            <TabsTrigger value="changes" className="gap-1">
+              <GitPullRequest className="h-4 w-4" />
+              {t("changeRequests")}
+              {pendingCount > 0 && (
+                <Badge variant="destructive" className="ml-1 h-5 min-w-5 px-1 text-xs">
+                  {pendingCount}
+                </Badge>
+              )}
+            </TabsTrigger>
+          )}
+          </TabsList>
+          {!isOwner && session?.user && (
+            <Button asChild size="sm">
+              <Link href={`/prompts/${id}/changes/new`}>
+                <GitPullRequest className="h-4 w-4 mr-1.5" />
+                {t("createChangeRequest")}
+              </Link>
+            </Button>
+          )}
+        </div>
+
+        <TabsContent value="content" className="space-y-4 mt-0">
+          {/* Media Preview (for image/video prompts) */}
+          {prompt.mediaUrl && (
+            <div className="rounded-lg overflow-hidden border bg-muted/30">
+              {prompt.type === "VIDEO" ? (
+                <video
+                  src={prompt.mediaUrl}
+                  controls
+                  className="w-full max-h-[500px] object-contain block"
+                />
+              ) : (
+                <a 
+                  href={prompt.mediaUrl} 
+                  target="_blank" 
+                  rel="noopener noreferrer"
+                  className="block"
+                >
+                  {/* eslint-disable-next-line @next/next/no-img-element */}
+                  <img
+                    src={prompt.mediaUrl}
+                    alt={prompt.title}
+                    className="w-full max-h-[500px] object-contain block"
+                  />
+                </a>
+              )}
+            </div>
+          )}
+
+          {/* Prompt Text Content */}
+          <div>
+            <div className="flex items-center justify-between mb-3">
+              <h3 className="text-base font-semibold">{t("promptContent")}</h3>
+              <div className="flex items-center gap-2">
+                {prompt.requiresMediaUpload && prompt.requiredMediaType && prompt.requiredMediaCount && (
+                  <div className="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-amber-500/10 border border-amber-500/20 text-amber-700 dark:text-amber-400">
+                    {prompt.requiredMediaType === "IMAGE" && <ImageIcon className="h-3.5 w-3.5" />}
+                    {prompt.requiredMediaType === "VIDEO" && <Video className="h-3.5 w-3.5" />}
+                    {prompt.requiredMediaType === "DOCUMENT" && <FileText className="h-3.5 w-3.5" />}
+                    <span className="text-xs font-medium">
+                      {prompt.requiredMediaType === "IMAGE" 
+                        ? t("requiresImage", { count: prompt.requiredMediaCount })
+                        : prompt.requiredMediaType === "VIDEO"
+                        ? t("requiresVideo", { count: prompt.requiredMediaCount })
+                        : t("requiresDocument", { count: prompt.requiredMediaCount })}
+                    </span>
+                  </div>
+                )}
+                <RunPromptButton content={prompt.content} />
+                <CopyButton content={prompt.content} />
+              </div>
+            </div>
+            {prompt.type === "STRUCTURED" ? (
+              <CodeView 
+                content={prompt.content} 
+                language={(prompt.structuredFormat?.toLowerCase() as "json" | "yaml") || "json"}
+                className="text-sm"
+              />
+            ) : (
+              <pre className="whitespace-pre-wrap text-sm bg-muted p-4 rounded-lg font-mono border">
+                {prompt.content}
+              </pre>
+            )}
+          </div>
+        </TabsContent>
+
+        <TabsContent value="versions" className="mt-0">
+          <div>
+            <div className="flex items-center justify-between mb-3">
+              <h3 className="text-base font-semibold">{t("versionHistory")}</h3>
+              <div className="flex items-center gap-2">
+                <VersionCompareModal 
+                  versions={prompt.versions} 
+                  currentContent={prompt.content}
+                  promptType={prompt.type}
+                  structuredFormat={prompt.structuredFormat}
+                />
+                {isOwner && (
+                  <AddVersionForm promptId={prompt.id} currentContent={prompt.content} />
+                )}
+              </div>
+            </div>
+            {prompt.versions.length === 0 ? (
+              <p className="text-muted-foreground py-8 text-center">{t("noVersions")}</p>
+            ) : (
+              <div className="divide-y border rounded-lg">
+                {prompt.versions.map((version, index) => {
+                  const isLatestVersion = index === 0;
+                  return (
+                    <div
+                      key={version.id}
+                      className="px-4 py-3 flex items-start gap-3"
+                    >
+                      <div className="flex-1 min-w-0">
+                        <div className="flex items-center gap-2">
+                          <span className="text-sm font-medium">v{version.version}</span>
+                          {isLatestVersion && (
+                            <span className="text-[10px] px-1.5 py-0.5 rounded bg-primary/10 text-primary font-medium">
+                              {t("currentVersion")}
+                            </span>
+                          )}
+                          <span className="text-xs text-muted-foreground">
+                            {formatDistanceToNow(version.createdAt, locale)}
+                          </span>
+                          <span className="text-xs text-muted-foreground">
+                            by @{version.author.username}
+                          </span>
+                        </div>
+                        {version.changeNote && (
+                          <p className="text-xs text-muted-foreground mt-0.5 truncate">
+                            {version.changeNote}
+                          </p>
+                        )}
+                      </div>
+                      <div className="flex items-center gap-1 shrink-0">
+                        {!isLatestVersion && (
+                          <VersionCompareButton
+                            versionContent={version.content}
+                            versionNumber={version.version}
+                            currentContent={prompt.content}
+                            promptType={prompt.type}
+                            structuredFormat={prompt.structuredFormat}
+                          />
+                        )}
+                        {isOwner && !isLatestVersion && (
+                          <DeleteVersionButton
+                            promptId={prompt.id}
+                            versionId={version.id}
+                            versionNumber={version.version}
+                          />
+                        )}
+                      </div>
+                    </div>
+                  );
+                })}
+              </div>
+            )}
+          </div>
+        </TabsContent>
+
+        {changeRequests.length > 0 && (
+          <TabsContent value="changes" className="mt-0">
+            <div>
+              <div className="flex items-center justify-between mb-3">
+                <h3 className="text-base font-semibold">{t("changeRequests")}</h3>
+              </div>
+              <div className="divide-y border rounded-lg">
+                {changeRequests.map((cr) => {
+                  const StatusIcon = statusIcons[cr.status];
+                  const hasTitleChange = cr.proposedTitle && cr.proposedTitle !== cr.originalTitle;
+                  return (
+                    <Link 
+                      key={cr.id} 
+                      href={`/prompts/${id}/changes/${cr.id}`}
+                      className="flex items-center gap-3 px-4 py-3 hover:bg-accent/50 transition-colors first:rounded-t-lg last:rounded-b-lg"
+                    >
+                      <div className={`p-1.5 rounded-full shrink-0 ${
+                        cr.status === "PENDING" 
+                          ? "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400" 
+                          : cr.status === "APPROVED"
+                          ? "bg-green-500/10 text-green-600 dark:text-green-400"
+                          : "bg-red-500/10 text-red-600 dark:text-red-400"
+                      }`}>
+                        <StatusIcon className="h-4 w-4" />
+                      </div>
+                      <div className="flex-1 min-w-0">
+                        <div className="flex items-center gap-2">
+                          <span className="text-sm font-medium truncate">
+                            {hasTitleChange ? (
+                              <>
+                                <span className="line-through text-muted-foreground">{cr.originalTitle}</span>
+                                {" → "}
+                                <span>{cr.proposedTitle}</span>
+                              </>
+                            ) : (
+                              tChanges("contentChanges")
+                            )}
+                          </span>
+                        </div>
+                        {cr.reason && (
+                          <p className="text-xs text-muted-foreground mt-0.5 line-clamp-1">
+                            {cr.reason}
+                          </p>
+                        )}
+                      </div>
+                      <div className="flex items-center gap-3 shrink-0">
+                        <div className="flex items-center gap-2 text-xs text-muted-foreground">
+                          <Avatar className="h-5 w-5">
+                            <AvatarImage src={cr.author.avatar || undefined} />
+                            <AvatarFallback className="text-[9px]">
+                              {cr.author.name?.[0] || cr.author.username[0]}
+                            </AvatarFallback>
+                          </Avatar>
+                          <span className="hidden sm:inline">@{cr.author.username}</span>
+                        </div>
+                        <span className="text-xs text-muted-foreground hidden sm:inline">
+                          {formatDistanceToNow(cr.createdAt, locale)}
+                        </span>
+                        <Badge variant="outline" className={`text-[10px] px-1.5 py-0 h-5 ${statusColors[cr.status]}`}>
+                          {tChanges(cr.status.toLowerCase())}
+                        </Badge>
+                      </div>
+                    </Link>
+                  );
+                })}
+              </div>
+            </div>
+          </TabsContent>
+        )}
+      </Tabs>
+
+    </div>
+  );
+}
diff --git a/src/app/prompts/new/page.tsx b/src/app/prompts/new/page.tsx
new file mode 100644
index 00000000..0623fc2b
--- /dev/null
+++ b/src/app/prompts/new/page.tsx
@@ -0,0 +1,43 @@
+import { Metadata } from "next";
+import { redirect } from "next/navigation";
+import { getTranslations } from "next-intl/server";
+import { auth } from "@/lib/auth";
+import { PromptForm } from "@/components/prompts/prompt-form";
+import { db } from "@/lib/db";
+
+export const metadata: Metadata = {
+  title: "Create Prompt",
+  description: "Create a new prompt",
+};
+
+export default async function NewPromptPage() {
+  const session = await auth();
+  const t = await getTranslations("prompts");
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  // Fetch categories for the form (with parent info for nesting)
+  const categories = await db.category.findMany({
+    orderBy: [{ order: "asc" }, { name: "asc" }],
+    select: {
+      id: true,
+      name: true,
+      slug: true,
+      parentId: true,
+    },
+  });
+
+  // Fetch tags for the form
+  const tags = await db.tag.findMany({
+    orderBy: { name: "asc" },
+  });
+
+  return (
+    <div className="container max-w-3xl py-8">
+      <h1 className="text-3xl font-bold mb-8">{t("create")}</h1>
+      <PromptForm categories={categories} tags={tags} />
+    </div>
+  );
+}
diff --git a/src/app/prompts/page.tsx b/src/app/prompts/page.tsx
new file mode 100644
index 00000000..5bb1d6ed
--- /dev/null
+++ b/src/app/prompts/page.tsx
@@ -0,0 +1,172 @@
+import { Metadata } from "next";
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { Plus } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { InfinitePromptList } from "@/components/prompts/infinite-prompt-list";
+import { PromptFilters } from "@/components/prompts/prompt-filters";
+import { db } from "@/lib/db";
+
+export const metadata: Metadata = {
+  title: "Prompts",
+  description: "Browse and discover AI prompts",
+};
+
+interface PromptsPageProps {
+  searchParams: Promise<{
+    q?: string;
+    type?: string;
+    category?: string;
+    tag?: string;
+    sort?: string;
+    page?: string;
+  }>;
+}
+
+export default async function PromptsPage({ searchParams }: PromptsPageProps) {
+  const t = await getTranslations("prompts");
+  const tSearch = await getTranslations("search");
+  const params = await searchParams;
+  
+  const perPage = 12;
+  
+  // Build where clause based on filters
+  const where: Record<string, unknown> = {
+    isPrivate: false,
+  };
+  
+  if (params.q) {
+    where.OR = [
+      { title: { contains: params.q, mode: "insensitive" } },
+      { content: { contains: params.q, mode: "insensitive" } },
+      { description: { contains: params.q, mode: "insensitive" } },
+    ];
+  }
+  
+  if (params.type) {
+    where.type = params.type;
+  }
+  
+  if (params.category) {
+    where.categoryId = params.category;
+  }
+  
+  if (params.tag) {
+    where.tags = {
+      some: {
+        tag: {
+          slug: params.tag,
+        },
+      },
+    };
+  }
+  
+  // Build order by clause
+  const isUpvoteSort = params.sort === "upvotes";
+  let orderBy: any = { createdAt: "desc" };
+  if (params.sort === "oldest") {
+    orderBy = { createdAt: "asc" };
+  } else if (isUpvoteSort) {
+    // Sort by vote count descending
+    orderBy = { votes: { _count: "desc" } };
+  }
+
+  // Fetch initial prompts (first page)
+  const [promptsRaw, total] = await Promise.all([
+    db.prompt.findMany({
+      where,
+      orderBy,
+      skip: 0,
+      take: perPage,
+      include: {
+        author: {
+          select: {
+            id: true,
+            name: true,
+            username: true,
+            avatar: true,
+          },
+        },
+        category: {
+          select: {
+            id: true,
+            name: true,
+            slug: true,
+          },
+        },
+        tags: {
+          include: {
+            tag: true,
+          },
+        },
+        _count: {
+          select: { votes: true, contributors: true },
+        },
+      },
+    }),
+    db.prompt.count({ where }),
+  ]);
+
+  // Transform to include voteCount and contributorCount
+  const prompts = promptsRaw.map((p) => ({
+    ...p,
+    voteCount: p._count.votes,
+    contributorCount: p._count.contributors,
+  }));
+
+  // Fetch categories for filter (with parent info for nesting)
+  const categories = await db.category.findMany({
+    orderBy: [{ order: "asc" }, { name: "asc" }],
+    select: {
+      id: true,
+      name: true,
+      slug: true,
+      parentId: true,
+    },
+  });
+
+  // Fetch tags for filter
+  const tags = await db.tag.findMany({
+    orderBy: { name: "asc" },
+  });
+
+  return (
+    <div className="container py-6">
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-baseline gap-2">
+          <h1 className="text-lg font-semibold">{t("title")}</h1>
+          <span className="text-xs text-muted-foreground">{tSearch("found", { count: total })}</span>
+        </div>
+        <Button size="sm" className="h-8 text-xs" asChild>
+          <Link href="/prompts/new">
+            <Plus className="h-3.5 w-3.5 mr-1" />
+            {t("create")}
+          </Link>
+        </Button>
+      </div>
+
+      <div className="flex flex-col lg:flex-row gap-6">
+        <aside className="w-full lg:w-56 shrink-0">
+          <PromptFilters
+            categories={categories}
+            tags={tags}
+            currentFilters={params}
+          />
+        </aside>
+        <main className="flex-1 min-w-0">
+          <InfinitePromptList
+            initialPrompts={prompts}
+            initialTotal={total}
+            filters={{
+              q: params.q,
+              type: params.type,
+              category: params.category,
+              tag: params.tag,
+              sort: params.sort,
+            }}
+          />
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
new file mode 100644
index 00000000..6ac37525
--- /dev/null
+++ b/src/app/settings/page.tsx
@@ -0,0 +1,42 @@
+import { redirect } from "next/navigation";
+import { getTranslations } from "next-intl/server";
+import { auth } from "@/lib/auth";
+import { db } from "@/lib/db";
+import { ProfileForm } from "@/components/settings/profile-form";
+
+export default async function SettingsPage() {
+  const session = await auth();
+  const t = await getTranslations("settings");
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  const user = await db.user.findUnique({
+    where: { id: session.user.id },
+    select: {
+      id: true,
+      name: true,
+      username: true,
+      email: true,
+      avatar: true,
+    },
+  });
+
+  if (!user) {
+    redirect("/login");
+  }
+
+  return (
+    <div className="container max-w-2xl py-6">
+      <div className="mb-6">
+        <h1 className="text-lg font-semibold">{t("title")}</h1>
+        <p className="text-sm text-muted-foreground">
+          {t("description")}
+        </p>
+      </div>
+
+      <ProfileForm user={user} />
+    </div>
+  );
+}
diff --git a/src/app/tags/[slug]/page.tsx b/src/app/tags/[slug]/page.tsx
new file mode 100644
index 00000000..2b860035
--- /dev/null
+++ b/src/app/tags/[slug]/page.tsx
@@ -0,0 +1,183 @@
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { ArrowLeft, Tag } from "lucide-react";
+import { db } from "@/lib/db";
+import { auth } from "@/lib/auth";
+import { Button } from "@/components/ui/button";
+import { PromptCard } from "@/components/prompts/prompt-card";
+
+interface TagPageProps {
+  params: Promise<{ slug: string }>;
+  searchParams: Promise<{ page?: string }>;
+}
+
+export async function generateMetadata({ params }: TagPageProps) {
+  const { slug } = await params;
+  const tag = await db.tag.findUnique({
+    where: { slug },
+    select: { name: true },
+  });
+
+  if (!tag) return { title: "Tag Not Found" };
+
+  return {
+    title: `${tag.name} - Tags`,
+    description: `Browse prompts tagged with ${tag.name}`,
+  };
+}
+
+export default async function TagPage({ params, searchParams }: TagPageProps) {
+  const { slug } = await params;
+  const { page: pageParam } = await searchParams;
+  const session = await auth();
+  const t = await getTranslations("tags");
+  const tPrompts = await getTranslations("prompts");
+
+  const tag = await db.tag.findUnique({
+    where: { slug },
+  });
+
+  if (!tag) {
+    notFound();
+  }
+
+  const page = Math.max(1, parseInt(pageParam || "1"));
+  const perPage = 12;
+
+  // Build where clause
+  const where = {
+    tags: {
+      some: { tagId: tag.id },
+    },
+    OR: session?.user
+      ? [{ isPrivate: false }, { authorId: session.user.id }]
+      : [{ isPrivate: false }],
+  };
+
+  // Fetch prompts with this tag
+  const [promptsRaw, total] = await Promise.all([
+    db.prompt.findMany({
+      where,
+      orderBy: { createdAt: "desc" },
+      skip: (page - 1) * perPage,
+      take: perPage,
+      include: {
+        author: {
+          select: {
+            id: true,
+            name: true,
+            username: true,
+            avatar: true,
+          },
+        },
+        category: {
+          select: {
+            id: true,
+            name: true,
+            slug: true,
+          },
+        },
+        tags: {
+          include: {
+            tag: true,
+          },
+        },
+        _count: {
+          select: { votes: true, contributors: true },
+        },
+      },
+    }),
+    db.prompt.count({ where }),
+  ]);
+
+  const prompts = promptsRaw.map((p) => ({
+    ...p,
+    voteCount: p._count.votes,
+    contributorCount: p._count.contributors,
+  }));
+
+  const totalPages = Math.ceil(total / perPage);
+
+  return (
+    <div className="container py-6">
+      {/* Header */}
+      <div className="mb-6">
+        <Button variant="ghost" size="sm" asChild className="mb-4 -ml-2">
+          <Link href="/tags">
+            <ArrowLeft className="h-4 w-4 mr-1.5" />
+            {t("allTags")}
+          </Link>
+        </Button>
+
+        <div className="flex items-center gap-3">
+          <div
+            className="w-4 h-4 rounded-full"
+            style={{ backgroundColor: tag.color }}
+          />
+          <h1 className="text-xl font-semibold">{tag.name}</h1>
+          <span className="text-sm text-muted-foreground">
+            {total} {t("prompts")}
+          </span>
+        </div>
+      </div>
+
+      {/* Prompts Grid */}
+      {prompts.length === 0 ? (
+        <div className="text-center py-12 border rounded-lg bg-muted/30">
+          <Tag className="h-10 w-10 text-muted-foreground mx-auto mb-3" />
+          <p className="text-sm text-muted-foreground">
+            {tPrompts("noPrompts")}
+          </p>
+        </div>
+      ) : (
+        <div className="space-y-4">
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 auto-rows-fr">
+            {prompts.map((prompt) => (
+              <PromptCard key={prompt.id} prompt={prompt} />
+            ))}
+          </div>
+
+          {/* Pagination */}
+          {totalPages > 1 && (
+            <div className="flex items-center justify-center gap-2 pt-4">
+              <Button
+                variant="outline"
+                size="sm"
+                className="h-7 text-xs"
+                disabled={page <= 1}
+                asChild={page > 1}
+              >
+                {page > 1 ? (
+                  <Link href={`/tags/${slug}?page=${page - 1}`}>
+                    {tPrompts("previous")}
+                  </Link>
+                ) : (
+                  <span>{tPrompts("previous")}</span>
+                )}
+              </Button>
+              <span className="text-xs text-muted-foreground">
+                {page} / {totalPages}
+              </span>
+              <Button
+                variant="outline"
+                size="sm"
+                className="h-7 text-xs"
+                disabled={page >= totalPages}
+                asChild={page < totalPages}
+              >
+                {page < totalPages ? (
+                  <Link href={`/tags/${slug}?page=${page + 1}`}>
+                    {tPrompts("next")}
+                  </Link>
+                ) : (
+                  <span>{tPrompts("next")}</span>
+                )}
+              </Button>
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/tags/page.tsx b/src/app/tags/page.tsx
new file mode 100644
index 00000000..51b79136
--- /dev/null
+++ b/src/app/tags/page.tsx
@@ -0,0 +1,63 @@
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+import { Tag } from "lucide-react";
+import { db } from "@/lib/db";
+
+export default async function TagsPage() {
+  const t = await getTranslations("tags");
+
+  // Fetch all tags with prompt counts, ordered by popularity
+  const tags = await db.tag.findMany({
+    include: {
+      _count: {
+        select: { prompts: true },
+      },
+    },
+    orderBy: {
+      prompts: {
+        _count: "desc",
+      },
+    },
+  });
+
+  return (
+    <div className="container py-6">
+      <div className="mb-6">
+        <h1 className="text-lg font-semibold">{t("title")}</h1>
+        <p className="text-sm text-muted-foreground">{t("description")}</p>
+      </div>
+
+      {tags.length === 0 ? (
+        <div className="text-center py-12 border rounded-lg bg-muted/30">
+          <Tag className="h-10 w-10 text-muted-foreground mx-auto mb-3" />
+          <p className="text-sm text-muted-foreground">{t("noTags")}</p>
+        </div>
+      ) : (
+        <div className="flex flex-wrap gap-2">
+          {tags.map((tag) => (
+            <Link
+              key={tag.id}
+              href={`/tags/${tag.slug}`}
+              className="group inline-flex items-center gap-2 px-3 py-1.5 rounded-full border transition-colors hover:border-foreground/30"
+              style={{ 
+                backgroundColor: tag.color + "10",
+                borderColor: tag.color + "30",
+              }}
+            >
+              <span 
+                className="w-2 h-2 rounded-full" 
+                style={{ backgroundColor: tag.color }}
+              />
+              <span className="text-sm font-medium group-hover:underline">
+                {tag.name}
+              </span>
+              <span className="text-xs text-muted-foreground">
+                {tag._count.prompts}
+              </span>
+            </Link>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/admin/categories-table.tsx b/src/components/admin/categories-table.tsx
new file mode 100644
index 00000000..974c4b20
--- /dev/null
+++ b/src/components/admin/categories-table.tsx
@@ -0,0 +1,364 @@
+"use client";
+
+import { useState, useMemo } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { MoreHorizontal, Plus, Pencil, Trash2, ChevronRight } from "lucide-react";
+import { Badge } from "@/components/ui/badge";
+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 {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { toast } from "sonner";
+
+interface Category {
+  id: string;
+  name: string;
+  slug: string;
+  description: string | null;
+  icon: string | null;
+  order: number;
+  parentId: string | null;
+  parent: { id: string; name: string } | null;
+  children?: Category[];
+  _count: {
+    prompts: number;
+    children: number;
+  };
+}
+
+interface CategoriesTableProps {
+  categories: Category[];
+}
+
+export function CategoriesTable({ categories }: CategoriesTableProps) {
+  const router = useRouter();
+  const t = useTranslations("admin.categories");
+  const [editCategory, setEditCategory] = useState<Category | null>(null);
+  const [deleteId, setDeleteId] = useState<string | null>(null);
+  const [isCreating, setIsCreating] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [formData, setFormData] = useState({ name: "", slug: "", description: "", icon: "", parentId: "" });
+
+  // Get only root categories (no parent) for parent selection
+  const rootCategories = useMemo(() => 
+    categories.filter(c => !c.parentId), 
+    [categories]
+  );
+
+  // Build hierarchical list for display (parents first, then children indented)
+  const hierarchicalCategories = useMemo(() => {
+    const result: (Category & { level: number })[] = [];
+    
+    // Add root categories and their children
+    rootCategories.forEach(parent => {
+      result.push({ ...parent, level: 0 });
+      const children = categories.filter(c => c.parentId === parent.id);
+      children.forEach(child => {
+        result.push({ ...child, level: 1 });
+      });
+    });
+    
+    return result;
+  }, [categories, rootCategories]);
+
+  const openCreateDialog = () => {
+    setFormData({ name: "", slug: "", description: "", icon: "", parentId: "" });
+    setIsCreating(true);
+  };
+
+  const openEditDialog = (category: Category) => {
+    setFormData({
+      name: category.name,
+      slug: category.slug,
+      description: category.description || "",
+      icon: category.icon || "",
+      parentId: category.parentId || "",
+    });
+    setEditCategory(category);
+  };
+
+  // Filter out invalid parent options (can't be own parent or child of self)
+  const getValidParentOptions = () => {
+    if (!editCategory) return rootCategories;
+    // When editing, exclude self and any category that has this as parent
+    return rootCategories.filter(c => 
+      c.id !== editCategory.id && c.parentId !== editCategory.id
+    );
+  };
+
+  const handleSubmit = async () => {
+    setLoading(true);
+    try {
+      const url = editCategory
+        ? `/api/admin/categories/${editCategory.id}`
+        : "/api/admin/categories";
+      const method = editCategory ? "PATCH" : "POST";
+
+      const payload = {
+        ...formData,
+        parentId: formData.parentId || null, // Convert empty string to null
+      };
+
+      const res = await fetch(url, {
+        method,
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload),
+      });
+
+      if (!res.ok) throw new Error("Failed to save");
+
+      toast.success(editCategory ? t("updated") : t("created"));
+      router.refresh();
+      setEditCategory(null);
+      setIsCreating(false);
+    } catch {
+      toast.error(t("saveFailed"));
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleDelete = async () => {
+    if (!deleteId) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/admin/categories/${deleteId}`, {
+        method: "DELETE",
+      });
+
+      if (!res.ok) throw new Error("Failed to delete");
+
+      toast.success(t("deleted"));
+      router.refresh();
+    } catch {
+      toast.error(t("deleteFailed"));
+    } finally {
+      setLoading(false);
+      setDeleteId(null);
+    }
+  };
+
+  return (
+    <>
+      <div className="flex items-center justify-between mb-4">
+        <div>
+          <h3 className="text-lg font-semibold">{t("title")}</h3>
+          <p className="text-sm text-muted-foreground">{t("description")}</p>
+        </div>
+        <Button size="sm" onClick={openCreateDialog}>
+          <Plus className="h-4 w-4 mr-2" />
+          {t("add")}
+        </Button>
+      </div>
+
+      <div className="rounded-md border">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>{t("name")}</TableHead>
+              <TableHead>{t("slug")}</TableHead>
+              <TableHead>{t("parent")}</TableHead>
+              <TableHead className="text-center">{t("prompts")}</TableHead>
+              <TableHead className="w-[50px]"></TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {hierarchicalCategories.length === 0 ? (
+              <TableRow>
+                <TableCell colSpan={5} className="text-center text-muted-foreground py-8">
+                  {t("noCategories")}
+                </TableCell>
+              </TableRow>
+            ) : (
+              hierarchicalCategories.map((category) => (
+                <TableRow key={category.id} className={category.level > 0 ? "bg-muted/30" : ""}>
+                  <TableCell>
+                    <div className="flex items-center gap-2" style={{ paddingLeft: category.level * 24 }}>
+                      {category.level > 0 && (
+                        <ChevronRight className="h-3 w-3 text-muted-foreground" />
+                      )}
+                      {category.icon && <span>{category.icon}</span>}
+                      <span className={category.level === 0 ? "font-medium" : ""}>{category.name}</span>
+                      {category._count.children > 0 && (
+                        <Badge variant="secondary" className="text-xs">
+                          {category._count.children} {t("subcategories")}
+                        </Badge>
+                      )}
+                    </div>
+                  </TableCell>
+                  <TableCell className="text-sm text-muted-foreground">{category.slug}</TableCell>
+                  <TableCell>
+                    {category.parent ? (
+                      <Badge variant="outline">{category.parent.name}</Badge>
+                    ) : (
+                      <Badge variant="default" className="bg-primary/10 text-primary hover:bg-primary/20">
+                        {t("rootCategory")}
+                      </Badge>
+                    )}
+                  </TableCell>
+                  <TableCell className="text-center">{category._count.prompts}</TableCell>
+                  <TableCell>
+                    <DropdownMenu>
+                      <DropdownMenuTrigger asChild>
+                        <Button variant="ghost" size="icon" className="h-8 w-8">
+                          <MoreHorizontal className="h-4 w-4" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem onClick={() => openEditDialog(category)}>
+                          <Pencil className="h-4 w-4 mr-2" />
+                          {t("edit")}
+                        </DropdownMenuItem>
+                        <DropdownMenuItem
+                          className="text-destructive"
+                          onClick={() => setDeleteId(category.id)}
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          {t("delete")}
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))
+            )}
+          </TableBody>
+        </Table>
+      </div>
+
+      {/* Create/Edit Dialog */}
+      <Dialog open={isCreating || !!editCategory} onOpenChange={() => { setIsCreating(false); setEditCategory(null); }}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>{editCategory ? t("editTitle") : t("createTitle")}</DialogTitle>
+            <DialogDescription>{editCategory ? t("editDescription") : t("createDescription")}</DialogDescription>
+          </DialogHeader>
+          <div className="grid gap-4 py-4">
+            <div className="grid gap-2">
+              <Label htmlFor="name">{t("name")}</Label>
+              <Input
+                id="name"
+                value={formData.name}
+                onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="slug">{t("slug")}</Label>
+              <Input
+                id="slug"
+                value={formData.slug}
+                onChange={(e) => setFormData({ ...formData, slug: e.target.value })}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="parentId">{t("parentCategory")}</Label>
+              <Select
+                value={formData.parentId}
+                onValueChange={(value) => setFormData({ ...formData, parentId: value === "none" ? "" : value })}
+              >
+                <SelectTrigger>
+                  <SelectValue placeholder={t("selectParent")} />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="none">{t("noParent")}</SelectItem>
+                  {getValidParentOptions().map((cat) => (
+                    <SelectItem key={cat.id} value={cat.id}>
+                      {cat.icon && <span className="mr-2">{cat.icon}</span>}
+                      {cat.name}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+              <p className="text-xs text-muted-foreground">{t("parentHelp")}</p>
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="description">{t("descriptionLabel")}</Label>
+              <Input
+                id="description"
+                value={formData.description}
+                onChange={(e) => setFormData({ ...formData, description: e.target.value })}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="icon">{t("icon")}</Label>
+              <Input
+                id="icon"
+                value={formData.icon}
+                onChange={(e) => setFormData({ ...formData, icon: e.target.value })}
+                placeholder="📁"
+              />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => { setIsCreating(false); setEditCategory(null); }}>
+              {t("cancel")}
+            </Button>
+            <Button onClick={handleSubmit} disabled={loading || !formData.name || !formData.slug}>
+              {editCategory ? t("save") : t("create")}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* Delete Confirmation */}
+      <AlertDialog open={!!deleteId} onOpenChange={() => setDeleteId(null)}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t("deleteConfirmTitle")}</AlertDialogTitle>
+            <AlertDialogDescription>{t("deleteConfirmDescription")}</AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t("cancel")}</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={handleDelete}
+              disabled={loading}
+              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+            >
+              {t("delete")}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </>
+  );
+}
diff --git a/src/components/admin/tags-table.tsx b/src/components/admin/tags-table.tsx
new file mode 100644
index 00000000..525a3f8d
--- /dev/null
+++ b/src/components/admin/tags-table.tsx
@@ -0,0 +1,284 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { MoreHorizontal, Plus, Pencil, Trash2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { toast } from "sonner";
+
+interface Tag {
+  id: string;
+  name: string;
+  slug: string;
+  color: string;
+  _count: {
+    prompts: number;
+  };
+}
+
+interface TagsTableProps {
+  tags: Tag[];
+}
+
+export function TagsTable({ tags }: TagsTableProps) {
+  const router = useRouter();
+  const t = useTranslations("admin.tags");
+  const [editTag, setEditTag] = useState<Tag | null>(null);
+  const [deleteId, setDeleteId] = useState<string | null>(null);
+  const [isCreating, setIsCreating] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [formData, setFormData] = useState({ name: "", slug: "", color: "#6366f1" });
+
+  const openCreateDialog = () => {
+    setFormData({ name: "", slug: "", color: "#6366f1" });
+    setIsCreating(true);
+  };
+
+  const openEditDialog = (tag: Tag) => {
+    setFormData({
+      name: tag.name,
+      slug: tag.slug,
+      color: tag.color,
+    });
+    setEditTag(tag);
+  };
+
+  const handleSubmit = async () => {
+    setLoading(true);
+    try {
+      const url = editTag ? `/api/admin/tags/${editTag.id}` : "/api/admin/tags";
+      const method = editTag ? "PATCH" : "POST";
+
+      const res = await fetch(url, {
+        method,
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(formData),
+      });
+
+      if (!res.ok) throw new Error("Failed to save");
+
+      toast.success(editTag ? t("updated") : t("created"));
+      router.refresh();
+      setEditTag(null);
+      setIsCreating(false);
+    } catch {
+      toast.error(t("saveFailed"));
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleDelete = async () => {
+    if (!deleteId) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/admin/tags/${deleteId}`, {
+        method: "DELETE",
+      });
+
+      if (!res.ok) throw new Error("Failed to delete");
+
+      toast.success(t("deleted"));
+      router.refresh();
+    } catch {
+      toast.error(t("deleteFailed"));
+    } finally {
+      setLoading(false);
+      setDeleteId(null);
+    }
+  };
+
+  return (
+    <>
+      <div className="flex items-center justify-between mb-4">
+        <div>
+          <h3 className="text-lg font-semibold">{t("title")}</h3>
+          <p className="text-sm text-muted-foreground">{t("description")}</p>
+        </div>
+        <Button size="sm" onClick={openCreateDialog}>
+          <Plus className="h-4 w-4 mr-2" />
+          {t("add")}
+        </Button>
+      </div>
+
+      <div className="rounded-md border">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>{t("name")}</TableHead>
+              <TableHead>{t("slug")}</TableHead>
+              <TableHead>{t("color")}</TableHead>
+              <TableHead className="text-center">{t("prompts")}</TableHead>
+              <TableHead className="w-[50px]"></TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {tags.length === 0 ? (
+              <TableRow>
+                <TableCell colSpan={5} className="text-center text-muted-foreground py-8">
+                  {t("noTags")}
+                </TableCell>
+              </TableRow>
+            ) : (
+              tags.map((tag) => (
+                <TableRow key={tag.id}>
+                  <TableCell>
+                    <span
+                      className="inline-flex items-center px-2 py-0.5 rounded text-sm font-medium"
+                      style={{ backgroundColor: tag.color + "20", color: tag.color }}
+                    >
+                      {tag.name}
+                    </span>
+                  </TableCell>
+                  <TableCell className="text-sm text-muted-foreground">{tag.slug}</TableCell>
+                  <TableCell>
+                    <div className="flex items-center gap-2">
+                      <div
+                        className="w-6 h-6 rounded border"
+                        style={{ backgroundColor: tag.color }}
+                      />
+                      <span className="text-sm text-muted-foreground">{tag.color}</span>
+                    </div>
+                  </TableCell>
+                  <TableCell className="text-center">{tag._count.prompts}</TableCell>
+                  <TableCell>
+                    <DropdownMenu>
+                      <DropdownMenuTrigger asChild>
+                        <Button variant="ghost" size="icon" className="h-8 w-8">
+                          <MoreHorizontal className="h-4 w-4" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem onClick={() => openEditDialog(tag)}>
+                          <Pencil className="h-4 w-4 mr-2" />
+                          {t("edit")}
+                        </DropdownMenuItem>
+                        <DropdownMenuItem
+                          className="text-destructive"
+                          onClick={() => setDeleteId(tag.id)}
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          {t("delete")}
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))
+            )}
+          </TableBody>
+        </Table>
+      </div>
+
+      {/* Create/Edit Dialog */}
+      <Dialog open={isCreating || !!editTag} onOpenChange={() => { setIsCreating(false); setEditTag(null); }}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>{editTag ? t("editTitle") : t("createTitle")}</DialogTitle>
+            <DialogDescription>{editTag ? t("editDescription") : t("createDescription")}</DialogDescription>
+          </DialogHeader>
+          <div className="grid gap-4 py-4">
+            <div className="grid gap-2">
+              <Label htmlFor="name">{t("name")}</Label>
+              <Input
+                id="name"
+                value={formData.name}
+                onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="slug">{t("slug")}</Label>
+              <Input
+                id="slug"
+                value={formData.slug}
+                onChange={(e) => setFormData({ ...formData, slug: e.target.value })}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="color">{t("color")}</Label>
+              <div className="flex gap-2">
+                <Input
+                  id="color"
+                  type="color"
+                  value={formData.color}
+                  onChange={(e) => setFormData({ ...formData, color: e.target.value })}
+                  className="w-12 h-10 p-1 cursor-pointer"
+                />
+                <Input
+                  value={formData.color}
+                  onChange={(e) => setFormData({ ...formData, color: e.target.value })}
+                  placeholder="#6366f1"
+                  className="flex-1"
+                />
+              </div>
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => { setIsCreating(false); setEditTag(null); }}>
+              {t("cancel")}
+            </Button>
+            <Button onClick={handleSubmit} disabled={loading || !formData.name || !formData.slug}>
+              {editTag ? t("save") : t("create")}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* Delete Confirmation */}
+      <AlertDialog open={!!deleteId} onOpenChange={() => setDeleteId(null)}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t("deleteConfirmTitle")}</AlertDialogTitle>
+            <AlertDialogDescription>{t("deleteConfirmDescription")}</AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t("cancel")}</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={handleDelete}
+              disabled={loading}
+              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+            >
+              {t("delete")}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </>
+  );
+}
diff --git a/src/components/admin/users-table.tsx b/src/components/admin/users-table.tsx
new file mode 100644
index 00000000..2635fd3f
--- /dev/null
+++ b/src/components/admin/users-table.tsx
@@ -0,0 +1,205 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations, useLocale } from "next-intl";
+import { formatDistanceToNow } from "@/lib/date";
+import { MoreHorizontal, Shield, User, Trash2 } from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { toast } from "sonner";
+
+interface User {
+  id: string;
+  email: string;
+  username: string;
+  name: string | null;
+  avatar: string | null;
+  role: "ADMIN" | "USER";
+  createdAt: Date;
+  _count: {
+    prompts: number;
+  };
+}
+
+interface UsersTableProps {
+  users: User[];
+}
+
+export function UsersTable({ users }: UsersTableProps) {
+  const router = useRouter();
+  const t = useTranslations("admin.users");
+  const locale = useLocale();
+  const [deleteUserId, setDeleteUserId] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  const handleRoleChange = async (userId: string, newRole: "ADMIN" | "USER") => {
+    try {
+      const res = await fetch(`/api/admin/users/${userId}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ role: newRole }),
+      });
+
+      if (!res.ok) throw new Error("Failed to update role");
+
+      toast.success(t("roleUpdated"));
+      router.refresh();
+    } catch {
+      toast.error(t("roleUpdateFailed"));
+    }
+  };
+
+  const handleDelete = async () => {
+    if (!deleteUserId) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/admin/users/${deleteUserId}`, {
+        method: "DELETE",
+      });
+
+      if (!res.ok) throw new Error("Failed to delete user");
+
+      toast.success(t("deleted"));
+      router.refresh();
+    } catch {
+      toast.error(t("deleteFailed"));
+    } finally {
+      setLoading(false);
+      setDeleteUserId(null);
+    }
+  };
+
+  return (
+    <>
+      <div className="flex items-center justify-between mb-4">
+        <div>
+          <h3 className="text-lg font-semibold">{t("title")}</h3>
+          <p className="text-sm text-muted-foreground">{t("description")}</p>
+        </div>
+      </div>
+
+      <div className="rounded-md border">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>{t("user")}</TableHead>
+              <TableHead>{t("email")}</TableHead>
+              <TableHead>{t("role")}</TableHead>
+              <TableHead className="text-center">{t("prompts")}</TableHead>
+              <TableHead>{t("joined")}</TableHead>
+              <TableHead className="w-[50px]"></TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {users.map((user) => (
+              <TableRow key={user.id}>
+                <TableCell>
+                  <div className="flex items-center gap-2">
+                    <Avatar className="h-8 w-8">
+                      <AvatarImage src={user.avatar || undefined} />
+                      <AvatarFallback>
+                        {user.name?.charAt(0) || user.username.charAt(0)}
+                      </AvatarFallback>
+                    </Avatar>
+                    <div>
+                      <div className="font-medium">{user.name || user.username}</div>
+                      <div className="text-xs text-muted-foreground">@{user.username}</div>
+                    </div>
+                  </div>
+                </TableCell>
+                <TableCell className="text-sm">{user.email}</TableCell>
+                <TableCell>
+                  <Badge variant={user.role === "ADMIN" ? "default" : "secondary"}>
+                    {user.role === "ADMIN" ? <Shield className="h-3 w-3 mr-1" /> : <User className="h-3 w-3 mr-1" />}
+                    {user.role}
+                  </Badge>
+                </TableCell>
+                <TableCell className="text-center">{user._count.prompts}</TableCell>
+                <TableCell className="text-sm text-muted-foreground">
+                  {formatDistanceToNow(user.createdAt, locale)}
+                </TableCell>
+                <TableCell>
+                  <DropdownMenu>
+                    <DropdownMenuTrigger asChild>
+                      <Button variant="ghost" size="icon" className="h-8 w-8">
+                        <MoreHorizontal className="h-4 w-4" />
+                      </Button>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent align="end">
+                      {user.role === "USER" ? (
+                        <DropdownMenuItem onClick={() => handleRoleChange(user.id, "ADMIN")}>
+                          <Shield className="h-4 w-4 mr-2" />
+                          {t("makeAdmin")}
+                        </DropdownMenuItem>
+                      ) : (
+                        <DropdownMenuItem onClick={() => handleRoleChange(user.id, "USER")}>
+                          <User className="h-4 w-4 mr-2" />
+                          {t("removeAdmin")}
+                        </DropdownMenuItem>
+                      )}
+                      <DropdownMenuSeparator />
+                      <DropdownMenuItem
+                        className="text-destructive"
+                        onClick={() => setDeleteUserId(user.id)}
+                      >
+                        <Trash2 className="h-4 w-4 mr-2" />
+                        {t("delete")}
+                      </DropdownMenuItem>
+                    </DropdownMenuContent>
+                  </DropdownMenu>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </div>
+
+      <AlertDialog open={!!deleteUserId} onOpenChange={() => setDeleteUserId(null)}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t("deleteConfirmTitle")}</AlertDialogTitle>
+            <AlertDialogDescription>{t("deleteConfirmDescription")}</AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t("cancel")}</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={handleDelete}
+              disabled={loading}
+              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+            >
+              {t("delete")}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </>
+  );
+}
diff --git a/src/components/admin/webhooks-table.tsx b/src/components/admin/webhooks-table.tsx
new file mode 100644
index 00000000..e4918393
--- /dev/null
+++ b/src/components/admin/webhooks-table.tsx
@@ -0,0 +1,553 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Switch } from "@/components/ui/switch";
+import { Badge } from "@/components/ui/badge";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
+import { Plus, MoreHorizontal, Pencil, Trash2, Webhook, Slack, X, Play } from "lucide-react";
+import { SLACK_PRESET_PAYLOAD, WEBHOOK_PLACEHOLDERS } from "@/lib/webhook";
+import { CodeEditor } from "@/components/ui/code-editor";
+
+interface WebhookConfig {
+  id: string;
+  name: string;
+  url: string;
+  method: string;
+  headers: Record<string, string> | null;
+  payload: string;
+  events: string[];
+  isEnabled: boolean;
+  createdAt: Date;
+}
+
+interface WebhooksTableProps {
+  webhooks: WebhookConfig[];
+}
+
+interface HeaderEntry {
+  key: string;
+  value: string;
+}
+
+const EVENTS = [
+  { value: "PROMPT_CREATED", label: "Prompt Created" },
+  { value: "PROMPT_UPDATED", label: "Prompt Updated" },
+  { value: "PROMPT_DELETED", label: "Prompt Deleted" },
+];
+
+const PLACEHOLDER_LIST = Object.values(WEBHOOK_PLACEHOLDERS);
+
+// Headers Editor Component
+function HeadersEditor({
+  headers,
+  onChange,
+}: {
+  headers: HeaderEntry[];
+  onChange: (headers: HeaderEntry[]) => void;
+}) {
+  const addHeader = () => {
+    onChange([...headers, { key: "", value: "" }]);
+  };
+
+  const removeHeader = (index: number) => {
+    onChange(headers.filter((_, i) => i !== index));
+  };
+
+  const updateHeader = (index: number, field: "key" | "value", value: string) => {
+    const updated = [...headers];
+    updated[index][field] = value;
+    onChange(updated);
+  };
+
+  return (
+    <div className="space-y-2">
+      {headers.map((header, index) => (
+        <div key={index} className="flex gap-2">
+          <Input
+            placeholder="Header name"
+            value={header.key}
+            onChange={(e) => updateHeader(index, "key", e.target.value)}
+            className="flex-1 font-mono text-sm"
+          />
+          <Input
+            placeholder="Header value"
+            value={header.value}
+            onChange={(e) => updateHeader(index, "value", e.target.value)}
+            className="flex-1 font-mono text-sm"
+          />
+          <Button
+            type="button"
+            variant="ghost"
+            size="icon"
+            onClick={() => removeHeader(index)}
+            className="shrink-0"
+          >
+            <X className="h-4 w-4" />
+          </Button>
+        </div>
+      ))}
+      <Button
+        type="button"
+        variant="outline"
+        size="sm"
+        onClick={addHeader}
+        className="w-full"
+      >
+        <Plus className="h-4 w-4 mr-2" />
+        Add Header
+      </Button>
+    </div>
+  );
+}
+
+export function WebhooksTable({ webhooks: initialWebhooks }: WebhooksTableProps) {
+  const t = useTranslations("admin.webhooks");
+  const router = useRouter();
+  const [webhooks, setWebhooks] = useState(initialWebhooks);
+  const [isCreateOpen, setIsCreateOpen] = useState(false);
+  const [isEditOpen, setIsEditOpen] = useState(false);
+  const [editingWebhook, setEditingWebhook] = useState<WebhookConfig | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const [formData, setFormData] = useState({
+    name: "",
+    url: "",
+    method: "POST",
+    headers: [] as HeaderEntry[],
+    payload: "",
+    events: ["PROMPT_CREATED"] as string[],
+    isEnabled: true,
+  });
+
+  const resetForm = () => {
+    setFormData({
+      name: "",
+      url: "",
+      method: "POST",
+      headers: [],
+      payload: "",
+      events: ["PROMPT_CREATED"],
+      isEnabled: true,
+    });
+  };
+
+  const applySlackPreset = () => {
+    setFormData((prev) => ({
+      ...prev,
+      name: prev.name || "Slack Notifications",
+      method: "POST",
+      headers: [{ key: "Content-Type", value: "application/json" }],
+      payload: SLACK_PRESET_PAYLOAD,
+    }));
+  };
+
+  const headersToObject = (headers: HeaderEntry[]): Record<string, string> | null => {
+    const filtered = headers.filter((h) => h.key.trim() !== "");
+    if (filtered.length === 0) return null;
+    return Object.fromEntries(filtered.map((h) => [h.key, h.value]));
+  };
+
+  const objectToHeaders = (obj: Record<string, string> | null): HeaderEntry[] => {
+    if (!obj) return [];
+    return Object.entries(obj).map(([key, value]) => ({ key, value }));
+  };
+
+  const handleCreate = async () => {
+    setIsLoading(true);
+    try {
+      const response = await fetch("/api/admin/webhooks", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          ...formData,
+          headers: headersToObject(formData.headers),
+        }),
+      });
+
+      if (response.ok) {
+        const newWebhook = await response.json();
+        setWebhooks((prev) => [newWebhook, ...prev]);
+        setIsCreateOpen(false);
+        resetForm();
+        router.refresh();
+      }
+    } catch (error) {
+      console.error("Failed to create webhook:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleEdit = async () => {
+    if (!editingWebhook) return;
+    setIsLoading(true);
+    try {
+      const response = await fetch(`/api/admin/webhooks/${editingWebhook.id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          ...formData,
+          headers: headersToObject(formData.headers),
+        }),
+      });
+
+      if (response.ok) {
+        const updatedWebhook = await response.json();
+        setWebhooks((prev) =>
+          prev.map((w) => (w.id === updatedWebhook.id ? updatedWebhook : w))
+        );
+        setIsEditOpen(false);
+        setEditingWebhook(null);
+        resetForm();
+        router.refresh();
+      }
+    } catch (error) {
+      console.error("Failed to update webhook:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleDelete = async (id: string) => {
+    if (!confirm(t("deleteConfirm"))) return;
+    try {
+      const response = await fetch(`/api/admin/webhooks/${id}`, {
+        method: "DELETE",
+      });
+
+      if (response.ok) {
+        setWebhooks((prev) => prev.filter((w) => w.id !== id));
+        router.refresh();
+      }
+    } catch (error) {
+      console.error("Failed to delete webhook:", error);
+    }
+  };
+
+  const handleToggleEnabled = async (webhook: WebhookConfig) => {
+    try {
+      const response = await fetch(`/api/admin/webhooks/${webhook.id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ isEnabled: !webhook.isEnabled }),
+      });
+
+      if (response.ok) {
+        setWebhooks((prev) =>
+          prev.map((w) =>
+            w.id === webhook.id ? { ...w, isEnabled: !w.isEnabled } : w
+          )
+        );
+      }
+    } catch (error) {
+      console.error("Failed to toggle webhook:", error);
+    }
+  };
+
+  const handleTest = async (webhook: WebhookConfig) => {
+    try {
+      const response = await fetch(`/api/admin/webhooks/${webhook.id}/test`, {
+        method: "POST",
+      });
+
+      if (response.ok) {
+        alert(t("testSuccess"));
+      } else {
+        const data = await response.json();
+        alert(t("testFailed") + ": " + (data.error || "Unknown error"));
+      }
+    } catch (error) {
+      console.error("Failed to test webhook:", error);
+      alert(t("testFailed"));
+    }
+  };
+
+  const openEditDialog = (webhook: WebhookConfig) => {
+    setEditingWebhook(webhook);
+    setFormData({
+      name: webhook.name,
+      url: webhook.url,
+      method: webhook.method,
+      headers: objectToHeaders(webhook.headers),
+      payload: webhook.payload,
+      events: webhook.events,
+      isEnabled: webhook.isEnabled,
+    });
+    setIsEditOpen(true);
+  };
+
+  const WebhookForm = () => (
+    <div className="space-y-6">
+      <div className="flex gap-2">
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          onClick={applySlackPreset}
+          className="gap-2"
+        >
+          <Slack className="h-4 w-4" />
+          {t("useSlackPreset")}
+        </Button>
+      </div>
+
+      <div className="grid grid-cols-2 gap-4">
+        <div className="grid gap-2">
+          <Label htmlFor="name">{t("name")}</Label>
+          <Input
+            id="name"
+            value={formData.name}
+            onChange={(e) => setFormData((prev) => ({ ...prev, name: e.target.value }))}
+            placeholder="Slack Notifications"
+          />
+        </div>
+
+        <div className="grid gap-2">
+          <Label htmlFor="method">{t("method")}</Label>
+          <Select
+            value={formData.method}
+            onValueChange={(value) => setFormData((prev) => ({ ...prev, method: value }))}
+          >
+            <SelectTrigger>
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="GET">GET</SelectItem>
+              <SelectItem value="POST">POST</SelectItem>
+              <SelectItem value="PUT">PUT</SelectItem>
+              <SelectItem value="PATCH">PATCH</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+
+      <div className="grid gap-2">
+        <Label htmlFor="url">{t("url")}</Label>
+        <Input
+          id="url"
+          type="url"
+          value={formData.url}
+          onChange={(e) => setFormData((prev) => ({ ...prev, url: e.target.value }))}
+          placeholder="https://hooks.slack.com/services/..."
+        />
+      </div>
+
+      <div className="grid gap-2">
+        <Label>{t("events")}</Label>
+        <div className="flex flex-wrap gap-3">
+          {EVENTS.map((event) => (
+            <label
+              key={event.value}
+              className="flex items-center gap-2 cursor-pointer"
+            >
+              <input
+                type="checkbox"
+                checked={formData.events.includes(event.value)}
+                onChange={(e) => {
+                  if (e.target.checked) {
+                    setFormData((prev) => ({
+                      ...prev,
+                      events: [...prev.events, event.value],
+                    }));
+                  } else {
+                    setFormData((prev) => ({
+                      ...prev,
+                      events: prev.events.filter((ev) => ev !== event.value),
+                    }));
+                  }
+                }}
+                className="rounded"
+              />
+              <span className="text-sm">{event.label}</span>
+            </label>
+          ))}
+        </div>
+      </div>
+
+      <div className="grid gap-2">
+        <Label>{t("headers")}</Label>
+        <HeadersEditor
+          headers={formData.headers}
+          onChange={(headers) => setFormData((prev) => ({ ...prev, headers }))}
+        />
+      </div>
+
+      <div className="grid gap-2">
+        <Label>{t("payload")}</Label>
+        <CodeEditor
+          value={formData.payload}
+          onChange={(payload: string) => setFormData((prev) => ({ ...prev, payload }))}
+          language="json"
+          minHeight="280px"
+          debounceMs={300}
+        />
+        <div className="space-y-2">
+          <p className="text-xs text-muted-foreground">{t("placeholders")}:</p>
+          <div className="flex flex-wrap gap-1">
+            {PLACEHOLDER_LIST.map((placeholder) => (
+              <Badge
+                key={placeholder}
+                variant="secondary"
+                className="text-xs font-mono cursor-pointer hover:bg-accent"
+                onClick={() => {
+                  const newPayload = formData.payload + placeholder;
+                  setFormData((prev) => ({ ...prev, payload: newPayload }));
+                }}
+              >
+                {placeholder}
+              </Badge>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div className="flex items-center gap-2">
+        <Switch
+          id="isEnabled"
+          checked={formData.isEnabled}
+          onCheckedChange={(checked) =>
+            setFormData((prev) => ({ ...prev, isEnabled: checked }))
+          }
+        />
+        <Label htmlFor="isEnabled">{t("enabled")}</Label>
+      </div>
+    </div>
+  );
+
+  return (
+    <Card>
+      <CardHeader>
+        <div className="flex items-center justify-between">
+          <div>
+            <CardTitle className="flex items-center gap-2">
+              <Webhook className="h-5 w-5" />
+              {t("title")}
+            </CardTitle>
+            <CardDescription>{t("description")}</CardDescription>
+          </div>
+          <Dialog open={isCreateOpen} onOpenChange={setIsCreateOpen}>
+            <DialogTrigger asChild>
+              <Button onClick={() => { resetForm(); setIsCreateOpen(true); }}>
+                <Plus className="h-4 w-4 mr-2" />
+                {t("add")}
+              </Button>
+            </DialogTrigger>
+            <DialogContent className="sm:max-w-4xl max-h-[90vh] overflow-y-auto">
+              <DialogHeader>
+                <DialogTitle>{t("addTitle")}</DialogTitle>
+                <DialogDescription>{t("addDescription")}</DialogDescription>
+              </DialogHeader>
+              <WebhookForm />
+              <DialogFooter>
+                <Button variant="outline" onClick={() => setIsCreateOpen(false)}>
+                  {t("cancel")}
+                </Button>
+                <Button onClick={handleCreate} disabled={isLoading}>
+                  {t("create")}
+                </Button>
+              </DialogFooter>
+            </DialogContent>
+          </Dialog>
+        </div>
+      </CardHeader>
+      <CardContent>
+        {webhooks.length === 0 ? (
+          <div className="text-center py-8 text-muted-foreground">
+            {t("empty")}
+          </div>
+        ) : (
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>{t("name")}</TableHead>
+                <TableHead>{t("url")}</TableHead>
+                <TableHead>{t("events")}</TableHead>
+                <TableHead>{t("status")}</TableHead>
+                <TableHead className="w-[70px]"></TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {webhooks.map((webhook) => (
+                <TableRow key={webhook.id}>
+                  <TableCell className="font-medium">{webhook.name}</TableCell>
+                  <TableCell className="max-w-[200px] truncate text-xs font-mono">
+                    {webhook.url}
+                  </TableCell>
+                  <TableCell>
+                    <div className="flex flex-wrap gap-1">
+                      {webhook.events.map((event) => (
+                        <Badge key={event} variant="secondary" className="text-xs">
+                          {event.replace("PROMPT_", "")}
+                        </Badge>
+                      ))}
+                    </div>
+                  </TableCell>
+                  <TableCell>
+                    <Switch
+                      checked={webhook.isEnabled}
+                      onCheckedChange={() => handleToggleEnabled(webhook)}
+                    />
+                  </TableCell>
+                  <TableCell>
+                    <DropdownMenu>
+                      <DropdownMenuTrigger asChild>
+                        <Button variant="ghost" size="icon">
+                          <MoreHorizontal className="h-4 w-4" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem onClick={() => handleTest(webhook)}>
+                          <Play className="h-4 w-4 mr-2" />
+                          {t("test")}
+                        </DropdownMenuItem>
+                        <DropdownMenuItem onClick={() => openEditDialog(webhook)}>
+                          <Pencil className="h-4 w-4 mr-2" />
+                          {t("edit")}
+                        </DropdownMenuItem>
+                        <DropdownMenuItem
+                          onClick={() => handleDelete(webhook.id)}
+                          className="text-destructive"
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          {t("delete")}
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        )}
+      </CardContent>
+
+      {/* Edit Dialog */}
+      <Dialog open={isEditOpen} onOpenChange={setIsEditOpen}>
+        <DialogContent className="sm:max-w-4xl max-h-[90vh] overflow-y-auto">
+          <DialogHeader>
+            <DialogTitle>{t("editTitle")}</DialogTitle>
+            <DialogDescription>{t("editDescription")}</DialogDescription>
+          </DialogHeader>
+          <WebhookForm />
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setIsEditOpen(false)}>
+              {t("cancel")}
+            </Button>
+            <Button onClick={handleEdit} disabled={isLoading}>
+              {t("save")}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </Card>
+  );
+}
diff --git a/src/components/auth/login-form.tsx b/src/components/auth/login-form.tsx
new file mode 100644
index 00000000..de1799eb
--- /dev/null
+++ b/src/components/auth/login-form.tsx
@@ -0,0 +1,104 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { signIn } from "next-auth/react";
+import { useTranslations } from "next-intl";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { toast } from "sonner";
+
+const loginSchema = z.object({
+  email: z.string().email("Invalid email address"),
+  password: z.string().min(6, "Password must be at least 6 characters"),
+});
+
+type LoginFormValues = z.infer<typeof loginSchema>;
+
+export function LoginForm() {
+  const router = useRouter();
+  const t = useTranslations("auth");
+  const [isLoading, setIsLoading] = useState(false);
+
+  const form = useForm<LoginFormValues>({
+    resolver: zodResolver(loginSchema),
+    defaultValues: {
+      email: "",
+      password: "",
+    },
+  });
+
+  async function onSubmit(data: LoginFormValues) {
+    setIsLoading(true);
+
+    try {
+      const result = await signIn("credentials", {
+        email: data.email,
+        password: data.password,
+        redirect: false,
+      });
+
+      if (result?.error) {
+        toast.error(t("invalidCredentials"));
+        return;
+      }
+
+      toast.success(t("loginSuccess"));
+      router.push("/");
+      router.refresh();
+    } catch {
+      toast.error(t("invalidCredentials"));
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-3">
+        <FormField
+          control={form.control}
+          name="email"
+          render={({ field }) => (
+            <FormItem className="space-y-1">
+              <FormLabel className="text-xs">{t("email")}</FormLabel>
+              <FormControl>
+                <Input type="email" placeholder="name@example.com" className="h-8 text-sm" disabled={isLoading} {...field} />
+              </FormControl>
+              <FormMessage className="text-xs" />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="password"
+          render={({ field }) => (
+            <FormItem className="space-y-1">
+              <FormLabel className="text-xs">{t("password")}</FormLabel>
+              <FormControl>
+                <Input type="password" placeholder="••••••••" className="h-8 text-sm" disabled={isLoading} {...field} />
+              </FormControl>
+              <FormMessage className="text-xs" />
+            </FormItem>
+          )}
+        />
+        <Button type="submit" className="w-full h-8 text-sm" disabled={isLoading}>
+          {isLoading && <Loader2 className="mr-1.5 h-3.5 w-3.5 animate-spin" />}
+          {t("login")}
+        </Button>
+      </form>
+    </Form>
+  );
+}
diff --git a/src/components/auth/register-form.tsx b/src/components/auth/register-form.tsx
new file mode 100644
index 00000000..072bb16a
--- /dev/null
+++ b/src/components/auth/register-form.tsx
@@ -0,0 +1,168 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { toast } from "sonner";
+
+const registerSchema = z.object({
+  name: z.string().min(2, "Name must be at least 2 characters"),
+  username: z.string().min(3, "Username must be at least 3 characters").regex(/^[a-zA-Z0-9_]+$/, "Username can only contain letters, numbers, and underscores"),
+  email: z.string().email("Invalid email address"),
+  password: z.string().min(6, "Password must be at least 6 characters"),
+  confirmPassword: z.string(),
+}).refine((data) => data.password === data.confirmPassword, {
+  message: "Passwords do not match",
+  path: ["confirmPassword"],
+});
+
+type RegisterFormValues = z.infer<typeof registerSchema>;
+
+export function RegisterForm() {
+  const router = useRouter();
+  const t = useTranslations("auth");
+  const tCommon = useTranslations("common");
+  const [isLoading, setIsLoading] = useState(false);
+
+  const form = useForm<RegisterFormValues>({
+    resolver: zodResolver(registerSchema),
+    defaultValues: {
+      name: "",
+      username: "",
+      email: "",
+      password: "",
+      confirmPassword: "",
+    },
+  });
+
+  async function onSubmit(data: RegisterFormValues) {
+    setIsLoading(true);
+
+    try {
+      const response = await fetch("/api/auth/register", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name: data.name,
+          username: data.username,
+          email: data.email,
+          password: data.password,
+        }),
+      });
+
+      const result = await response.json();
+
+      if (!response.ok) {
+        if (result.error === "email_taken") {
+          toast.error(t("emailTaken"));
+        } else if (result.error === "username_taken") {
+          toast.error(t("usernameTaken"));
+        } else {
+          toast.error(result.message || t("registrationFailed"));
+        }
+        return;
+      }
+
+      toast.success(t("registerSuccess"));
+      router.push("/login");
+    } catch {
+      toast.error(tCommon("somethingWentWrong"));
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-3">
+        <div className="grid grid-cols-2 gap-3">
+          <FormField
+            control={form.control}
+            name="name"
+            render={({ field }) => (
+              <FormItem className="space-y-1">
+                <FormLabel className="text-xs">{t("name")}</FormLabel>
+                <FormControl>
+                  <Input placeholder="John Doe" className="h-8 text-sm" disabled={isLoading} {...field} />
+                </FormControl>
+                <FormMessage className="text-xs" />
+              </FormItem>
+            )}
+          />
+          <FormField
+            control={form.control}
+            name="username"
+            render={({ field }) => (
+              <FormItem className="space-y-1">
+                <FormLabel className="text-xs">{t("username")}</FormLabel>
+                <FormControl>
+                  <Input placeholder="johndoe" className="h-8 text-sm" disabled={isLoading} {...field} />
+                </FormControl>
+                <FormMessage className="text-xs" />
+              </FormItem>
+            )}
+          />
+        </div>
+        <FormField
+          control={form.control}
+          name="email"
+          render={({ field }) => (
+            <FormItem className="space-y-1">
+              <FormLabel className="text-xs">{t("email")}</FormLabel>
+              <FormControl>
+                <Input type="email" placeholder="name@example.com" className="h-8 text-sm" disabled={isLoading} {...field} />
+              </FormControl>
+              <FormMessage className="text-xs" />
+            </FormItem>
+          )}
+        />
+        <div className="grid grid-cols-2 gap-3">
+          <FormField
+            control={form.control}
+            name="password"
+            render={({ field }) => (
+              <FormItem className="space-y-1">
+                <FormLabel className="text-xs">{t("password")}</FormLabel>
+                <FormControl>
+                  <Input type="password" placeholder="••••••••" className="h-8 text-sm" disabled={isLoading} {...field} />
+                </FormControl>
+                <FormMessage className="text-xs" />
+              </FormItem>
+            )}
+          />
+          <FormField
+            control={form.control}
+            name="confirmPassword"
+            render={({ field }) => (
+              <FormItem className="space-y-1">
+                <FormLabel className="text-xs">{t("confirmPassword")}</FormLabel>
+                <FormControl>
+                  <Input type="password" placeholder="••••••••" className="h-8 text-sm" disabled={isLoading} {...field} />
+                </FormControl>
+                <FormMessage className="text-xs" />
+              </FormItem>
+            )}
+          />
+        </div>
+        <Button type="submit" className="w-full h-8 text-sm" disabled={isLoading}>
+          {isLoading && <Loader2 className="mr-1.5 h-3.5 w-3.5 animate-spin" />}
+          {t("register")}
+        </Button>
+      </form>
+    </Form>
+  );
+}
diff --git a/src/components/categories/category-item.tsx b/src/components/categories/category-item.tsx
new file mode 100644
index 00000000..04588b73
--- /dev/null
+++ b/src/components/categories/category-item.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import Link from "next/link";
+import { SubscribeButton } from "./subscribe-button";
+
+interface CategoryItemProps {
+  category: {
+    id: string;
+    name: string;
+    slug: string;
+    icon: string | null;
+    promptCount: number;
+  };
+  isSubscribed: boolean;
+  showSubscribe: boolean;
+}
+
+export function CategoryItem({ category, isSubscribed, showSubscribe }: CategoryItemProps) {
+  return (
+    <div className="group flex items-center justify-between gap-2 border rounded-[var(--radius)] px-3 py-2 bg-card hover:bg-accent/50 transition-colors">
+      <Link
+        href={`/categories/${category.slug}`}
+        className="flex items-center gap-2 min-w-0 flex-1"
+      >
+        {category.icon && (
+          <span className="text-sm shrink-0">{category.icon}</span>
+        )}
+        <span className="text-sm font-medium truncate group-hover:underline">
+          {category.name}
+        </span>
+      </Link>
+      <div className="flex items-center gap-1 shrink-0">
+        <span className="text-xs text-muted-foreground">
+          {category.promptCount}
+        </span>
+        {showSubscribe && (
+          <SubscribeButton
+            categoryId={category.id}
+            categoryName={category.name}
+            initialSubscribed={isSubscribed}
+            iconOnly
+          />
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/categories/subscribe-button.tsx b/src/components/categories/subscribe-button.tsx
new file mode 100644
index 00000000..d63577c2
--- /dev/null
+++ b/src/components/categories/subscribe-button.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { useState } from "react";
+import { useTranslations } from "next-intl";
+import { Bell, BellOff, Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { toast } from "sonner";
+
+interface SubscribeButtonProps {
+  categoryId: string;
+  categoryName: string;
+  initialSubscribed: boolean;
+  iconOnly?: boolean;
+}
+
+export function SubscribeButton({ categoryId, categoryName, initialSubscribed, iconOnly = false }: SubscribeButtonProps) {
+  const t = useTranslations("subscription");
+  const tCommon = useTranslations("common");
+  const [isSubscribed, setIsSubscribed] = useState(initialSubscribed);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleToggle = async () => {
+    setIsLoading(true);
+
+    try {
+      const method = isSubscribed ? "DELETE" : "POST";
+      const response = await fetch(`/api/categories/${categoryId}/subscribe`, {
+        method,
+      });
+
+      if (!response.ok) {
+        throw new Error("Failed to update subscription");
+      }
+
+      setIsSubscribed(!isSubscribed);
+      toast.success(
+        isSubscribed
+          ? t("unsubscribedFrom", { name: categoryName })
+          : t("subscribedTo", { name: categoryName })
+      );
+    } catch {
+      toast.error(tCommon("error"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  if (iconOnly) {
+    return (
+      <Button
+        variant="ghost"
+        size="icon"
+        className={`h-7 w-7 ${isSubscribed ? "text-primary" : "text-muted-foreground hover:text-foreground"}`}
+        onClick={handleToggle}
+        disabled={isLoading}
+        title={isSubscribed ? t("unsubscribe") : t("subscribe")}
+      >
+        {isLoading ? (
+          <Loader2 className="h-3.5 w-3.5 animate-spin" />
+        ) : isSubscribed ? (
+          <Bell className="h-3.5 w-3.5 fill-current" />
+        ) : (
+          <Bell className="h-3.5 w-3.5" />
+        )}
+      </Button>
+    );
+  }
+
+  return (
+    <Button
+      variant={isSubscribed ? "secondary" : "outline"}
+      size="sm"
+      onClick={handleToggle}
+      disabled={isLoading}
+    >
+      {isLoading ? (
+        <Loader2 className="h-4 w-4 animate-spin" />
+      ) : isSubscribed ? (
+        <>
+          <BellOff className="h-4 w-4 mr-1.5" />
+          {t("unsubscribe")}
+        </>
+      ) : (
+        <>
+          <Bell className="h-4 w-4 mr-1.5" />
+          {t("subscribe")}
+        </>
+      )}
+    </Button>
+  );
+}
diff --git a/src/components/layout/footer.tsx b/src/components/layout/footer.tsx
new file mode 100644
index 00000000..fbbec554
--- /dev/null
+++ b/src/components/layout/footer.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import Link from "next/link";
+import { useBranding } from "@/components/providers/branding-provider";
+
+export function Footer() {
+  const branding = useBranding();
+
+  return (
+    <footer className="border-t">
+      <div className="container flex items-center justify-between h-10 text-xs text-muted-foreground">
+        <span>&copy; {new Date().getFullYear()} {branding.name}</span>
+        <nav className="flex items-center gap-4">
+          <Link href="/privacy" className="hover:text-foreground">Privacy</Link>
+          <Link href="/terms" className="hover:text-foreground">Terms</Link>
+          <Link href="https://github.com" target="_blank" rel="noopener noreferrer" className="hover:text-foreground">GitHub</Link>
+        </nav>
+      </div>
+    </footer>
+  );
+}
diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
new file mode 100644
index 00000000..857dcdcc
--- /dev/null
+++ b/src/components/layout/header.tsx
@@ -0,0 +1,242 @@
+"use client";
+
+import Link from "next/link";
+import { useSession, signOut } from "next-auth/react";
+import { useTranslations } from "next-intl";
+import {
+  Menu,
+  Plus,
+  User,
+  Settings,
+  LogOut,
+  Shield,
+  Globe,
+  Moon,
+  Sun,
+} from "lucide-react";
+import { useTheme } from "next-themes";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+} from "@/components/ui/dropdown-menu";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import { NotificationBell } from "@/components/layout/notification-bell";
+import { setLocale } from "@/lib/i18n/client";
+import { useBranding } from "@/components/providers/branding-provider";
+
+const languages = [
+  { code: "en", name: "English" },
+  { code: "tr", name: "Türkçe" },
+  { code: "es", name: "Español" },
+  { code: "zh", name: "中文" },
+  { code: "ja", name: "日本語" },
+  { code: "ar", name: "العربية" },
+];
+
+export function Header() {
+  const { data: session } = useSession();
+  const t = useTranslations();
+  const { theme, setTheme } = useTheme();
+  const branding = useBranding();
+
+  const user = session?.user;
+  const isAdmin = user?.role === "ADMIN";
+
+  return (
+    <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+      <div className="container flex h-12 items-center gap-4">
+        {/* Mobile menu */}
+        <Sheet>
+          <SheetTrigger asChild className="md:hidden">
+            <Button variant="ghost" size="icon" className="-ml-2 h-8 w-8">
+              <Menu className="h-4 w-4" />
+              <span className="sr-only">Toggle menu</span>
+            </Button>
+          </SheetTrigger>
+          <SheetContent side="left" className="w-[300px]">
+            <nav className="flex flex-col gap-4 mt-4">
+              <Link href="/" className="text-lg font-semibold">
+                {branding.name}
+              </Link>
+              <Link href="/prompts" className="text-muted-foreground hover:text-foreground">
+                {t("nav.prompts")}
+              </Link>
+              <Link href="/categories" className="text-muted-foreground hover:text-foreground">
+                {t("nav.categories")}
+              </Link>
+              <Link href="/tags" className="text-muted-foreground hover:text-foreground">
+                {t("nav.tags")}
+              </Link>
+            </nav>
+          </SheetContent>
+        </Sheet>
+
+        {/* Logo */}
+        <Link href="/" className="flex items-center">
+          <span className="font-semibold">{branding.name}</span>
+        </Link>
+
+        {/* Desktop nav */}
+        <nav className="hidden md:flex items-center gap-1 text-sm">
+          <Link
+            href="/prompts"
+            className="px-3 py-1.5 rounded-md text-muted-foreground transition-colors hover:text-foreground hover:bg-accent"
+          >
+            {t("nav.prompts")}
+          </Link>
+          <Link
+            href="/categories"
+            className="px-3 py-1.5 rounded-md text-muted-foreground transition-colors hover:text-foreground hover:bg-accent"
+          >
+            {t("nav.categories")}
+          </Link>
+          <Link
+            href="/tags"
+            className="px-3 py-1.5 rounded-md text-muted-foreground transition-colors hover:text-foreground hover:bg-accent"
+          >
+            {t("nav.tags")}
+          </Link>
+        </nav>
+
+        {/* Spacer */}
+        <div className="flex-1" />
+
+        {/* Right side actions */}
+        <div className="flex items-center gap-1">
+          {/* Create prompt button */}
+          {user && (
+            <Button asChild variant="ghost" size="icon" className="h-8 w-8">
+              <Link href="/prompts/new">
+                <Plus className="h-4 w-4" />
+                <span className="sr-only">{t("prompts.create")}</span>
+              </Link>
+            </Button>
+          )}
+
+          {/* Notifications */}
+          {user && <NotificationBell />}
+
+          {/* Theme toggle */}
+          <Button
+            variant="ghost"
+            size="icon"
+            className="h-8 w-8"
+            onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
+          >
+            <Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+            <Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+            <span className="sr-only">Toggle theme</span>
+          </Button>
+
+          {/* User menu or login */}
+          {user ? (
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button variant="ghost" className="relative h-8 gap-2 px-2">
+                  <Avatar className="h-6 w-6">
+                    <AvatarImage src={user.image || undefined} alt={user.name || ""} />
+                    <AvatarFallback className="text-xs">
+                      {user.name?.charAt(0).toUpperCase() || "U"}
+                    </AvatarFallback>
+                  </Avatar>
+                  <span className="hidden sm:inline text-sm font-medium">
+                    @{user.username}
+                  </span>
+                </Button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent className="w-56" align="end" forceMount>
+                <DropdownMenuLabel className="font-normal">
+                  <div className="flex flex-col space-y-1">
+                    <p className="text-sm font-medium leading-none">{user.name}</p>
+                    <p className="text-xs leading-none text-muted-foreground">
+                      @{user.username}
+                    </p>
+                  </div>
+                </DropdownMenuLabel>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem asChild>
+                  <Link href={`/@${user.username}`}>
+                    <User className="mr-2 h-4 w-4" />
+                    {t("nav.profile")}
+                  </Link>
+                </DropdownMenuItem>
+                <DropdownMenuItem asChild>
+                  <Link href="/settings">
+                    <Settings className="mr-2 h-4 w-4" />
+                    {t("nav.settings")}
+                  </Link>
+                </DropdownMenuItem>
+                {isAdmin && (
+                  <DropdownMenuItem asChild>
+                    <Link href="/admin">
+                      <Shield className="mr-2 h-4 w-4" />
+                      {t("nav.admin")}
+                    </Link>
+                  </DropdownMenuItem>
+                )}
+                <DropdownMenuSeparator />
+                <DropdownMenuSub>
+                  <DropdownMenuSubTrigger>
+                    <Globe className="mr-2 h-4 w-4" />
+                    {t("settings.language")}
+                  </DropdownMenuSubTrigger>
+                  <DropdownMenuSubContent>
+                    {languages.map((lang) => (
+                      <DropdownMenuItem
+                        key={lang.code}
+                        onClick={() => setLocale(lang.code)}
+                      >
+                        {lang.name}
+                      </DropdownMenuItem>
+                    ))}
+                  </DropdownMenuSubContent>
+                </DropdownMenuSub>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem onClick={() => signOut({ callbackUrl: "/" })}>
+                  <LogOut className="mr-2 h-4 w-4" />
+                  {t("nav.logout")}
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          ) : (
+            <div className="flex items-center gap-1">
+              {/* Language selector for non-logged in users */}
+              <DropdownMenu>
+                <DropdownMenuTrigger asChild>
+                  <Button variant="ghost" size="icon" className="h-8 w-8">
+                    <Globe className="h-4 w-4" />
+                  </Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent align="end">
+                  {languages.map((lang) => (
+                    <DropdownMenuItem
+                      key={lang.code}
+                      onClick={() => setLocale(lang.code)}
+                    >
+                      {lang.name}
+                    </DropdownMenuItem>
+                  ))}
+                </DropdownMenuContent>
+              </DropdownMenu>
+              <Button variant="ghost" size="sm" className="h-8 text-xs" asChild>
+                <Link href="/login">{t("nav.login")}</Link>
+              </Button>
+              <Button size="sm" className="h-8 text-xs" asChild>
+                <Link href="/register">{t("nav.register")}</Link>
+              </Button>
+            </div>
+          )}
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/src/components/layout/notification-bell.tsx b/src/components/layout/notification-bell.tsx
new file mode 100644
index 00000000..ad9bd206
--- /dev/null
+++ b/src/components/layout/notification-bell.tsx
@@ -0,0 +1,95 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import { useSession } from "next-auth/react";
+import { useTranslations } from "next-intl";
+import { Bell } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+interface Notifications {
+  pendingChangeRequests: number;
+}
+
+export function NotificationBell() {
+  const { data: session } = useSession();
+  const t = useTranslations("notifications");
+  const [notifications, setNotifications] = useState<Notifications>({ pendingChangeRequests: 0 });
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    if (!session?.user) {
+      setIsLoading(false);
+      return;
+    }
+
+    const fetchNotifications = async () => {
+      try {
+        const response = await fetch("/api/user/notifications");
+        if (response.ok) {
+          const data = await response.json();
+          setNotifications(data);
+        }
+      } catch (error) {
+        console.error("Failed to fetch notifications:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchNotifications();
+    
+    // Refresh every 60 seconds
+    const interval = setInterval(fetchNotifications, 60000);
+    return () => clearInterval(interval);
+  }, [session?.user]);
+
+  if (!session?.user || isLoading) {
+    return null;
+  }
+
+  const totalCount = notifications.pendingChangeRequests;
+
+  if (totalCount === 0) {
+    return (
+      <Button variant="ghost" size="icon" className="h-8 w-8 relative" asChild>
+        <Link href={`/@${session.user.username}`}>
+          <Bell className="h-4 w-4" />
+        </Link>
+      </Button>
+    );
+  }
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="ghost" size="icon" className="h-8 w-8 relative">
+          <Bell className="h-4 w-4" />
+          <span className="absolute -top-0.5 -right-0.5 h-4 w-4 rounded-full bg-red-500 text-white text-[10px] font-medium flex items-center justify-center">
+            {totalCount > 9 ? "9+" : totalCount}
+          </span>
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end" className="w-72">
+        <DropdownMenuLabel>{t("title")}</DropdownMenuLabel>
+        {notifications.pendingChangeRequests > 0 && (
+          <DropdownMenuItem asChild>
+            <Link href={`/@${session.user.username}?tab=changes`} className="flex items-center justify-between">
+              <span>{t("pendingChangeRequests")}</span>
+              <span className="ml-2 h-5 min-w-5 px-1 rounded-full bg-red-500 text-white text-xs font-medium flex items-center justify-center">
+                {notifications.pendingChangeRequests}
+              </span>
+            </Link>
+          </DropdownMenuItem>
+        )}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/src/components/prompts/add-version-form.tsx b/src/components/prompts/add-version-form.tsx
new file mode 100644
index 00000000..14a0c002
--- /dev/null
+++ b/src/components/prompts/add-version-form.tsx
@@ -0,0 +1,132 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { Loader2, Plus } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Textarea } from "@/components/ui/textarea";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { toast } from "sonner";
+
+interface AddVersionFormProps {
+  promptId: string;
+  currentContent: string;
+}
+
+export function AddVersionForm({ promptId, currentContent }: AddVersionFormProps) {
+  const router = useRouter();
+  const t = useTranslations("version");
+  const tCommon = useTranslations("common");
+  const [open, setOpen] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [content, setContent] = useState(currentContent);
+  const [changeNote, setChangeNote] = useState("");
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    
+    if (content === currentContent) {
+      toast.error(t("contentMustDiffer"));
+      return;
+    }
+
+    setIsLoading(true);
+
+    try {
+      const response = await fetch(`/api/prompts/${promptId}/versions`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ content, changeNote }),
+      });
+
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.message || "Failed to create version");
+      }
+
+      toast.success(t("versionCreated"));
+      setOpen(false);
+      router.refresh();
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : tCommon("error"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleOpenChange = (newOpen: boolean) => {
+    setOpen(newOpen);
+    if (newOpen) {
+      // Reset form when opening
+      setContent(currentContent);
+      setChangeNote("");
+    }
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={handleOpenChange}>
+      <DialogTrigger asChild>
+        <Button variant="outline" size="sm">
+          <Plus className="h-4 w-4 mr-1.5" />
+          {t("newVersion")}
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="max-w-2xl">
+        <form onSubmit={handleSubmit}>
+          <DialogHeader>
+            <DialogTitle>{t("createNewVersion")}</DialogTitle>
+            <DialogDescription>
+              {t("updateDescription")}
+            </DialogDescription>
+          </DialogHeader>
+
+          <div className="space-y-4 py-4">
+            <div className="space-y-2">
+              <Label htmlFor="content">{t("promptContent")}</Label>
+              <Textarea
+                id="content"
+                value={content}
+                onChange={(e) => setContent(e.target.value)}
+                placeholder={t("contentPlaceholder")}
+                className="min-h-[200px] font-mono text-sm"
+                required
+              />
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="changeNote">{t("changeNote")}</Label>
+              <Input
+                id="changeNote"
+                value={changeNote}
+                onChange={(e) => setChangeNote(e.target.value)}
+                placeholder={t("changeNotePlaceholder")}
+                maxLength={500}
+              />
+            </div>
+          </div>
+
+          <DialogFooter>
+            <Button type="button" variant="outline" onClick={() => setOpen(false)}>
+              {tCommon("cancel")}
+            </Button>
+            <Button type="submit" disabled={isLoading || content === currentContent}>
+              {isLoading && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
+              {t("createVersion")}
+            </Button>
+          </DialogFooter>
+        </form>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/src/components/prompts/change-request-actions.tsx b/src/components/prompts/change-request-actions.tsx
new file mode 100644
index 00000000..ca04aaf3
--- /dev/null
+++ b/src/components/prompts/change-request-actions.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { Check, X, Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Textarea } from "@/components/ui/textarea";
+import { toast } from "sonner";
+
+interface ChangeRequestActionsProps {
+  changeRequestId: string;
+  promptId: string;
+}
+
+export function ChangeRequestActions({ changeRequestId, promptId }: ChangeRequestActionsProps) {
+  const router = useRouter();
+  const t = useTranslations("changeRequests");
+  const tCommon = useTranslations("common");
+  const [isLoading, setIsLoading] = useState(false);
+  const [action, setAction] = useState<"approve" | "reject" | null>(null);
+  const [reviewNote, setReviewNote] = useState("");
+
+  const handleAction = async (selectedAction: "approve" | "reject") => {
+    setIsLoading(true);
+    setAction(selectedAction);
+
+    try {
+      const response = await fetch(`/api/prompts/${promptId}/changes/${changeRequestId}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          status: selectedAction === "approve" ? "APPROVED" : "REJECTED",
+          reviewNote: reviewNote || undefined,
+        }),
+      });
+
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.message || "Failed to update change request");
+      }
+
+      toast.success(selectedAction === "approve" ? t("approvedSuccess") : t("rejectedSuccess"));
+      router.refresh();
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : tCommon("somethingWentWrong"));
+    } finally {
+      setIsLoading(false);
+      setAction(null);
+    }
+  };
+
+  return (
+    <div className="space-y-3">
+      <p className="text-sm font-medium">{t("reviewActions")}</p>
+      <Textarea
+        id="reviewNote"
+        value={reviewNote}
+        onChange={(e) => setReviewNote(e.target.value)}
+        placeholder={t("reviewNotePlaceholder")}
+        className="min-h-[60px] text-sm"
+      />
+      <div className="flex gap-2">
+        <Button
+          onClick={() => handleAction("approve")}
+          disabled={isLoading}
+          size="sm"
+          className="flex-1 bg-green-600 hover:bg-green-700"
+        >
+          {isLoading && action === "approve" ? (
+            <Loader2 className="h-4 w-4 mr-1.5 animate-spin" />
+          ) : (
+            <Check className="h-4 w-4 mr-1.5" />
+          )}
+          {t("approve")}
+        </Button>
+        <Button
+          onClick={() => handleAction("reject")}
+          disabled={isLoading}
+          variant="destructive"
+          size="sm"
+          className="flex-1"
+        >
+          {isLoading && action === "reject" ? (
+            <Loader2 className="h-4 w-4 mr-1.5 animate-spin" />
+          ) : (
+            <X className="h-4 w-4 mr-1.5" />
+          )}
+          {t("reject")}
+        </Button>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/prompts/change-request-form.tsx b/src/components/prompts/change-request-form.tsx
new file mode 100644
index 00000000..bc94f0a1
--- /dev/null
+++ b/src/components/prompts/change-request-form.tsx
@@ -0,0 +1,198 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { Loader2, Eye, Edit3, GitCompare } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Textarea } from "@/components/ui/textarea";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { DiffView } from "@/components/ui/diff-view";
+import { CodeEditor } from "@/components/ui/code-editor";
+import { toast } from "sonner";
+
+interface ChangeRequestFormProps {
+  promptId: string;
+  currentContent: string;
+  currentTitle: string;
+  promptType?: string;
+  structuredFormat?: string | null;
+}
+
+export function ChangeRequestForm({ promptId, currentContent, currentTitle, promptType, structuredFormat }: ChangeRequestFormProps) {
+  const isStructured = promptType === "STRUCTURED";
+  const router = useRouter();
+  const t = useTranslations("changeRequests");
+  const tCommon = useTranslations("common");
+  const [isLoading, setIsLoading] = useState(false);
+  const [proposedContent, setProposedContent] = useState(currentContent);
+  const [proposedTitle, setProposedTitle] = useState(currentTitle);
+  const [reason, setReason] = useState("");
+
+  const hasContentChanges = proposedContent !== currentContent;
+  const hasTitleChanges = proposedTitle !== currentTitle;
+  const hasChanges = hasContentChanges || hasTitleChanges;
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    
+    if (!hasChanges) {
+      toast.error(t("mustMakeChanges"));
+      return;
+    }
+
+    setIsLoading(true);
+
+    try {
+      const response = await fetch(`/api/prompts/${promptId}/changes`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          proposedContent,
+          proposedTitle: hasTitleChanges ? proposedTitle : undefined,
+          reason: reason || undefined,
+        }),
+      });
+
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.message || "Failed to create change request");
+      }
+
+      const result = await response.json();
+      toast.success(t("created"));
+      router.push(`/prompts/${promptId}/changes/${result.id}`);
+      router.refresh();
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : tCommon("somethingWentWrong"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-6">
+      {/* Title input */}
+      <div className="space-y-2">
+        <Label htmlFor="proposedTitle">{t("proposedTitle")}</Label>
+        <Input
+          id="proposedTitle"
+          value={proposedTitle}
+          onChange={(e) => setProposedTitle(e.target.value)}
+          placeholder={currentTitle}
+        />
+        {hasTitleChanges && (
+          <p className="text-xs text-muted-foreground">
+            <span className="text-red-600 dark:text-red-400 line-through">{currentTitle}</span>
+            {" → "}
+            <span className="text-green-600 dark:text-green-400">{proposedTitle}</span>
+          </p>
+        )}
+      </div>
+
+      {/* Content with tabs */}
+      <div className="space-y-2">
+        <Label>{t("proposedContent")}</Label>
+        <Tabs defaultValue="edit">
+          <TabsList className="grid w-full grid-cols-2 mb-2">
+            <TabsTrigger value="edit" className="gap-1.5">
+              <Edit3 className="h-3.5 w-3.5" />
+              {t("edit")}
+            </TabsTrigger>
+            <TabsTrigger value="diff" className="gap-1.5">
+              <GitCompare className="h-3.5 w-3.5" />
+              {t("preview")}
+              {hasContentChanges && (
+                <span className="ml-1 h-4 min-w-4 px-1 rounded-full bg-green-500 text-white text-[10px] flex items-center justify-center">✓</span>
+              )}
+            </TabsTrigger>
+          </TabsList>
+
+          <TabsContent value="edit" className="mt-0">
+            {isStructured ? (
+              <CodeEditor
+                value={proposedContent}
+                onChange={setProposedContent}
+                language={(structuredFormat?.toLowerCase() as "json" | "yaml") || "json"}
+                minHeight="300px"
+              />
+            ) : (
+              <Textarea
+                id="proposedContent"
+                value={proposedContent}
+                onChange={(e) => setProposedContent(e.target.value)}
+                placeholder={t("proposedContentPlaceholder")}
+                className="min-h-[300px] font-mono text-sm"
+                required
+              />
+            )}
+          </TabsContent>
+
+          <TabsContent value="diff" className="mt-0">
+            {hasContentChanges ? (
+              <DiffView
+                original={currentContent}
+                modified={proposedContent}
+                className="min-h-[300px]"
+                language={isStructured ? (structuredFormat?.toLowerCase() as "json" | "yaml") || "json" : undefined}
+              />
+            ) : (
+              <div className="min-h-[300px] flex items-center justify-center border rounded-lg bg-muted/30">
+                <div className="text-center">
+                  <GitCompare className="h-10 w-10 text-muted-foreground mx-auto mb-2" />
+                  <p className="text-sm text-muted-foreground">{t("noChangesYet")}</p>
+                  <p className="text-xs text-muted-foreground mt-1">Edit the content to see changes</p>
+                </div>
+              </div>
+            )}
+          </TabsContent>
+        </Tabs>
+      </div>
+
+      {/* Reason */}
+      <div className="space-y-2">
+        <Label htmlFor="reason">{t("reason")}</Label>
+        <Textarea
+          id="reason"
+          value={reason}
+          onChange={(e) => setReason(e.target.value)}
+          placeholder={t("reasonPlaceholder")}
+          className="min-h-[80px]"
+        />
+      </div>
+
+      {/* Actions */}
+      <div className="flex items-center justify-between pt-4 border-t">
+        <div className="text-sm text-muted-foreground">
+          {hasChanges ? (
+            <span className="text-green-600 dark:text-green-400 flex items-center gap-1.5">
+              <span className="h-2 w-2 rounded-full bg-green-500" />
+              {t("changesDetected")}
+            </span>
+          ) : (
+            <span>{t("noChangesYet")}</span>
+          )}
+        </div>
+        <div className="flex gap-2">
+          <Button 
+            type="button" 
+            variant="outline"
+            onClick={() => router.back()}
+            disabled={isLoading}
+          >
+            {tCommon("cancel")}
+          </Button>
+          <Button 
+            type="submit"
+            disabled={isLoading || !hasChanges}
+          >
+            {isLoading && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
+            {t("submit")}
+          </Button>
+        </div>
+      </div>
+    </form>
+  );
+}
diff --git a/src/components/prompts/copy-button.tsx b/src/components/prompts/copy-button.tsx
new file mode 100644
index 00000000..876f40ba
--- /dev/null
+++ b/src/components/prompts/copy-button.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import { useState } from "react";
+import { useTranslations } from "next-intl";
+import { Copy, Check } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { toast } from "sonner";
+
+interface CopyButtonProps {
+  content: string;
+}
+
+export function CopyButton({ content }: CopyButtonProps) {
+  const t = useTranslations("common");
+  const [copied, setCopied] = useState(false);
+
+  const copyToClipboard = async () => {
+    try {
+      await navigator.clipboard.writeText(content);
+      setCopied(true);
+      toast.success(t("copied"));
+      setTimeout(() => setCopied(false), 2000);
+    } catch {
+      toast.error(t("failedToCopy"));
+    }
+  };
+
+  return (
+    <Button variant="ghost" size="sm" onClick={copyToClipboard}>
+      {copied ? (
+        <Check className="h-4 w-4 text-green-500" />
+      ) : (
+        <Copy className="h-4 w-4" />
+      )}
+    </Button>
+  );
+}
diff --git a/src/components/prompts/delete-version-button.tsx b/src/components/prompts/delete-version-button.tsx
new file mode 100644
index 00000000..ebd3f5b6
--- /dev/null
+++ b/src/components/prompts/delete-version-button.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { Trash2, Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@/components/ui/alert-dialog";
+import { toast } from "sonner";
+
+interface DeleteVersionButtonProps {
+  promptId: string;
+  versionId: string;
+  versionNumber: number;
+}
+
+export function DeleteVersionButton({ promptId, versionId, versionNumber }: DeleteVersionButtonProps) {
+  const router = useRouter();
+  const t = useTranslations("version");
+  const tCommon = useTranslations("common");
+  const [isLoading, setIsLoading] = useState(false);
+  const [open, setOpen] = useState(false);
+
+  const handleDelete = async () => {
+    setIsLoading(true);
+
+    try {
+      const response = await fetch(`/api/prompts/${promptId}/versions/${versionId}`, {
+        method: "DELETE",
+      });
+
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.message || "Failed to delete version");
+      }
+
+      toast.success(t("versionDeleted"));
+      setOpen(false);
+      router.refresh();
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : tCommon("somethingWentWrong"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <AlertDialog open={open} onOpenChange={setOpen}>
+      <AlertDialogTrigger asChild>
+        <Button variant="ghost" size="icon" className="h-7 w-7 text-muted-foreground hover:text-destructive">
+          <Trash2 className="h-4 w-4" />
+        </Button>
+      </AlertDialogTrigger>
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>{t("deleteVersion")}</AlertDialogTitle>
+          <AlertDialogDescription>
+            {t("confirmDeleteVersion", { version: versionNumber })}
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel disabled={isLoading}>{tCommon("cancel")}</AlertDialogCancel>
+          <AlertDialogAction
+            onClick={handleDelete}
+            disabled={isLoading}
+            className="bg-red-500 text-white hover:bg-red-600"
+          >
+            {isLoading && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
+            {tCommon("delete")}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+}
diff --git a/src/components/prompts/infinite-prompt-list.tsx b/src/components/prompts/infinite-prompt-list.tsx
new file mode 100644
index 00000000..2663a485
--- /dev/null
+++ b/src/components/prompts/infinite-prompt-list.tsx
@@ -0,0 +1,127 @@
+"use client";
+
+import { useEffect, useRef, useState, useCallback } from "react";
+import { useTranslations } from "next-intl";
+import { Loader2, SearchX } from "lucide-react";
+import { PromptCard, type PromptCardProps } from "./prompt-card";
+
+interface InfinitePromptListProps {
+  initialPrompts: PromptCardProps["prompt"][];
+  initialTotal: number;
+  filters: {
+    q?: string;
+    type?: string;
+    category?: string;
+    tag?: string;
+    sort?: string;
+  };
+}
+
+export function InfinitePromptList({ 
+  initialPrompts, 
+  initialTotal,
+  filters 
+}: InfinitePromptListProps) {
+  const t = useTranslations("prompts");
+  const [prompts, setPrompts] = useState(initialPrompts);
+  const [page, setPage] = useState(1);
+  const [isLoading, setIsLoading] = useState(false);
+  const [hasMore, setHasMore] = useState(initialPrompts.length < initialTotal);
+  const loaderRef = useRef<HTMLDivElement>(null);
+
+  // Reset when filters change
+  useEffect(() => {
+    setPrompts(initialPrompts);
+    setPage(1);
+    setHasMore(initialPrompts.length < initialTotal);
+  }, [initialPrompts, initialTotal]);
+
+  const loadMore = useCallback(async () => {
+    if (isLoading || !hasMore) return;
+
+    setIsLoading(true);
+    try {
+      const nextPage = page + 1;
+      const params = new URLSearchParams();
+      params.set("page", nextPage.toString());
+      if (filters.q) params.set("q", filters.q);
+      if (filters.type) params.set("type", filters.type);
+      if (filters.category) params.set("category", filters.category);
+      if (filters.tag) params.set("tag", filters.tag);
+      if (filters.sort) params.set("sort", filters.sort);
+
+      const response = await fetch(`/api/prompts?${params.toString()}`);
+      if (!response.ok) throw new Error("Failed to fetch");
+
+      const data = await response.json();
+      
+      // Deduplicate by ID to prevent duplicate key errors
+      setPrompts((prev) => {
+        const existingIds = new Set(prev.map((p) => p.id));
+        const newPrompts = data.prompts.filter((p: { id: string }) => !existingIds.has(p.id));
+        return [...prev, ...newPrompts];
+      });
+      setPage(nextPage);
+      setHasMore(data.prompts.length > 0 && prompts.length + data.prompts.length < data.total);
+    } catch (error) {
+      console.error("Failed to load more prompts:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [isLoading, hasMore, page, filters, prompts.length]);
+
+  // Intersection Observer for infinite scroll
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries[0].isIntersecting && hasMore && !isLoading) {
+          loadMore();
+        }
+      },
+      { threshold: 0.1, rootMargin: "100px" }
+    );
+
+    if (loaderRef.current) {
+      observer.observe(loaderRef.current);
+    }
+
+    return () => observer.disconnect();
+  }, [loadMore, hasMore, isLoading]);
+
+  if (prompts.length === 0) {
+    return (
+      <div className="flex flex-col items-center justify-center py-16 text-center">
+        <div className="rounded-full bg-muted p-4 mb-4">
+          <SearchX className="h-8 w-8 text-muted-foreground" />
+        </div>
+        <h3 className="text-lg font-medium mb-1">{t("noPrompts")}</h3>
+        <p className="text-sm text-muted-foreground max-w-sm">
+          {t("noPromptsDescription")}
+        </p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 auto-rows-fr">
+        {prompts.map((prompt) => (
+          <PromptCard key={prompt.id} prompt={prompt} />
+        ))}
+      </div>
+
+      {/* Loader / End indicator */}
+      <div ref={loaderRef} className="flex items-center justify-center py-4">
+        {isLoading && (
+          <div className="flex items-center gap-2 text-sm text-muted-foreground">
+            <Loader2 className="h-4 w-4 animate-spin" />
+            {t("loading")}
+          </div>
+        )}
+        {!hasMore && prompts.length > 0 && (
+          <p className="text-xs text-muted-foreground">{t("noMorePrompts")}</p>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/prompts/pin-button.tsx b/src/components/prompts/pin-button.tsx
new file mode 100644
index 00000000..7a7d70fa
--- /dev/null
+++ b/src/components/prompts/pin-button.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import { useState } from "react";
+import { useTranslations } from "next-intl";
+import { Pin, Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { toast } from "sonner";
+
+interface PinButtonProps {
+  promptId: string;
+  initialPinned: boolean;
+  iconOnly?: boolean;
+}
+
+export function PinButton({ promptId, initialPinned, iconOnly = false }: PinButtonProps) {
+  const t = useTranslations("prompts");
+  const [isPinned, setIsPinned] = useState(initialPinned);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleToggle = async () => {
+    setIsLoading(true);
+    try {
+      const response = await fetch(`/api/prompts/${promptId}/pin`, {
+        method: isPinned ? "DELETE" : "POST",
+      });
+
+      const data = await response.json();
+
+      if (!response.ok) {
+        toast.error(data.error || t("pinFailed"));
+        return;
+      }
+
+      setIsPinned(data.pinned);
+      toast.success(data.pinned ? t("pinned") : t("unpinned"));
+    } catch {
+      toast.error(t("pinFailed"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  if (iconOnly) {
+    return (
+      <Button
+        variant="ghost"
+        size="icon"
+        className={`h-7 w-7 ${isPinned ? "text-primary" : "text-muted-foreground hover:text-foreground"}`}
+        onClick={handleToggle}
+        disabled={isLoading}
+        title={isPinned ? t("unpin") : t("pin")}
+      >
+        {isLoading ? (
+          <Loader2 className="h-3.5 w-3.5 animate-spin" />
+        ) : (
+          <Pin className={`h-3.5 w-3.5 ${isPinned ? "fill-current" : ""}`} />
+        )}
+      </Button>
+    );
+  }
+
+  return (
+    <Button
+      variant={isPinned ? "secondary" : "outline"}
+      size="sm"
+      onClick={handleToggle}
+      disabled={isLoading}
+    >
+      {isLoading ? (
+        <Loader2 className="h-4 w-4 mr-2 animate-spin" />
+      ) : (
+        <Pin className={`h-4 w-4 mr-2 ${isPinned ? "fill-current" : ""}`} />
+      )}
+      {isPinned ? t("unpin") : t("pin")}
+    </Button>
+  );
+}
diff --git a/src/components/prompts/prompt-card.tsx b/src/components/prompts/prompt-card.tsx
new file mode 100644
index 00000000..91c038d4
--- /dev/null
+++ b/src/components/prompts/prompt-card.tsx
@@ -0,0 +1,183 @@
+"use client";
+
+import Link from "next/link";
+import Image from "next/image";
+import { useTranslations, useLocale } from "next-intl";
+import { formatDistanceToNow } from "@/lib/date";
+import { ArrowBigUp, Lock, Copy, ImageIcon, Pin } from "lucide-react";
+import { Badge } from "@/components/ui/badge";
+import { CodeView } from "@/components/ui/code-view";
+import { toast } from "sonner";
+import { RunPromptButton } from "@/components/prompts/run-prompt-button";
+import { PinButton } from "@/components/prompts/pin-button";
+
+export interface PromptCardProps {
+  prompt: {
+    id: string;
+    title: string;
+    description: string | null;
+    content: string;
+    type: string;
+    structuredFormat?: string | null;
+    mediaUrl: string | null;
+    isPrivate: boolean;
+    voteCount: number;
+    createdAt: Date;
+    author: {
+      id: string;
+      name: string | null;
+      username: string;
+      avatar: string | null;
+    };
+    contributorCount?: number;
+    category: {
+      id: string;
+      name: string;
+      slug: string;
+    } | null;
+    tags: Array<{
+      tag: {
+        id: string;
+        name: string;
+        slug: string;
+        color: string;
+      };
+    }>;
+  };
+  showPinButton?: boolean;
+  isPinned?: boolean;
+}
+
+export function PromptCard({ prompt, showPinButton = false, isPinned = false }: PromptCardProps) {
+  const t = useTranslations("prompts");
+  const tCommon = useTranslations("common");
+  const locale = useLocale();
+
+  const hasMediaBackground = prompt.type === "IMAGE" || (prompt.type === "STRUCTURED" && !!prompt.mediaUrl);
+
+  const copyToClipboard = async (content: string) => {
+    await navigator.clipboard.writeText(content);
+    toast.success(tCommon("copiedToClipboard"));
+  };
+
+  return (
+    <div 
+      className={`group border rounded-[var(--radius)] overflow-hidden hover:border-foreground/20 transition-colors flex flex-col ${hasMediaBackground ? "" : "p-4"}`}
+    >
+      {/* Image Background for IMAGE type or STRUCTURED with media */}
+      {hasMediaBackground && (
+        <div className="relative h-32 bg-muted">
+          {prompt.mediaUrl ? (
+            <Image
+              src={prompt.mediaUrl}
+              alt={prompt.title}
+              fill
+              className="object-cover"
+              unoptimized
+            />
+          ) : (
+            <div className="absolute inset-0 flex items-center justify-center">
+              <ImageIcon className="h-8 w-8 text-muted-foreground/30" />
+            </div>
+          )}
+          <div className="absolute inset-0 bg-gradient-to-t from-background via-background/60 to-transparent" />
+          {/* Badges overlay */}
+          <div className="absolute top-2 right-2 flex items-center gap-1.5">
+            {prompt.isPrivate && <Lock className="h-3 w-3 text-white drop-shadow" />}
+            <Badge variant="secondary" className="text-[10px] bg-background/80 backdrop-blur-sm">
+              {t(`types.${prompt.type.toLowerCase()}`)}
+            </Badge>
+          </div>
+        </div>
+      )}
+
+      <div className={hasMediaBackground ? "p-3 flex-1 flex flex-col" : "flex-1 flex flex-col"}>
+        {/* Header */}
+        <div className="flex items-start justify-between gap-2 mb-2">
+          <Link href={`/prompts/${prompt.id}`} className="font-medium text-sm hover:underline line-clamp-1 flex-1">
+            {prompt.title}
+          </Link>
+          {!hasMediaBackground && (
+            <div className="flex items-center gap-1.5 shrink-0">
+              {prompt.isPrivate && <Lock className="h-3 w-3 text-muted-foreground" />}
+              <Badge variant="outline" className="text-[10px]">
+                {t(`types.${prompt.type.toLowerCase()}`)}
+              </Badge>
+            </div>
+          )}
+        </div>
+
+        {/* Description */}
+        {prompt.description && (
+          <p className="text-xs text-muted-foreground line-clamp-2 mb-2">{prompt.description}</p>
+        )}
+
+        {/* Content Preview - smaller for image prompts */}
+        <div className="relative flex-1 mb-3 min-h-0">
+          {prompt.type === "STRUCTURED" ? (
+            <CodeView 
+              content={prompt.content} 
+              language={(prompt.structuredFormat?.toLowerCase() as "json" | "yaml") || "json"}
+              maxLines={hasMediaBackground ? 3 : 10}
+              fontSize="xs"
+            />
+          ) : (
+            <pre className={`text-xs text-muted-foreground bg-muted p-2 rounded overflow-hidden font-mono h-full whitespace-pre-wrap break-words ${hasMediaBackground ? "line-clamp-2" : "line-clamp-4"}`}>
+              {prompt.content}
+            </pre>
+          )}
+          <div className="absolute top-1.5 right-1.5 flex items-center gap-1 opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity">
+            {showPinButton && (
+              <PinButton promptId={prompt.id} initialPinned={isPinned} iconOnly />
+            )}
+            <button
+              onClick={() => copyToClipboard(prompt.content)}
+              className="p-1 rounded bg-background/80 border hover:bg-accent"
+            >
+              <Copy className="h-3 w-3" />
+            </button>
+            <RunPromptButton 
+              content={prompt.content} 
+              size="icon" 
+              variant="outline" 
+              className="h-6 w-6 bg-background/80 [&_svg]:h-3 [&_svg]:w-3" 
+            />
+          </div>
+        </div>
+
+        {/* Tags */}
+        {prompt.tags.length > 0 && (
+          <div className="flex flex-wrap gap-1 mb-3">
+            {prompt.tags.slice(0, 3).map(({ tag }) => (
+              <Link 
+                key={tag.id}
+                href={`/tags/${tag.slug}`}
+                className="px-1.5 py-0.5 rounded text-[10px] hover:opacity-80 transition-opacity" 
+                style={{ backgroundColor: tag.color + "15", color: tag.color }}
+              >
+                {tag.name}
+              </Link>
+            ))}
+            {prompt.tags.length > 3 && (
+              <span className="text-[10px] text-muted-foreground">+{prompt.tags.length - 3}</span>
+            )}
+          </div>
+        )}
+
+        {/* Footer */}
+        <div className="flex items-center justify-between text-[11px] text-muted-foreground pt-2 border-t mt-auto">
+          <Link href={`/@${prompt.author.username}`} className="hover:text-foreground">
+            @{prompt.author.username}{prompt.contributorCount ? ` +${prompt.contributorCount}` : ""}
+          </Link>
+          <div className="flex items-center gap-2">
+            <span className="flex items-center gap-0.5">
+              <ArrowBigUp className="h-3.5 w-3.5" />
+              {prompt.voteCount}
+            </span>
+            <span>{formatDistanceToNow(prompt.createdAt, locale)}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/prompts/prompt-filters.tsx b/src/components/prompts/prompt-filters.tsx
new file mode 100644
index 00000000..fe1f44e7
--- /dev/null
+++ b/src/components/prompts/prompt-filters.tsx
@@ -0,0 +1,190 @@
+"use client";
+
+import { useRouter, useSearchParams } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { Label } from "@/components/ui/label";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Button } from "@/components/ui/button";
+import { X } from "lucide-react";
+
+interface PromptFiltersProps {
+  categories: Array<{
+    id: string;
+    name: string;
+    slug: string;
+    parentId: string | null;
+  }>;
+  tags: Array<{
+    id: string;
+    name: string;
+    slug: string;
+    color: string;
+  }>;
+  currentFilters: {
+    q?: string;
+    type?: string;
+    category?: string;
+    tag?: string;
+    sort?: string;
+  };
+}
+
+const promptTypes = ["TEXT", "STRUCTURED", "IMAGE", "VIDEO", "AUDIO"];
+
+export function PromptFilters({ categories, tags, currentFilters }: PromptFiltersProps) {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const t = useTranslations();
+
+  const updateFilter = (key: string, value: string | null) => {
+    const params = new URLSearchParams(searchParams.toString());
+    if (value) {
+      params.set(key, value);
+    } else {
+      params.delete(key);
+    }
+    params.delete("page");
+    router.push(`/prompts?${params.toString()}`);
+  };
+
+  const clearFilters = () => {
+    router.push("/prompts");
+  };
+
+  const hasFilters = currentFilters.q || currentFilters.type || currentFilters.category || currentFilters.tag || currentFilters.sort;
+
+  return (
+    <div className="space-y-4 p-4 border rounded-lg text-sm">
+      <div className="flex items-center justify-between h-6">
+        <span className="font-medium text-xs uppercase text-muted-foreground">{t("search.filters")}</span>
+        <Button 
+          variant="ghost" 
+          size="sm" 
+          className={`h-6 text-xs px-2 ${hasFilters ? "visible" : "invisible"}`} 
+          onClick={clearFilters}
+        >
+          <X className="h-3 w-3 mr-1" />{t("search.clear")}
+        </Button>
+      </div>
+
+      {/* Search */}
+      <div className="space-y-1.5">
+        <Label className="text-xs">{t("search.search")}</Label>
+        <Input
+          placeholder={t("search.placeholder")}
+          className="h-8 text-sm"
+          defaultValue={currentFilters.q}
+          onChange={(e) => {
+            const timeout = setTimeout(() => {
+              updateFilter("q", e.target.value || null);
+            }, 300);
+            return () => clearTimeout(timeout);
+          }}
+        />
+      </div>
+
+      {/* Type filter */}
+      <div className="space-y-1.5">
+        <Label className="text-xs">{t("prompts.promptType")}</Label>
+        <Select
+          value={currentFilters.type || "all"}
+          onValueChange={(value) => updateFilter("type", value === "all" ? null : value)}
+        >
+          <SelectTrigger className="h-8 text-sm w-full">
+            <SelectValue placeholder={t("common.all")} />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">{t("common.all")}</SelectItem>
+            {promptTypes.map((type) => (
+              <SelectItem key={type} value={type}>{t(`prompts.types.${type.toLowerCase()}`)}</SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+      </div>
+
+      {/* Category filter */}
+      {categories.length > 0 && (
+        <div className="space-y-1.5">
+          <Label className="text-xs">{t("prompts.promptCategory")}</Label>
+          <Select
+            value={currentFilters.category || "all"}
+            onValueChange={(value) => updateFilter("category", value === "all" ? null : value)}
+          >
+            <SelectTrigger className="h-8 text-sm w-full">
+              <SelectValue placeholder={t("common.all")} />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="all">{t("common.all")}</SelectItem>
+              {/* Parent categories */}
+              {categories
+                .filter((c) => c.id && !c.parentId)
+                .map((parent) => (
+                  <div key={parent.id}>
+                    <SelectItem value={parent.id} className="font-medium">
+                      {parent.name}
+                    </SelectItem>
+                    {/* Child categories */}
+                    {categories
+                      .filter((c) => c.parentId === parent.id)
+                      .map((child) => (
+                        <SelectItem key={child.id} value={child.id} className="pl-6 text-muted-foreground">
+                          ↳ {child.name}
+                        </SelectItem>
+                      ))}
+                  </div>
+                ))}
+            </SelectContent>
+          </Select>
+        </div>
+      )}
+
+      {/* Sort */}
+      <div className="space-y-1.5">
+        <Label className="text-xs">{t("search.sortBy")}</Label>
+        <Select
+          value={currentFilters.sort || "newest"}
+          onValueChange={(value) => updateFilter("sort", value === "newest" ? null : value)}
+        >
+          <SelectTrigger className="h-8 text-sm w-full">
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="newest">{t("search.newest")}</SelectItem>
+            <SelectItem value="oldest">{t("search.oldest")}</SelectItem>
+            <SelectItem value="upvotes">{t("search.mostUpvoted")}</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+
+      {/* Tags */}
+      {tags.length > 0 && (
+        <div className="space-y-1.5">
+          <Label className="text-xs">{t("prompts.promptTags")}</Label>
+          <div className="flex flex-wrap gap-1">
+            {tags.filter((t) => t.id && t.slug).slice(0, 8).map((tag) => (
+              <button
+                key={tag.id}
+                className="px-2 py-0.5 text-[11px] rounded border transition-colors"
+                style={
+                  currentFilters.tag === tag.slug
+                    ? { backgroundColor: tag.color, color: "white", borderColor: tag.color }
+                    : { borderColor: tag.color + "40", color: tag.color }
+                }
+                onClick={() => updateFilter("tag", currentFilters.tag === tag.slug ? null : tag.slug)}
+              >
+                {tag.name}
+              </button>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/prompts/prompt-form.tsx b/src/components/prompts/prompt-form.tsx
new file mode 100644
index 00000000..bcb16391
--- /dev/null
+++ b/src/components/prompts/prompt-form.tsx
@@ -0,0 +1,455 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Switch } from "@/components/ui/switch";
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Badge } from "@/components/ui/badge";
+import { CodeEditor } from "@/components/ui/code-editor";
+import { toast } from "sonner";
+
+const createPromptSchema = (t: (key: string) => string) => z.object({
+  title: z.string().min(1, t("titleRequired")).max(200),
+  description: z.string().max(500).optional(),
+  content: z.string().min(1, t("contentRequired")),
+  type: z.enum(["TEXT", "IMAGE", "VIDEO", "AUDIO", "STRUCTURED"]),
+  structuredFormat: z.enum(["JSON", "YAML"]).optional(),
+  categoryId: z.string().optional(),
+  tagIds: z.array(z.string()),
+  isPrivate: z.boolean(),
+  mediaUrl: z.string().url().optional().or(z.literal("")),
+  requiresMediaUpload: z.boolean(),
+  requiredMediaType: z.enum(["IMAGE", "VIDEO", "DOCUMENT"]).optional(),
+  requiredMediaCount: z.coerce.number().int().min(1).max(10).optional(),
+});
+
+type PromptFormValues = z.infer<ReturnType<typeof createPromptSchema>>;
+
+interface PromptFormProps {
+  categories: Array<{
+    id: string;
+    name: string;
+    slug: string;
+    parentId: string | null;
+  }>;
+  tags: Array<{
+    id: string;
+    name: string;
+    slug: string;
+    color: string;
+  }>;
+  initialData?: Partial<PromptFormValues>;
+  promptId?: string;
+  mode?: "create" | "edit";
+}
+
+export function PromptForm({ categories, tags, initialData, promptId, mode = "create" }: PromptFormProps) {
+  const router = useRouter();
+  const t = useTranslations("prompts");
+  const tCommon = useTranslations("common");
+  const [isLoading, setIsLoading] = useState(false);
+
+  const promptSchema = createPromptSchema(t);
+  const form = useForm<PromptFormValues>({
+    resolver: zodResolver(promptSchema),
+    defaultValues: {
+      title: initialData?.title || "",
+      description: initialData?.description || "",
+      content: initialData?.content || "",
+      type: initialData?.type || "TEXT",
+      structuredFormat: initialData?.structuredFormat || "JSON",
+      categoryId: initialData?.categoryId || "",
+      tagIds: initialData?.tagIds || [],
+      isPrivate: initialData?.isPrivate || false,
+      mediaUrl: initialData?.mediaUrl || "",
+      requiresMediaUpload: initialData?.requiresMediaUpload || false,
+      requiredMediaType: initialData?.requiredMediaType || "IMAGE",
+      requiredMediaCount: initialData?.requiredMediaCount || 1,
+    },
+  });
+
+  const selectedTags = form.watch("tagIds");
+  const promptType = form.watch("type");
+  const structuredFormat = form.watch("structuredFormat");
+  const requiresMediaUpload = form.watch("requiresMediaUpload");
+
+  async function onSubmit(data: PromptFormValues) {
+    setIsLoading(true);
+
+    try {
+      const isEdit = mode === "edit" && promptId;
+      const url = isEdit ? `/api/prompts/${promptId}` : "/api/prompts";
+      const method = isEdit ? "PATCH" : "POST";
+
+      const response = await fetch(url, {
+        method,
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(data),
+      });
+
+      if (!response.ok) {
+        throw new Error("Failed to save prompt");
+      }
+
+      const result = await response.json();
+      toast.success(isEdit ? t("promptUpdated") : t("promptCreated"));
+      router.push(`/prompts/${result.id || promptId}`);
+      router.refresh();
+    } catch {
+      toast.error(tCommon("somethingWentWrong"));
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  const toggleTag = (tagId: string) => {
+    const current = form.getValues("tagIds");
+    if (current.includes(tagId)) {
+      form.setValue("tagIds", current.filter((id) => id !== tagId));
+    } else {
+      form.setValue("tagIds", [...current, tagId]);
+    }
+  };
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+        <FormField
+          control={form.control}
+          name="title"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t("promptTitle")}</FormLabel>
+              <FormControl>
+                <Input placeholder={t("titlePlaceholder")} {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <FormField
+          control={form.control}
+          name="description"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t("promptDescription")}</FormLabel>
+              <FormControl>
+                <Textarea
+                  placeholder={t("descriptionPlaceholder")}
+                  className="resize-none"
+                  rows={2}
+                  {...field}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <FormField
+          control={form.control}
+          name="content"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>
+                {promptType === "STRUCTURED" 
+                  ? `${t("promptContent")} (${structuredFormat})` 
+                  : t("promptContent")}
+              </FormLabel>
+              <FormControl>
+                {promptType === "STRUCTURED" ? (
+                  <CodeEditor
+                    value={field.value}
+                    onChange={field.onChange}
+                    language={structuredFormat?.toLowerCase() as "json" | "yaml" || "json"}
+                    placeholder={
+                      structuredFormat === "JSON"
+                        ? '{\n  "name": "My Workflow",\n  "steps": []\n}'
+                        : 'name: My Workflow\nsteps:\n  - step: first\n    prompt: "..."'
+                    }
+                    minHeight="350px"
+                  />
+                ) : (
+                  <Textarea
+                    placeholder={t("contentPlaceholder")}
+                    className="min-h-[200px] font-mono"
+                    {...field}
+                  />
+                )}
+              </FormControl>
+              {promptType === "STRUCTURED" && (
+                <FormDescription>
+                  {t("structuredContentDescription")}
+                </FormDescription>
+              )}
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <div className={`grid gap-4 ${promptType === "STRUCTURED" ? "grid-cols-3" : "grid-cols-2"}`}>
+          <FormField
+            control={form.control}
+            name="type"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t("promptType")}</FormLabel>
+                <Select onValueChange={field.onChange} defaultValue={field.value}>
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    <SelectItem value="TEXT">{t("types.text")}</SelectItem>
+                    <SelectItem value="STRUCTURED">{t("types.structured")}</SelectItem>
+                    <SelectItem value="IMAGE">{t("types.image")}</SelectItem>
+                    <SelectItem value="VIDEO">{t("types.video")}</SelectItem>
+                    <SelectItem value="AUDIO">{t("types.audio")}</SelectItem>
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          {promptType === "STRUCTURED" && (
+            <FormField
+              control={form.control}
+              name="structuredFormat"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("structuredFormat")}</FormLabel>
+                  <Select onValueChange={field.onChange} defaultValue={field.value}>
+                    <FormControl>
+                      <SelectTrigger>
+                        <SelectValue />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      <SelectItem value="JSON">JSON</SelectItem>
+                      <SelectItem value="YAML">YAML</SelectItem>
+                    </SelectContent>
+                  </Select>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          )}
+
+          <FormField
+            control={form.control}
+            name="categoryId"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t("promptCategory")}</FormLabel>
+                <Select 
+                  onValueChange={(value) => field.onChange(value === "__none__" ? undefined : value)} 
+                  defaultValue={field.value || "__none__"}
+                >
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue placeholder={t("selectCategory")} />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    <SelectItem value="__none__">{t("noCategory")}</SelectItem>
+                    {/* Parent categories */}
+                    {categories
+                      .filter((c) => c.id && !c.parentId)
+                      .map((parent) => (
+                        <div key={parent.id}>
+                          <SelectItem value={parent.id} className="font-medium">
+                            {parent.name}
+                          </SelectItem>
+                          {/* Child categories */}
+                          {categories
+                            .filter((c) => c.parentId === parent.id)
+                            .map((child) => (
+                              <SelectItem key={child.id} value={child.id} className="pl-6 text-muted-foreground">
+                                ↳ {child.name}
+                              </SelectItem>
+                            ))}
+                        </div>
+                      ))}
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+        </div>
+
+        {(promptType === "IMAGE" || promptType === "VIDEO" || promptType === "AUDIO" || promptType === "STRUCTURED") && (
+          <FormField
+            control={form.control}
+            name="mediaUrl"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>{t("mediaUrl")}</FormLabel>
+                <FormControl>
+                  <Input placeholder={t("mediaUrlPlaceholder")} {...field} />
+                </FormControl>
+                <FormDescription>
+                  {t("mediaUrlDescription")}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+        )}
+
+        <FormField
+          control={form.control}
+          name="tagIds"
+          render={() => (
+            <FormItem>
+              <FormLabel>{t("promptTags")}</FormLabel>
+              <div className="flex flex-wrap gap-2">
+                {tags.map((tag) => (
+                  <Badge
+                    key={tag.id}
+                    variant={selectedTags.includes(tag.id) ? "default" : "outline"}
+                    className="cursor-pointer"
+                    style={
+                      selectedTags.includes(tag.id)
+                        ? { backgroundColor: tag.color, color: "white" }
+                        : {}
+                    }
+                    onClick={() => toggleTag(tag.id)}
+                  >
+                    {tag.name}
+                  </Badge>
+                ))}
+              </div>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <FormField
+          control={form.control}
+          name="isPrivate"
+          render={({ field }) => (
+            <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
+              <div className="space-y-0.5">
+                <FormLabel className="text-base">{t("promptPrivate")}</FormLabel>
+                <FormDescription>
+                  {t("privateDescription")}
+                </FormDescription>
+              </div>
+              <FormControl>
+                <Switch
+                  checked={field.value}
+                  onCheckedChange={field.onChange}
+                />
+              </FormControl>
+            </FormItem>
+          )}
+        />
+
+        <FormField
+          control={form.control}
+          name="requiresMediaUpload"
+          render={({ field }) => (
+            <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
+              <div className="space-y-0.5">
+                <FormLabel className="text-base">{t("requiresMediaUpload")}</FormLabel>
+                <FormDescription>
+                  {t("requiresMediaUploadDescription")}
+                </FormDescription>
+              </div>
+              <FormControl>
+                <Switch
+                  checked={field.value}
+                  onCheckedChange={field.onChange}
+                />
+              </FormControl>
+            </FormItem>
+          )}
+        />
+
+        {requiresMediaUpload && (
+          <div className="grid grid-cols-2 gap-4">
+            <FormField
+              control={form.control}
+              name="requiredMediaType"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("requiredMediaType")}</FormLabel>
+                  <Select onValueChange={field.onChange} defaultValue={field.value}>
+                    <FormControl>
+                      <SelectTrigger>
+                        <SelectValue />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      <SelectItem value="IMAGE">{t("types.image")}</SelectItem>
+                      <SelectItem value="VIDEO">{t("types.video")}</SelectItem>
+                      <SelectItem value="DOCUMENT">{t("types.document")}</SelectItem>
+                    </SelectContent>
+                  </Select>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="requiredMediaCount"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("requiredMediaCount")}</FormLabel>
+                  <FormControl>
+                    <Input 
+                      type="number" 
+                      min={1} 
+                      max={10} 
+                      {...field}
+                      onChange={(e) => field.onChange(parseInt(e.target.value) || 1)}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+        )}
+
+        <div className="flex justify-end gap-4">
+          <Button type="button" variant="outline" onClick={() => router.back()}>
+            {tCommon("cancel")}
+          </Button>
+          <Button type="submit" disabled={isLoading}>
+            {isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+            {mode === "edit" ? t("update") : t("createButton")} Prompt
+          </Button>
+        </div>
+      </form>
+    </Form>
+  );
+}
diff --git a/src/components/prompts/prompt-list.tsx b/src/components/prompts/prompt-list.tsx
new file mode 100644
index 00000000..6adf4f42
--- /dev/null
+++ b/src/components/prompts/prompt-list.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import Link from "next/link";
+import { useTranslations } from "next-intl";
+import { SearchX } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { PromptCard, type PromptCardProps } from "@/components/prompts/prompt-card";
+
+export interface PromptListProps {
+  prompts: PromptCardProps["prompt"][];
+  currentPage: number;
+  totalPages: number;
+  pinnedIds?: Set<string>;
+  showPinButton?: boolean;
+}
+
+export function PromptList({ prompts, currentPage, totalPages, pinnedIds, showPinButton = false }: PromptListProps) {
+  const t = useTranslations("prompts");
+
+  if (prompts.length === 0) {
+    return (
+      <div className="flex flex-col items-center justify-center py-16 text-center">
+        <div className="rounded-full bg-muted p-4 mb-4">
+          <SearchX className="h-8 w-8 text-muted-foreground" />
+        </div>
+        <h3 className="text-lg font-medium mb-1">{t("noPrompts")}</h3>
+        <p className="text-sm text-muted-foreground max-w-sm">
+          {t("noPromptsDescription")}
+        </p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 auto-rows-fr">
+        {prompts.map((prompt) => (
+          <PromptCard 
+            key={prompt.id} 
+            prompt={prompt} 
+            showPinButton={showPinButton}
+            isPinned={pinnedIds?.has(prompt.id) ?? false}
+          />
+        ))}
+      </div>
+
+      {/* Pagination */}
+      {totalPages > 1 && (
+        <div className="flex items-center justify-center gap-2 pt-4">
+          <Button variant="outline" size="sm" className="h-7 text-xs" disabled={currentPage <= 1} asChild={currentPage > 1}>
+            {currentPage > 1 ? <Link href={`?page=${currentPage - 1}`}>Previous</Link> : <span>Previous</span>}
+          </Button>
+          <span className="text-xs text-muted-foreground">{currentPage} / {totalPages}</span>
+          <Button variant="outline" size="sm" className="h-7 text-xs" disabled={currentPage >= totalPages} asChild={currentPage < totalPages}>
+            {currentPage < totalPages ? <Link href={`?page=${currentPage + 1}`}>Next</Link> : <span>Next</span>}
+          </Button>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/prompts/reopen-change-request-button.tsx b/src/components/prompts/reopen-change-request-button.tsx
new file mode 100644
index 00000000..bdab9220
--- /dev/null
+++ b/src/components/prompts/reopen-change-request-button.tsx
@@ -0,0 +1,59 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { RotateCcw, Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { toast } from "sonner";
+
+interface ReopenChangeRequestButtonProps {
+  changeRequestId: string;
+  promptId: string;
+}
+
+export function ReopenChangeRequestButton({ changeRequestId, promptId }: ReopenChangeRequestButtonProps) {
+  const router = useRouter();
+  const t = useTranslations("changeRequests");
+  const tCommon = useTranslations("common");
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleReopen = async () => {
+    setIsLoading(true);
+
+    try {
+      const response = await fetch(`/api/prompts/${promptId}/changes/${changeRequestId}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ status: "PENDING" }),
+      });
+
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.message || "Failed to reopen change request");
+      }
+
+      toast.success(t("reopenedSuccess"));
+      router.refresh();
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : tCommon("somethingWentWrong"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <Button
+      onClick={handleReopen}
+      disabled={isLoading}
+      variant="outline"
+    >
+      {isLoading ? (
+        <Loader2 className="h-4 w-4 mr-2 animate-spin" />
+      ) : (
+        <RotateCcw className="h-4 w-4 mr-2" />
+      )}
+      {t("reopen")}
+    </Button>
+  );
+}
diff --git a/src/components/prompts/run-prompt-button.tsx b/src/components/prompts/run-prompt-button.tsx
new file mode 100644
index 00000000..47a001b2
--- /dev/null
+++ b/src/components/prompts/run-prompt-button.tsx
@@ -0,0 +1,120 @@
+"use client";
+
+import { Play } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+interface Platform {
+  id: string;
+  name: string;
+  baseUrl: string;
+  subOptions?: { name: string; baseUrl: string }[];
+}
+
+const platforms: Platform[] = [
+  { id: "chatgpt", name: "ChatGPT", baseUrl: "https://chat.openai.com" },
+  { id: "claude", name: "Claude", baseUrl: "https://claude.ai/new" },
+  { id: "gemini", name: "Gemini", baseUrl: "https://gemini.google.com" },
+  {
+    id: "grok",
+    name: "Grok",
+    baseUrl: "https://grok.com/chat?reasoningMode=none",
+    subOptions: [
+      { name: "Grok", baseUrl: "https://grok.com/chat?reasoningMode=none" },
+      { name: "Grok Deep Search", baseUrl: "https://grok.com/chat?reasoningMode=deepsearch" },
+      { name: "Grok Think", baseUrl: "https://grok.com/chat?reasoningMode=think" },
+    ],
+  },
+  { id: "perplexity", name: "Perplexity", baseUrl: "https://perplexity.ai" },
+  { id: "mistral", name: "Mistral", baseUrl: "https://chat.mistral.ai/chat" },
+  { id: "github-copilot", name: "GitHub Copilot", baseUrl: "https://github.com/copilot" },
+  { id: "llama", name: "Meta AI", baseUrl: "https://meta.ai" },
+];
+
+function buildUrl(platformId: string, baseUrl: string, promptText: string): string {
+  const encoded = encodeURIComponent(promptText);
+  
+  switch (platformId) {
+    case "github-copilot":
+      return `${baseUrl}?prompt=${encoded}`;
+    case "chatgpt":
+      return `${baseUrl}?prompt=${encoded}`;
+    case "grok":
+      return `${baseUrl}&q=${encoded}`;
+    case "claude":
+      return `${baseUrl}?q=${encoded}`;
+    case "perplexity":
+      return `${baseUrl}/search?q=${encoded}`;
+    case "mistral":
+      return `${baseUrl}?q=${encoded}`;
+    default:
+      return `${baseUrl}?prompt=${encoded}`;
+  }
+}
+
+interface RunPromptButtonProps {
+  content: string;
+  variant?: "default" | "ghost" | "outline";
+  size?: "default" | "sm" | "icon";
+  className?: string;
+}
+
+export function RunPromptButton({ 
+  content, 
+  variant = "outline", 
+  size = "sm",
+  className 
+}: RunPromptButtonProps) {
+  const t = useTranslations("prompts");
+
+  const handleRun = (platformId: string, baseUrl: string) => {
+    const url = buildUrl(platformId, baseUrl, content);
+    window.open(url, "_blank");
+  };
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant={variant} size={size} className={className}>
+          <Play className="h-4 w-4" />
+          {size !== "icon" && <span className="ml-1.5">{t("run")}</span>}
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end" className="w-48">
+        {platforms.map((platform) =>
+          platform.subOptions ? (
+            <DropdownMenuSub key={platform.id}>
+              <DropdownMenuSubTrigger>{platform.name}</DropdownMenuSubTrigger>
+              <DropdownMenuSubContent>
+                {platform.subOptions.map((option) => (
+                  <DropdownMenuItem
+                    key={option.baseUrl}
+                    onClick={() => handleRun(platform.id, option.baseUrl)}
+                  >
+                    {option.name}
+                  </DropdownMenuItem>
+                ))}
+              </DropdownMenuSubContent>
+            </DropdownMenuSub>
+          ) : (
+            <DropdownMenuItem
+              key={platform.id}
+              onClick={() => handleRun(platform.id, platform.baseUrl)}
+            >
+              {platform.name}
+            </DropdownMenuItem>
+          )
+        )}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/src/components/prompts/share-dropdown.tsx b/src/components/prompts/share-dropdown.tsx
new file mode 100644
index 00000000..ed19bb93
--- /dev/null
+++ b/src/components/prompts/share-dropdown.tsx
@@ -0,0 +1,72 @@
+"use client";
+
+import { Share2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+// Simple X/Twitter icon
+function XIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 24 24" className={className} fill="currentColor">
+      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+    </svg>
+  );
+}
+
+// Hacker News icon
+function HackerNewsIcon({ className }: { className?: string }) {
+  return (
+    <svg viewBox="0 0 24 24" className={className} fill="currentColor">
+      <path d="M0 0v24h24V0H0zm12.3 13.27V18.5h-.8v-5.23L7.7 6.5h.9l3.1 5.37 3.1-5.37h.9l-3.4 6.77z" />
+    </svg>
+  );
+}
+
+interface ShareDropdownProps {
+  title: string;
+  url?: string;
+}
+
+export function ShareDropdown({ title, url }: ShareDropdownProps) {
+  const handleShare = (platform: "twitter" | "hackernews") => {
+    const shareUrl = url || (typeof window !== "undefined" ? window.location.href : "");
+    const encodedUrl = encodeURIComponent(shareUrl);
+    let encodedTitle = encodeURIComponent(title);
+    encodedTitle = `${encodedTitle} Prompt`;
+
+    let targetUrl = "";
+
+    if (platform === "twitter") {
+      targetUrl = `https://twitter.com/intent/tweet?text=${encodedTitle}&url=${encodedUrl}`;
+    } else if (platform === "hackernews") {
+      targetUrl = `https://news.ycombinator.com/submitlink?u=${encodedUrl}&t=${encodedTitle}`;
+    }
+
+    window.open(targetUrl, "_blank", "noopener,noreferrer");
+  };
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="outline" size="sm">
+          <Share2 className="h-4 w-4" />
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end">
+        <DropdownMenuItem onClick={() => handleShare("twitter")}>
+          <XIcon className="h-4 w-4 mr-2" />
+          X / Twitter
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => handleShare("hackernews")}>
+          <HackerNewsIcon className="h-4 w-4 mr-2" />
+          Hacker News
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/src/components/prompts/upvote-button.tsx b/src/components/prompts/upvote-button.tsx
new file mode 100644
index 00000000..ca8f2018
--- /dev/null
+++ b/src/components/prompts/upvote-button.tsx
@@ -0,0 +1,97 @@
+"use client";
+
+import { useState } from "react";
+import { useTranslations } from "next-intl";
+import { ArrowBigUp, Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { toast } from "sonner";
+import { cn } from "@/lib/utils";
+
+interface UpvoteButtonProps {
+  promptId: string;
+  initialVoted: boolean;
+  initialCount: number;
+  isLoggedIn: boolean;
+  size?: "sm" | "default";
+  showLabel?: boolean;
+}
+
+export function UpvoteButton({ 
+  promptId, 
+  initialVoted, 
+  initialCount, 
+  isLoggedIn,
+  size = "default",
+  showLabel = false
+}: UpvoteButtonProps) {
+  const t = useTranslations("vote");
+  const tCommon = useTranslations("common");
+  const [isVoted, setIsVoted] = useState(initialVoted);
+  const [voteCount, setVoteCount] = useState(initialCount);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleVote = async () => {
+    if (!isLoggedIn) {
+      toast.error(t("loginToVote"));
+      return;
+    }
+
+    setIsLoading(true);
+
+    try {
+      const method = isVoted ? "DELETE" : "POST";
+      const response = await fetch(`/api/prompts/${promptId}/vote`, {
+        method,
+      });
+
+      if (!response.ok) {
+        throw new Error("Failed to vote");
+      }
+
+      const data = await response.json();
+      setIsVoted(data.voted);
+      setVoteCount(data.voteCount);
+    } catch {
+      toast.error(tCommon("error"));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  if (size === "sm") {
+    return (
+      <button
+        onClick={handleVote}
+        disabled={isLoading}
+        className={cn(
+          "flex items-center gap-0.5 text-xs transition-colors",
+          isVoted ? "text-primary" : "text-muted-foreground hover:text-foreground"
+        )}
+      >
+        {isLoading ? (
+          <Loader2 className="h-3 w-3 animate-spin" />
+        ) : (
+          <ArrowBigUp className={cn("h-4 w-4", isVoted && "fill-current")} />
+        )}
+        <span>{voteCount}</span>
+      </button>
+    );
+  }
+
+  return (
+    <Button
+      variant={isVoted ? "default" : "outline"}
+      size="sm"
+      onClick={handleVote}
+      disabled={isLoading}
+      className="gap-1.5"
+    >
+      {isLoading ? (
+        <Loader2 className="h-4 w-4 animate-spin" />
+      ) : (
+        <ArrowBigUp className={cn("h-4 w-4", isVoted && "fill-current")} />
+      )}
+      <span>{voteCount}{showLabel && ` ${voteCount === 1 ? t("upvote") : t("upvotes")}`}</span>
+    </Button>
+  );
+}
diff --git a/src/components/prompts/version-compare-button.tsx b/src/components/prompts/version-compare-button.tsx
new file mode 100644
index 00000000..729c6f8d
--- /dev/null
+++ b/src/components/prompts/version-compare-button.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { useState } from "react";
+import { useTranslations } from "next-intl";
+import { GitCompare } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { DiffView } from "@/components/ui/diff-view";
+
+interface VersionCompareButtonProps {
+  versionContent: string;
+  versionNumber: number;
+  currentContent: string;
+  promptType?: string;
+  structuredFormat?: string | null;
+}
+
+export function VersionCompareButton({ 
+  versionContent, 
+  versionNumber, 
+  currentContent,
+  promptType,
+  structuredFormat
+}: VersionCompareButtonProps) {
+  const isStructured = promptType === "STRUCTURED";
+  const t = useTranslations("prompts");
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <Button
+        variant="ghost"
+        size="icon"
+        className="h-6 w-6"
+        onClick={() => setOpen(true)}
+        title={t("compareWithCurrent")}
+      >
+        <GitCompare className="h-3.5 w-3.5" />
+      </Button>
+
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent className="max-w-4xl max-h-[90vh] flex flex-col">
+          <DialogHeader>
+            <DialogTitle>
+              {t("version")} {versionNumber} → {t("currentVersion")}
+            </DialogTitle>
+          </DialogHeader>
+          <div className="flex-1 min-h-0 overflow-hidden">
+            <DiffView
+              original={versionContent}
+              modified={currentContent}
+              className="max-h-[calc(90vh-120px)]"
+              language={isStructured ? (structuredFormat?.toLowerCase() as "json" | "yaml") || "json" : undefined}
+            />
+          </div>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}
diff --git a/src/components/prompts/version-compare-modal.tsx b/src/components/prompts/version-compare-modal.tsx
new file mode 100644
index 00000000..266a97d2
--- /dev/null
+++ b/src/components/prompts/version-compare-modal.tsx
@@ -0,0 +1,165 @@
+"use client";
+
+import { useState, useMemo } from "react";
+import { useTranslations } from "next-intl";
+import { GitCompare } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Label } from "@/components/ui/label";
+import { DiffView } from "@/components/ui/diff-view";
+
+interface Version {
+  id: string;
+  version: number;
+  content: string;
+  changeNote: string | null;
+  createdAt: Date;
+  author: {
+    name: string | null;
+    username: string;
+  };
+}
+
+interface VersionCompareModalProps {
+  versions: Version[];
+  currentContent: string;
+  promptType?: string;
+  structuredFormat?: string | null;
+}
+
+export function VersionCompareModal({ versions, currentContent, promptType, structuredFormat }: VersionCompareModalProps) {
+  const isStructured = promptType === "STRUCTURED";
+  const t = useTranslations("prompts");
+  const [open, setOpen] = useState(false);
+  
+  // Add current version to the list
+  const allVersions = useMemo(() => {
+    const current = {
+      id: "current",
+      version: versions.length > 0 ? versions[0].version + 1 : 1,
+      content: currentContent,
+      changeNote: null,
+      createdAt: new Date(),
+      author: { name: "Current", username: "current" },
+    };
+    return [current, ...versions];
+  }, [versions, currentContent]);
+
+  const [versionA, setVersionA] = useState<string>(allVersions[1]?.id || "");
+  const [versionB, setVersionB] = useState<string>(allVersions[0]?.id || "current");
+
+  const contentA = useMemo(() => {
+    const v = allVersions.find((v) => v.id === versionA);
+    return v?.content || "";
+  }, [allVersions, versionA]);
+
+  const contentB = useMemo(() => {
+    const v = allVersions.find((v) => v.id === versionB);
+    return v?.content || "";
+  }, [allVersions, versionB]);
+
+  const versionALabel = useMemo(() => {
+    const v = allVersions.find((v) => v.id === versionA);
+    return v?.id === "current" ? t("currentVersion") : `${t("version")} ${v?.version}`;
+  }, [allVersions, versionA, t]);
+
+  const versionBLabel = useMemo(() => {
+    const v = allVersions.find((v) => v.id === versionB);
+    return v?.id === "current" ? t("currentVersion") : `${t("version")} ${v?.version}`;
+  }, [allVersions, versionB, t]);
+
+  if (versions.length === 0) {
+    return null;
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button variant="outline" size="sm">
+          <GitCompare className="h-4 w-4 mr-1.5" />
+          {t("compare")}
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="max-w-4xl max-h-[90vh] flex flex-col">
+        <DialogHeader>
+          <DialogTitle>{t("compareVersions")}</DialogTitle>
+        </DialogHeader>
+
+        {/* Version selectors */}
+        <div className="flex items-center gap-4 py-2">
+          <div className="flex-1 space-y-1.5">
+            <Label className="text-xs text-muted-foreground">{t("compareFrom")}</Label>
+            <Select value={versionA} onValueChange={setVersionA}>
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                {allVersions.map((v) => (
+                  <SelectItem key={v.id} value={v.id} disabled={v.id === versionB}>
+                    {v.id === "current" ? t("currentVersion") : `${t("version")} ${v.version}`}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+
+          <div className="flex items-center pt-5">
+            <span className="text-muted-foreground">→</span>
+          </div>
+
+          <div className="flex-1 space-y-1.5">
+            <Label className="text-xs text-muted-foreground">{t("compareTo")}</Label>
+            <Select value={versionB} onValueChange={setVersionB}>
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                {allVersions.map((v) => (
+                  <SelectItem key={v.id} value={v.id} disabled={v.id === versionA}>
+                    {v.id === "current" ? t("currentVersion") : `${t("version")} ${v.version}`}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+
+        {/* Diff view */}
+        <div className="flex-1 min-h-0 overflow-hidden">
+          {versionA && versionB ? (
+            <div className="h-full">
+              <div className="text-xs text-muted-foreground mb-2">
+                {t("comparing")} <span className="font-medium text-red-600 dark:text-red-400">{versionALabel}</span>
+                {" → "}
+                <span className="font-medium text-green-600 dark:text-green-400">{versionBLabel}</span>
+              </div>
+              <DiffView
+                original={contentA}
+                modified={contentB}
+                className="max-h-[calc(90vh-220px)]"
+                language={isStructured ? (structuredFormat?.toLowerCase() as "json" | "yaml") || "json" : undefined}
+              />
+            </div>
+          ) : (
+            <div className="flex items-center justify-center h-full text-muted-foreground">
+              {t("selectVersionsToCompare")}
+            </div>
+          )}
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/src/components/providers/branding-provider.tsx b/src/components/providers/branding-provider.tsx
new file mode 100644
index 00000000..28fdde4e
--- /dev/null
+++ b/src/components/providers/branding-provider.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { createContext, useContext, type ReactNode } from "react";
+
+interface BrandingContextValue {
+  name: string;
+  logo: string;
+  description: string;
+}
+
+const BrandingContext = createContext<BrandingContextValue | null>(null);
+
+interface BrandingProviderProps {
+  children: ReactNode;
+  branding: BrandingContextValue;
+}
+
+export function BrandingProvider({ children, branding }: BrandingProviderProps) {
+  return (
+    <BrandingContext.Provider value={branding}>
+      {children}
+    </BrandingContext.Provider>
+  );
+}
+
+export function useBranding(): BrandingContextValue {
+  const context = useContext(BrandingContext);
+  if (!context) {
+    throw new Error("useBranding must be used within a BrandingProvider");
+  }
+  return context;
+}
diff --git a/src/components/providers/index.tsx b/src/components/providers/index.tsx
new file mode 100644
index 00000000..d33a5b90
--- /dev/null
+++ b/src/components/providers/index.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "next-themes";
+import { SessionProvider } from "next-auth/react";
+import { Toaster } from "@/components/ui/sonner";
+import { NextIntlClientProvider, AbstractIntlMessages } from "next-intl";
+import { ThemeStyles } from "./theme-styles";
+import { BrandingProvider } from "./branding-provider";
+
+interface ThemeConfig {
+  radius: "none" | "sm" | "md" | "lg";
+  variant: "flat" | "default" | "brutal";
+  density: "compact" | "default" | "comfortable";
+  colors: {
+    primary: string;
+  };
+}
+
+interface BrandingConfig {
+  name: string;
+  logo: string;
+  description: string;
+}
+
+interface ProvidersProps {
+  children: React.ReactNode;
+  locale: string;
+  messages: AbstractIntlMessages;
+  theme: ThemeConfig;
+  branding: BrandingConfig;
+}
+
+export function Providers({ children, locale, messages, theme, branding }: ProvidersProps) {
+  return (
+    <SessionProvider>
+      <NextIntlClientProvider locale={locale} messages={messages}>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <ThemeStyles 
+            radius={theme.radius} 
+            variant={theme.variant}
+            density={theme.density}
+            primaryColor={theme.colors.primary} 
+          />
+          <BrandingProvider branding={branding}>
+            {children}
+          </BrandingProvider>
+          <Toaster position="bottom-right" />
+        </ThemeProvider>
+      </NextIntlClientProvider>
+    </SessionProvider>
+  );
+}
diff --git a/src/components/providers/theme-styles.tsx b/src/components/providers/theme-styles.tsx
new file mode 100644
index 00000000..6ae6e4ba
--- /dev/null
+++ b/src/components/providers/theme-styles.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+// ThemeStyles is now a no-op since styles are applied server-side in layout.tsx
+// This component is kept for potential future dynamic theme switching
+
+interface ThemeStylesProps {
+  radius: "none" | "sm" | "md" | "lg";
+  variant: "flat" | "default" | "brutal";
+  density: "compact" | "default" | "comfortable";
+  primaryColor: string;
+}
+
+export function ThemeStyles(_props: ThemeStylesProps) {
+  // Styles are now applied server-side to prevent flash
+  // This component can be extended for dynamic theme switching if needed
+  return null;
+}
diff --git a/src/components/settings/profile-form.tsx b/src/components/settings/profile-form.tsx
new file mode 100644
index 00000000..2b2fb438
--- /dev/null
+++ b/src/components/settings/profile-form.tsx
@@ -0,0 +1,180 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { toast } from "sonner";
+
+const profileSchema = z.object({
+  name: z.string().min(1, "Name is required").max(100),
+  username: z
+    .string()
+    .min(3, "Username must be at least 3 characters")
+    .max(30)
+    .regex(/^[a-zA-Z0-9_]+$/, "Username can only contain letters, numbers, and underscores"),
+  avatar: z.string().url().optional().or(z.literal("")),
+});
+
+type ProfileFormValues = z.infer<typeof profileSchema>;
+
+interface ProfileFormProps {
+  user: {
+    id: string;
+    name: string | null;
+    username: string;
+    email: string;
+    avatar: string | null;
+  };
+}
+
+export function ProfileForm({ user }: ProfileFormProps) {
+  const router = useRouter();
+  const t = useTranslations("profile");
+  const tCommon = useTranslations("common");
+  const [isLoading, setIsLoading] = useState(false);
+
+  const form = useForm<ProfileFormValues>({
+    resolver: zodResolver(profileSchema),
+    defaultValues: {
+      name: user.name || "",
+      username: user.username,
+      avatar: user.avatar || "",
+    },
+  });
+
+  const watchedAvatar = form.watch("avatar");
+  const watchedName = form.watch("name");
+
+  async function onSubmit(data: ProfileFormValues) {
+    setIsLoading(true);
+
+    try {
+      const response = await fetch("/api/user/profile", {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(data),
+      });
+
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.message || "Failed to update profile");
+      }
+
+      toast.success(t("profileUpdated"));
+      router.refresh();
+      
+      // If username changed, redirect to new profile
+      if (data.username !== user.username) {
+        router.push(`/${data.username}`);
+      }
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : tCommon("error"));
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  return (
+    <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-base">{t("title")}</CardTitle>
+          <CardDescription>
+            {t("updateInfo")}
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          {/* Avatar Preview */}
+          <div className="flex items-center gap-4">
+            <Avatar className="h-16 w-16">
+              <AvatarImage src={watchedAvatar || undefined} />
+              <AvatarFallback className="text-lg">
+                {watchedName?.charAt(0)?.toUpperCase() || user.username.charAt(0).toUpperCase()}
+              </AvatarFallback>
+            </Avatar>
+            <div className="flex-1">
+              <Label htmlFor="avatar">{t("avatarUrl")}</Label>
+              <Input
+                id="avatar"
+                placeholder="https://example.com/avatar.jpg"
+                {...form.register("avatar")}
+                className="mt-1"
+              />
+              {form.formState.errors.avatar && (
+                <p className="text-xs text-destructive mt-1">
+                  {form.formState.errors.avatar.message}
+                </p>
+              )}
+            </div>
+          </div>
+
+          {/* Name */}
+          <div className="space-y-2">
+            <Label htmlFor="name">{t("displayName")}</Label>
+            <Input
+              id="name"
+              placeholder={t("namePlaceholder")}
+              {...form.register("name")}
+            />
+            {form.formState.errors.name && (
+              <p className="text-xs text-destructive">
+                {form.formState.errors.name.message}
+              </p>
+            )}
+          </div>
+
+          {/* Username */}
+          <div className="space-y-2">
+            <Label htmlFor="username">{t("username")}</Label>
+            <div className="flex items-center">
+              <span className="text-muted-foreground text-sm mr-1">@</span>
+              <Input
+                id="username"
+                placeholder={t("usernamePlaceholder")}
+                {...form.register("username")}
+              />
+            </div>
+            {form.formState.errors.username && (
+              <p className="text-xs text-destructive">
+                {form.formState.errors.username.message}
+              </p>
+            )}
+            <p className="text-xs text-muted-foreground">
+              {t("profileUrl")}: /{form.watch("username") || user.username}
+            </p>
+          </div>
+
+          {/* Email (read-only) */}
+          <div className="space-y-2">
+            <Label htmlFor="email">{t("email")}</Label>
+            <Input
+              id="email"
+              value={user.email}
+              disabled
+              className="bg-muted"
+            />
+            <p className="text-xs text-muted-foreground">
+              {t("emailCannotChange")}
+            </p>
+          </div>
+        </CardContent>
+      </Card>
+
+      <div className="flex justify-end">
+        <Button type="submit" disabled={isLoading}>
+          {isLoading && <Loader2 className="h-4 w-4 mr-2 animate-spin" />}
+          {t("saveChanges")}
+        </Button>
+      </div>
+    </form>
+  );
+}
diff --git a/src/components/ui/alert-dialog.tsx b/src/components/ui/alert-dialog.tsx
new file mode 100644
index 00000000..57760f2e
--- /dev/null
+++ b/src/components/ui/alert-dialog.tsx
@@ -0,0 +1,141 @@
+"use client"
+
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+const AlertDialog = AlertDialogPrimitive.Root
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger
+
+const AlertDialogPortal = AlertDialogPrimitive.Portal
+
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+))
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
+
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogHeader.displayName = "AlertDialogHeader"
+
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogFooter.displayName = "AlertDialogFooter"
+
+const AlertDialogTitle = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold", className)}
+    {...props}
+  />
+))
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
+
+const AlertDialogDescription = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+AlertDialogDescription.displayName =
+  AlertDialogPrimitive.Description.displayName
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(buttonVariants(), className)}
+    {...props}
+  />
+))
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    )}
+    {...props}
+  />
+))
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}
diff --git a/src/components/ui/avatar.tsx b/src/components/ui/avatar.tsx
new file mode 100644
index 00000000..71e428b4
--- /dev/null
+++ b/src/components/ui/avatar.tsx
@@ -0,0 +1,53 @@
+"use client"
+
+import * as React from "react"
+import * as AvatarPrimitive from "@radix-ui/react-avatar"
+
+import { cn } from "@/lib/utils"
+
+function Avatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
+  return (
+    <AvatarPrimitive.Root
+      data-slot="avatar"
+      className={cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
+  return (
+    <AvatarPrimitive.Image
+      data-slot="avatar-image"
+      className={cn("aspect-square size-full", className)}
+      {...props}
+    />
+  )
+}
+
+function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
+  return (
+    <AvatarPrimitive.Fallback
+      data-slot="avatar-fallback"
+      className={cn(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Avatar, AvatarImage, AvatarFallback }
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 00000000..9c141909
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,42 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-[var(--radius)] border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none transition-colors overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-white",
+        outline: "text-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"span"> &
+  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "span"
+
+  return (
+    <Comp
+      data-slot="badge"
+      className={cn(badgeVariants({ variant }), className)}
+      {...props}
+    />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 00000000..9877a4b0
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,56 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--radius)] text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90",
+        outline: "border bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
new file mode 100644
index 00000000..16d56f61
--- /dev/null
+++ b/src/components/ui/card.tsx
@@ -0,0 +1,92 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Card({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card"
+      className={cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-[var(--radius)] border py-6",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-header"
+      className={cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-title"
+      className={cn("leading-none font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-action"
+      className={cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-content"
+      className={cn("px-6", className)}
+      {...props}
+    />
+  )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-footer"
+      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardAction,
+  CardDescription,
+  CardContent,
+}
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 00000000..cb0b07b4
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,32 @@
+"use client"
+
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { CheckIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Checkbox({
+  className,
+  ...props
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+  return (
+    <CheckboxPrimitive.Root
+      data-slot="checkbox"
+      className={cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <CheckboxPrimitive.Indicator
+        data-slot="checkbox-indicator"
+        className="grid place-content-center text-current transition-none"
+      >
+        <CheckIcon className="size-3.5" />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  )
+}
+
+export { Checkbox }
diff --git a/src/components/ui/code-editor.tsx b/src/components/ui/code-editor.tsx
new file mode 100644
index 00000000..fd9cbb8d
--- /dev/null
+++ b/src/components/ui/code-editor.tsx
@@ -0,0 +1,127 @@
+"use client";
+
+import { useTheme } from "next-themes";
+import Editor, { type OnMount } from "@monaco-editor/react";
+import { cn } from "@/lib/utils";
+import { useCallback, useRef, useEffect, memo } from "react";
+
+interface CodeEditorProps {
+  value: string;
+  onChange: (value: string) => void;
+  language: "json" | "yaml";
+  placeholder?: string;
+  className?: string;
+  minHeight?: string;
+  debounceMs?: number;
+}
+
+function CodeEditorInner({
+  value,
+  onChange,
+  language,
+  placeholder,
+  className,
+  minHeight = "300px",
+  debounceMs = 0,
+}: CodeEditorProps) {
+  const { resolvedTheme } = useTheme();
+  const editorRef = useRef<Parameters<OnMount>[0] | null>(null);
+  const debounceTimer = useRef<NodeJS.Timeout | null>(null);
+  const onChangeRef = useRef(onChange);
+  const internalValueRef = useRef(value);
+  
+  // Keep onChange ref updated without triggering re-renders
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+
+  const handleEditorMount: OnMount = useCallback((editor) => {
+    editorRef.current = editor;
+  }, []);
+
+  const handleChange = useCallback(
+    (newValue: string | undefined) => {
+      const val = newValue || "";
+      // Track internal value to avoid external updates overriding typing
+      internalValueRef.current = val;
+      
+      if (debounceMs > 0) {
+        // Clear existing timer
+        if (debounceTimer.current) {
+          clearTimeout(debounceTimer.current);
+        }
+        // Set new timer
+        debounceTimer.current = setTimeout(() => {
+          onChangeRef.current(val);
+        }, debounceMs);
+      } else {
+        onChangeRef.current(val);
+      }
+    },
+    [debounceMs]
+  );
+  
+  // Cleanup timer on unmount
+  useEffect(() => {
+    return () => {
+      if (debounceTimer.current) {
+        clearTimeout(debounceTimer.current);
+      }
+    };
+  }, []);
+
+  // Only update editor value if it changed externally (not from typing)
+  const displayValue = value || placeholder;
+
+  return (
+    <div
+      className={cn(
+        "border rounded-md overflow-hidden",
+        className
+      )}
+      style={{ minHeight }}
+    >
+      <Editor
+        height={minHeight}
+        language={language}
+        value={displayValue}
+        onChange={handleChange}
+        onMount={handleEditorMount}
+        theme={resolvedTheme === "dark" ? "vs-dark" : "light"}
+        options={{
+          minimap: { enabled: false },
+          fontSize: 11,
+          lineNumbers: "on",
+          scrollBeyondLastLine: false,
+          wordWrap: "on",
+          wrappingIndent: "indent",
+          automaticLayout: true,
+          tabSize: 2,
+          padding: { top: 8, bottom: 8 },
+          renderLineHighlight: "none",
+          overviewRulerBorder: false,
+          hideCursorInOverviewRuler: true,
+          scrollbar: {
+            vertical: "auto",
+            horizontal: "auto",
+            verticalScrollbarSize: 4,
+            horizontalScrollbarSize: 4,
+          },
+        }}
+      />
+    </div>
+  );
+}
+
+// Memoize to prevent re-renders when parent state changes
+// Only re-render when value, language, placeholder, className, minHeight, or debounceMs change
+export const CodeEditor = memo(CodeEditorInner, (prevProps, nextProps) => {
+  return (
+    prevProps.value === nextProps.value &&
+    prevProps.language === nextProps.language &&
+    prevProps.placeholder === nextProps.placeholder &&
+    prevProps.className === nextProps.className &&
+    prevProps.minHeight === nextProps.minHeight &&
+    prevProps.debounceMs === nextProps.debounceMs
+  );
+});
diff --git a/src/components/ui/code-view.tsx b/src/components/ui/code-view.tsx
new file mode 100644
index 00000000..9224971c
--- /dev/null
+++ b/src/components/ui/code-view.tsx
@@ -0,0 +1,162 @@
+"use client";
+
+import { useTranslations } from "next-intl";
+import { cn } from "@/lib/utils";
+
+interface CodeViewProps {
+  content: string;
+  language?: "json" | "yaml";
+  className?: string;
+  maxLines?: number;
+  fontSize?: "xs" | "sm" | "base";
+}
+
+export function CodeView({ content, language = "json", className, maxLines, fontSize = "xs" }: CodeViewProps) {
+  const t = useTranslations("common");
+  const lines = content.split("\n");
+  const displayLines = maxLines ? lines.slice(0, maxLines) : lines;
+  const hasMore = maxLines && lines.length > maxLines;
+
+  return (
+    <div className={cn("relative", className)}>
+      <pre className={cn("font-mono overflow-hidden bg-muted rounded p-2", {
+          "text-xs": fontSize === "xs",
+          "text-sm": fontSize === "sm",
+          "text-base": fontSize === "base",
+        })}>
+        <code className={`language-${language}`}>
+          {displayLines.map((line, i) => (
+            <div key={i} className="flex">
+              <span className="select-none text-muted-foreground/50 w-6 text-right pr-2 shrink-0">
+                {i + 1}
+              </span>
+              <span className="flex-1 break-all">
+                {highlightLine(line, language)}
+              </span>
+            </div>
+          ))}
+          {hasMore && (
+            <div className="flex">
+              <span className="select-none text-muted-foreground/50 w-6 text-right pr-2 shrink-0">
+                ...
+              </span>
+              <span className="text-muted-foreground">
+                {t("moreLines", { count: lines.length - (maxLines || 0) })}
+              </span>
+            </div>
+          )}
+        </code>
+      </pre>
+    </div>
+  );
+}
+
+// Simple syntax highlighting
+function highlightLine(line: string, language: "json" | "yaml") {
+  if (language === "json") {
+    return highlightJSON(line);
+  }
+  return highlightYAML(line);
+}
+
+function highlightJSON(line: string) {
+  // Match keys, strings, numbers, booleans, null
+  const parts: React.ReactNode[] = [];
+  let remaining = line;
+  let key = 0;
+
+  // Key pattern: "key":
+  const keyMatch = remaining.match(/^(\s*)("(?:[^"\\]|\\.)*")(\s*:\s*)/);
+  if (keyMatch) {
+    parts.push(<span key={key++}>{keyMatch[1]}</span>);
+    parts.push(<span key={key++} className="text-blue-600 dark:text-blue-400">{keyMatch[2]}</span>);
+    parts.push(<span key={key++}>{keyMatch[3]}</span>);
+    remaining = remaining.slice(keyMatch[0].length);
+  }
+
+  // Value patterns
+  const patterns = [
+    { regex: /^("(?:[^"\\]|\\.)*")/, className: "text-green-600 dark:text-green-400" }, // strings
+    { regex: /^(-?\d+\.?\d*(?:e[+-]?\d+)?)/, className: "text-orange-600 dark:text-orange-400" }, // numbers
+    { regex: /^(true|false)/, className: "text-purple-600 dark:text-purple-400" }, // booleans
+    { regex: /^(null)/, className: "text-red-600 dark:text-red-400" }, // null
+  ];
+
+  while (remaining) {
+    let matched = false;
+    for (const pattern of patterns) {
+      const match = remaining.match(pattern.regex);
+      if (match) {
+        parts.push(<span key={key++} className={pattern.className}>{match[1]}</span>);
+        remaining = remaining.slice(match[0].length);
+        matched = true;
+        break;
+      }
+    }
+    if (!matched) {
+      // Take one character
+      parts.push(<span key={key++}>{remaining[0]}</span>);
+      remaining = remaining.slice(1);
+    }
+  }
+
+  return <>{parts}</>;
+}
+
+function highlightYAML(line: string) {
+  const parts: React.ReactNode[] = [];
+  let key = 0;
+
+  // Comment
+  if (line.trim().startsWith("#")) {
+    return <span className="text-muted-foreground">{line}</span>;
+  }
+
+  // Key: value pattern
+  const keyValueMatch = line.match(/^(\s*)([\w-]+)(\s*:\s*)(.*)/);
+  if (keyValueMatch) {
+    parts.push(<span key={key++}>{keyValueMatch[1]}</span>);
+    parts.push(<span key={key++} className="text-blue-600 dark:text-blue-400">{keyValueMatch[2]}</span>);
+    parts.push(<span key={key++}>{keyValueMatch[3]}</span>);
+    
+    const value = keyValueMatch[4];
+    if (value) {
+      parts.push(highlightYAMLValue(value, key));
+    }
+    return <>{parts}</>;
+  }
+
+  // List item
+  const listMatch = line.match(/^(\s*-\s*)(.*)/);
+  if (listMatch) {
+    parts.push(<span key={key++} className="text-muted-foreground">{listMatch[1]}</span>);
+    parts.push(<span key={key++}>{listMatch[2]}</span>);
+    return <>{parts}</>;
+  }
+
+  return <>{line}</>;
+}
+
+function highlightYAMLValue(value: string, startKey: number) {
+  // String in quotes
+  if (value.match(/^["'].*["']$/)) {
+    return <span key={startKey} className="text-green-600 dark:text-green-400">{value}</span>;
+  }
+  // Number
+  if (value.match(/^-?\d+\.?\d*$/)) {
+    return <span key={startKey} className="text-orange-600 dark:text-orange-400">{value}</span>;
+  }
+  // Boolean
+  if (value.match(/^(true|false)$/i)) {
+    return <span key={startKey} className="text-purple-600 dark:text-purple-400">{value}</span>;
+  }
+  // Null
+  if (value.match(/^(null|~)$/i)) {
+    return <span key={startKey} className="text-red-600 dark:text-red-400">{value}</span>;
+  }
+  // Pipe for multiline
+  if (value === "|" || value === ">") {
+    return <span key={startKey} className="text-muted-foreground">{value}</span>;
+  }
+  return <span key={startKey}>{value}</span>;
+}
diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
new file mode 100644
index 00000000..8cb4ca7a
--- /dev/null
+++ b/src/components/ui/command.tsx
@@ -0,0 +1,184 @@
+"use client"
+
+import * as React from "react"
+import { Command as CommandPrimitive } from "cmdk"
+import { SearchIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog"
+
+function Command({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive>) {
+  return (
+    <CommandPrimitive
+      data-slot="command"
+      className={cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  className,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof Dialog> & {
+  title?: string
+  description?: string
+  className?: string
+  showCloseButton?: boolean
+}) {
+  return (
+    <Dialog {...props}>
+      <DialogHeader className="sr-only">
+        <DialogTitle>{title}</DialogTitle>
+        <DialogDescription>{description}</DialogDescription>
+      </DialogHeader>
+      <DialogContent
+        className={cn("overflow-hidden p-0", className)}
+        showCloseButton={showCloseButton}
+      >
+        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+function CommandInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Input>) {
+  return (
+    <div
+      data-slot="command-input-wrapper"
+      className="flex h-9 items-center gap-2 border-b px-3"
+    >
+      <SearchIcon className="size-4 shrink-0 opacity-50" />
+      <CommandPrimitive.Input
+        data-slot="command-input"
+        className={cn(
+          "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function CommandList({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.List>) {
+  return (
+    <CommandPrimitive.List
+      data-slot="command-list"
+      className={cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandEmpty({
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Empty>) {
+  return (
+    <CommandPrimitive.Empty
+      data-slot="command-empty"
+      className="py-6 text-center text-sm"
+      {...props}
+    />
+  )
+}
+
+function CommandGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Group>) {
+  return (
+    <CommandPrimitive.Group
+      data-slot="command-group"
+      className={cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Separator>) {
+  return (
+    <CommandPrimitive.Separator
+      data-slot="command-separator"
+      className={cn("bg-border -mx-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function CommandItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Item>) {
+  return (
+    <CommandPrimitive.Item
+      data-slot="command-item"
+      className={cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="command-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+}
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
new file mode 100644
index 00000000..d9ccec91
--- /dev/null
+++ b/src/components/ui/dialog.tsx
@@ -0,0 +1,143 @@
+"use client"
+
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { XIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Dialog({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />
+}
+
+function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
+}
+
+function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
+}
+
+function DialogClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
+}
+
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot="dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean
+}) {
+  return (
+    <DialogPortal data-slot="dialog-portal">
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot="dialog-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close
+            data-slot="dialog-close"
+            className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+          >
+            <XIcon />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  )
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-footer"
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="dialog-title"
+      className={cn("text-lg leading-none font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+}
diff --git a/src/components/ui/diff-view.tsx b/src/components/ui/diff-view.tsx
new file mode 100644
index 00000000..eac3c638
--- /dev/null
+++ b/src/components/ui/diff-view.tsx
@@ -0,0 +1,242 @@
+"use client";
+
+import { useMemo } from "react";
+import { useTranslations } from "next-intl";
+import { cn } from "@/lib/utils";
+
+interface DiffViewProps {
+  original: string;
+  modified: string;
+  className?: string;
+  mode?: "line" | "word" | "inline";
+  language?: "json" | "yaml" | null;
+}
+
+interface WordDiff {
+  type: "unchanged" | "added" | "removed";
+  text: string;
+}
+
+// Word-by-word diff using LCS algorithm
+function computeWordDiff(original: string, modified: string): WordDiff[] {
+  // Tokenize into words while preserving whitespace/newlines
+  const tokenize = (str: string): string[] => {
+    const tokens: string[] = [];
+    let current = "";
+    
+    for (const char of str) {
+      if (/\s/.test(char)) {
+        if (current) {
+          tokens.push(current);
+          current = "";
+        }
+        tokens.push(char);
+      } else {
+        current += char;
+      }
+    }
+    if (current) tokens.push(current);
+    return tokens;
+  };
+
+  const originalTokens = tokenize(original);
+  const modifiedTokens = tokenize(modified);
+
+  // Compute LCS
+  const m = originalTokens.length;
+  const n = modifiedTokens.length;
+  const dp: number[][] = Array(m + 1).fill(null).map(() => Array(n + 1).fill(0));
+
+  for (let i = 1; i <= m; i++) {
+    for (let j = 1; j <= n; j++) {
+      if (originalTokens[i - 1] === modifiedTokens[j - 1]) {
+        dp[i][j] = dp[i - 1][j - 1] + 1;
+      } else {
+        dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);
+      }
+    }
+  }
+
+  // Backtrack to build diff
+  const result: WordDiff[] = [];
+  let i = m, j = n;
+  const temp: WordDiff[] = [];
+
+  while (i > 0 || j > 0) {
+    if (i > 0 && j > 0 && originalTokens[i - 1] === modifiedTokens[j - 1]) {
+      temp.push({ type: "unchanged", text: originalTokens[i - 1] });
+      i--;
+      j--;
+    } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+      temp.push({ type: "added", text: modifiedTokens[j - 1] });
+      j--;
+    } else if (i > 0) {
+      temp.push({ type: "removed", text: originalTokens[i - 1] });
+      i--;
+    }
+  }
+
+  // Reverse and merge consecutive same-type diffs
+  for (let k = temp.length - 1; k >= 0; k--) {
+    const item = temp[k];
+    const last = result[result.length - 1];
+    if (last && last.type === item.type) {
+      last.text += item.text;
+    } else {
+      result.push({ ...item });
+    }
+  }
+
+  return result;
+}
+
+export function DiffView({ original, modified, className, mode = "word", language }: DiffViewProps) {
+  const t = useTranslations("diff");
+  const isCode = !!language;
+  const wordDiff = useMemo(() => computeWordDiff(original, modified), [original, modified]);
+
+  const stats = useMemo(() => {
+    let additions = 0;
+    let deletions = 0;
+    // Estimate tokens: ~4 characters per token (common approximation for LLM tokenizers)
+    const estimateTokens = (text: string) => Math.ceil(text.replace(/\s/g, "").length / 4);
+    wordDiff.forEach((item) => {
+      if (item.type === "added") additions += estimateTokens(item.text);
+      if (item.type === "removed") deletions += estimateTokens(item.text);
+    });
+    return { additions, deletions };
+  }, [wordDiff]);
+
+  const hasChanges = stats.additions > 0 || stats.deletions > 0;
+
+  return (
+    <div className={cn("border rounded-lg overflow-hidden", className)}>
+      {/* Stats header */}
+      <div className="flex items-center justify-between px-3 py-1.5 bg-muted/50 border-b text-xs">
+        <div className="flex items-center gap-3">
+          {hasChanges ? (
+            <>
+              <span className="text-green-600 dark:text-green-400 font-medium">≈+{stats.additions} {t("tokens")}</span>
+              <span className="text-red-600 dark:text-red-400 font-medium">≈-{stats.deletions} {t("tokens")}</span>
+            </>
+          ) : (
+            <span className="text-muted-foreground">{t("noChanges")}</span>
+          )}
+        </div>
+      </div>
+      
+      {/* Diff content - inline word diff */}
+      {isCode ? (
+        <CodeDiffContent wordDiff={wordDiff} language={language} />
+      ) : (
+        <div className="overflow-auto max-h-[calc(100vh-300px)] p-3 text-sm font-mono whitespace-pre-wrap break-words">
+          {wordDiff.map((item, idx) => (
+            <span
+              key={idx}
+              className={cn(
+                item.type === "added" && "bg-green-500/20 text-green-700 dark:text-green-300",
+                item.type === "removed" && "bg-red-500/20 text-red-700 dark:text-red-300 line-through"
+              )}
+            >
+              {item.text}
+            </span>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// Code diff content with line numbers
+function CodeDiffContent({ wordDiff, language }: { wordDiff: WordDiff[]; language: "json" | "yaml" }) {
+  // Build combined text with diff markers
+  const lines = useMemo(() => {
+    const combined = wordDiff.map(d => d.text).join("");
+    const lineTexts = combined.split("\n");
+    
+    // Track which lines have changes
+    let charIndex = 0;
+    const lineInfo: Array<{ text: string; hasAddition: boolean; hasDeletion: boolean }> = [];
+    
+    for (const lineText of lineTexts) {
+      let hasAddition = false;
+      let hasDeletion = false;
+      
+      // Check what diffs overlap with this line
+      let lineStart = charIndex;
+      let lineEnd = charIndex + lineText.length;
+      
+      let pos = 0;
+      for (const diff of wordDiff) {
+        const diffStart = pos;
+        const diffEnd = pos + diff.text.length;
+        
+        // Check if diff overlaps with this line
+        if (diffEnd > lineStart && diffStart < lineEnd + 1) {
+          if (diff.type === "added") hasAddition = true;
+          if (diff.type === "removed") hasDeletion = true;
+        }
+        pos = diffEnd;
+      }
+      
+      lineInfo.push({ text: lineText, hasAddition, hasDeletion });
+      charIndex = lineEnd + 1; // +1 for newline
+    }
+    
+    return lineInfo;
+  }, [wordDiff]);
+
+  return (
+    <div className="overflow-auto max-h-[calc(100vh-300px)] text-xs font-mono">
+      {lines.map((line, i) => (
+        <div 
+          key={i} 
+          className={cn(
+            "flex",
+            line.hasAddition && !line.hasDeletion && "bg-green-500/10",
+            line.hasDeletion && !line.hasAddition && "bg-red-500/10",
+            line.hasAddition && line.hasDeletion && "bg-yellow-500/10"
+          )}
+        >
+          <span className="select-none text-muted-foreground/50 w-8 text-right pr-2 py-0.5 shrink-0 border-r bg-muted/30">
+            {i + 1}
+          </span>
+          <span className={cn(
+            "w-4 text-center py-0.5 shrink-0",
+            line.hasAddition && "text-green-600 dark:text-green-400",
+            line.hasDeletion && "text-red-600 dark:text-red-400"
+          )}>
+            {line.hasAddition && line.hasDeletion ? "~" : line.hasAddition ? "+" : line.hasDeletion ? "-" : " "}
+          </span>
+          <pre className="flex-1 py-0.5 px-2 whitespace-pre-wrap break-all">
+            {line.text || " "}
+          </pre>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+// Side by side diff view
+export function SideBySideDiff({ original, modified, className }: Omit<DiffViewProps, "mode">) {
+  return (
+    <div className={cn("grid grid-cols-2 gap-2", className)}>
+      <div className="border rounded-lg overflow-hidden">
+        <div className="px-3 py-1.5 bg-red-500/10 border-b text-xs font-medium text-red-600 dark:text-red-400">
+          Original
+        </div>
+        <div className="p-3 text-sm font-mono whitespace-pre-wrap break-words max-h-[calc(100vh-300px)] overflow-auto">
+          {original}
+        </div>
+      </div>
+      <div className="border rounded-lg overflow-hidden">
+        <div className="px-3 py-1.5 bg-green-500/10 border-b text-xs font-medium text-green-600 dark:text-green-400">
+          Modified
+        </div>
+        <div className="p-3 text-sm font-mono whitespace-pre-wrap break-words max-h-[calc(100vh-300px)] overflow-auto">
+          {modified}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 00000000..bbe6fb01
--- /dev/null
+++ b/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,257 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
+}
+
+function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return (
+    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+  )
+}
+
+function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return (
+    <DropdownMenuPrimitive.Trigger
+      data-slot="dropdown-menu-trigger"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        data-slot="dropdown-menu-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+          className
+        )}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  )
+}
+
+function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return (
+    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+  )
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean
+  variant?: "default" | "destructive"
+}) {
+  return (
+    <DropdownMenuPrimitive.Item
+      data-slot="dropdown-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <DropdownMenuPrimitive.CheckboxItem
+      data-slot="dropdown-menu-checkbox-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  )
+}
+
+function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return (
+    <DropdownMenuPrimitive.RadioGroup
+      data-slot="dropdown-menu-radio-group"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  return (
+    <DropdownMenuPrimitive.RadioItem
+      data-slot="dropdown-menu-radio-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  )
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.Label
+      data-slot="dropdown-menu-label"
+      data-inset={inset}
+      className={cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return (
+    <DropdownMenuPrimitive.Separator
+      data-slot="dropdown-menu-separator"
+      className={cn("bg-border -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="dropdown-menu-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.SubTrigger
+      data-slot="dropdown-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto size-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+  )
+}
+
+function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      data-slot="dropdown-menu-sub-content"
+      className={cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+}
diff --git a/src/components/ui/form.tsx b/src/components/ui/form.tsx
new file mode 100644
index 00000000..524b986b
--- /dev/null
+++ b/src/components/ui/form.tsx
@@ -0,0 +1,167 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue
+)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState } = useFormContext()
+  const formState = useFormState({ name: fieldContext.name })
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue
+)
+
+function FormItem({ className, ...props }: React.ComponentProps<"div">) {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div
+        data-slot="form-item"
+        className={cn("grid gap-2", className)}
+        {...props}
+      />
+    </FormItemContext.Provider>
+  )
+}
+
+function FormLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      data-slot="form-label"
+      data-error={!!error}
+      className={cn("data-[error=true]:text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+}
+
+function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      data-slot="form-control"
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+}
+
+function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      data-slot="form-description"
+      id={formDescriptionId}
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message ?? "") : props.children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      data-slot="form-message"
+      id={formMessageId}
+      className={cn("text-destructive text-sm", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+}
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 00000000..7e17f821
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,21 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input h-9 w-full min-w-0 rounded-[var(--radius)] border bg-transparent px-3 py-1 text-base transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-foreground/30 focus-visible:ring-1 focus-visible:ring-ring",
+        "aria-invalid:border-destructive",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 00000000..fb5fbc3e
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,24 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+
+import { cn } from "@/lib/utils"
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      data-slot="label"
+      className={cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Label }
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
new file mode 100644
index 00000000..01e468b6
--- /dev/null
+++ b/src/components/ui/popover.tsx
@@ -0,0 +1,48 @@
+"use client"
+
+import * as React from "react"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+
+import { cn } from "@/lib/utils"
+
+function Popover({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />
+}
+
+function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
+}
+
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        data-slot="popover-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+          className
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  )
+}
+
+function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
+}
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
new file mode 100644
index 00000000..8e4fa13f
--- /dev/null
+++ b/src/components/ui/scroll-area.tsx
@@ -0,0 +1,58 @@
+"use client"
+
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+
+import { cn } from "@/lib/utils"
+
+function ScrollArea({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
+  return (
+    <ScrollAreaPrimitive.Root
+      data-slot="scroll-area"
+      className={cn("relative", className)}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Viewport
+        data-slot="scroll-area-viewport"
+        className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+      >
+        {children}
+      </ScrollAreaPrimitive.Viewport>
+      <ScrollBar />
+      <ScrollAreaPrimitive.Corner />
+    </ScrollAreaPrimitive.Root>
+  )
+}
+
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {
+  return (
+    <ScrollAreaPrimitive.ScrollAreaScrollbar
+      data-slot="scroll-area-scrollbar"
+      orientation={orientation}
+      className={cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" &&
+          "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" &&
+          "h-2.5 flex-col border-t border-t-transparent",
+        className
+      )}
+      {...props}
+    >
+      <ScrollAreaPrimitive.ScrollAreaThumb
+        data-slot="scroll-area-thumb"
+        className="bg-border relative flex-1 rounded-full"
+      />
+    </ScrollAreaPrimitive.ScrollAreaScrollbar>
+  )
+}
+
+export { ScrollArea, ScrollBar }
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
new file mode 100644
index 00000000..25e54394
--- /dev/null
+++ b/src/components/ui/select.tsx
@@ -0,0 +1,187 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Select({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Root>) {
+  return <SelectPrimitive.Root data-slot="select" {...props} />
+}
+
+function SelectGroup({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Group>) {
+  return <SelectPrimitive.Group data-slot="select-group" {...props} />
+}
+
+function SelectValue({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Value>) {
+  return <SelectPrimitive.Value data-slot="select-value" {...props} />
+}
+
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+  size?: "sm" | "default"
+}) {
+  return (
+    <SelectPrimitive.Trigger
+      data-slot="select-trigger"
+      data-size={size}
+      className={cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <SelectPrimitive.Icon asChild>
+        <ChevronDownIcon className="size-4 opacity-50" />
+      </SelectPrimitive.Icon>
+    </SelectPrimitive.Trigger>
+  )
+}
+
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  align = "center",
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Content>) {
+  return (
+    <SelectPrimitive.Portal>
+      <SelectPrimitive.Content
+        data-slot="select-content"
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+          position === "popper" &&
+            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+          className
+        )}
+        position={position}
+        align={align}
+        {...props}
+      >
+        <SelectScrollUpButton />
+        <SelectPrimitive.Viewport
+          className={cn(
+            "p-1",
+            position === "popper" &&
+              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+          )}
+        >
+          {children}
+        </SelectPrimitive.Viewport>
+        <SelectScrollDownButton />
+      </SelectPrimitive.Content>
+    </SelectPrimitive.Portal>
+  )
+}
+
+function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Label>) {
+  return (
+    <SelectPrimitive.Label
+      data-slot="select-label"
+      className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Item>) {
+  return (
+    <SelectPrimitive.Item
+      data-slot="select-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )}
+      {...props}
+    >
+      <span className="absolute right-2 flex size-3.5 items-center justify-center">
+        <SelectPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </SelectPrimitive.ItemIndicator>
+      </span>
+      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+    </SelectPrimitive.Item>
+  )
+}
+
+function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+  return (
+    <SelectPrimitive.Separator
+      data-slot="select-separator"
+      className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+  return (
+    <SelectPrimitive.ScrollUpButton
+      data-slot="select-scroll-up-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )}
+      {...props}
+    >
+      <ChevronUpIcon className="size-4" />
+    </SelectPrimitive.ScrollUpButton>
+  )
+}
+
+function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
+  return (
+    <SelectPrimitive.ScrollDownButton
+      data-slot="select-scroll-down-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )}
+      {...props}
+    >
+      <ChevronDownIcon className="size-4" />
+    </SelectPrimitive.ScrollDownButton>
+  )
+}
+
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+}
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
new file mode 100644
index 00000000..275381ca
--- /dev/null
+++ b/src/components/ui/separator.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot="separator"
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Separator }
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
new file mode 100644
index 00000000..84649ad0
--- /dev/null
+++ b/src/components/ui/sheet.tsx
@@ -0,0 +1,139 @@
+"use client"
+
+import * as React from "react"
+import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { XIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
+  return <SheetPrimitive.Root data-slot="sheet" {...props} />
+}
+
+function SheetTrigger({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
+  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
+}
+
+function SheetClose({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Close>) {
+  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
+}
+
+function SheetPortal({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
+  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
+}
+
+function SheetOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
+  return (
+    <SheetPrimitive.Overlay
+      data-slot="sheet-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: "top" | "right" | "bottom" | "left"
+}) {
+  return (
+    <SheetPortal>
+      <SheetOverlay />
+      <SheetPrimitive.Content
+        data-slot="sheet-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" &&
+            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" &&
+            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" &&
+            "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" &&
+            "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+          <XIcon className="size-4" />
+          <span className="sr-only">Close</span>
+        </SheetPrimitive.Close>
+      </SheetPrimitive.Content>
+    </SheetPortal>
+  )
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-header"
+      className={cn("flex flex-col gap-1.5 p-4", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-footer"
+      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Title>) {
+  return (
+    <SheetPrimitive.Title
+      data-slot="sheet-title"
+      className={cn("text-foreground font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Description>) {
+  return (
+    <SheetPrimitive.Description
+      data-slot="sheet-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/src/components/ui/skeleton.tsx b/src/components/ui/skeleton.tsx
new file mode 100644
index 00000000..32ea0ef7
--- /dev/null
+++ b/src/components/ui/skeleton.tsx
@@ -0,0 +1,13 @@
+import { cn } from "@/lib/utils"
+
+function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="skeleton"
+      className={cn("bg-accent animate-pulse rounded-md", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
new file mode 100644
index 00000000..9b20afe2
--- /dev/null
+++ b/src/components/ui/sonner.tsx
@@ -0,0 +1,40 @@
+"use client"
+
+import {
+  CircleCheckIcon,
+  InfoIcon,
+  Loader2Icon,
+  OctagonXIcon,
+  TriangleAlertIcon,
+} from "lucide-react"
+import { useTheme } from "next-themes"
+import { Toaster as Sonner, type ToasterProps } from "sonner"
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      icons={{
+        success: <CircleCheckIcon className="size-4" />,
+        info: <InfoIcon className="size-4" />,
+        warning: <TriangleAlertIcon className="size-4" />,
+        error: <OctagonXIcon className="size-4" />,
+        loading: <Loader2Icon className="size-4 animate-spin" />,
+      }}
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+          "--border-radius": "var(--radius)",
+        } as React.CSSProperties
+      }
+      {...props}
+    />
+  )
+}
+
+export { Toaster }
diff --git a/src/components/ui/switch.tsx b/src/components/ui/switch.tsx
new file mode 100644
index 00000000..6a2b5241
--- /dev/null
+++ b/src/components/ui/switch.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import * as React from "react"
+import * as SwitchPrimitive from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+function Switch({
+  className,
+  ...props
+}: React.ComponentProps<typeof SwitchPrimitive.Root>) {
+  return (
+    <SwitchPrimitive.Root
+      data-slot="switch"
+      className={cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <SwitchPrimitive.Thumb
+        data-slot="switch-thumb"
+        className={cn(
+          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+        )}
+      />
+    </SwitchPrimitive.Root>
+  )
+}
+
+export { Switch }
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
new file mode 100644
index 00000000..51b74dd5
--- /dev/null
+++ b/src/components/ui/table.tsx
@@ -0,0 +1,116 @@
+"use client"
+
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Table({ className, ...props }: React.ComponentProps<"table">) {
+  return (
+    <div
+      data-slot="table-container"
+      className="relative w-full overflow-x-auto"
+    >
+      <table
+        data-slot="table"
+        className={cn("w-full caption-bottom text-sm", className)}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+  return (
+    <thead
+      data-slot="table-header"
+      className={cn("[&_tr]:border-b", className)}
+      {...props}
+    />
+  )
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+  return (
+    <tbody
+      data-slot="table-body"
+      className={cn("[&_tr:last-child]:border-0", className)}
+      {...props}
+    />
+  )
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
+  return (
+    <tfoot
+      data-slot="table-footer"
+      className={cn(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+  return (
+    <tr
+      data-slot="table-row"
+      className={cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+  return (
+    <th
+      data-slot="table-head"
+      className={cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+  return (
+    <td
+      data-slot="table-cell"
+      className={cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">) {
+  return (
+    <caption
+      data-slot="table-caption"
+      className={cn("text-muted-foreground mt-4 text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
new file mode 100644
index 00000000..497ba5ea
--- /dev/null
+++ b/src/components/ui/tabs.tsx
@@ -0,0 +1,66 @@
+"use client"
+
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Root>) {
+  return (
+    <TabsPrimitive.Root
+      data-slot="tabs"
+      className={cn("flex flex-col gap-2", className)}
+      {...props}
+    />
+  )
+}
+
+function TabsList({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.List>) {
+  return (
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      className={cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
+  return (
+    <TabsPrimitive.Trigger
+      data-slot="tabs-trigger"
+      className={cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Content>) {
+  return (
+    <TabsPrimitive.Content
+      data-slot="tabs-content"
+      className={cn("flex-1 outline-none", className)}
+      {...props}
+    />
+  )
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 00000000..7f21b5e7
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,18 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Textarea }
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
new file mode 100644
index 00000000..a4e90d4e
--- /dev/null
+++ b/src/components/ui/tooltip.tsx
@@ -0,0 +1,61 @@
+"use client"
+
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+    </TooltipProvider>
+  )
+}
+
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/src/i18n/request.ts b/src/i18n/request.ts
new file mode 100644
index 00000000..f7f0f2cb
--- /dev/null
+++ b/src/i18n/request.ts
@@ -0,0 +1,28 @@
+import { getRequestConfig } from "next-intl/server";
+import { cookies } from "next/headers";
+import { LOCALE_COOKIE, supportedLocales, defaultLocale } from "@/lib/i18n/config";
+
+export default getRequestConfig(async () => {
+  // Get locale from cookie
+  const cookieStore = await cookies();
+  let locale = cookieStore.get(LOCALE_COOKIE)?.value;
+  
+  // Validate and fallback
+  if (!locale || !supportedLocales.includes(locale)) {
+    locale = defaultLocale;
+  }
+  
+  // Load messages for the locale
+  let messages;
+  try {
+    messages = (await import(`@/../messages/${locale}.json`)).default;
+  } catch {
+    // Fall back to default locale messages
+    messages = (await import(`@/../messages/${defaultLocale}.json`)).default;
+  }
+  
+  return {
+    locale,
+    messages,
+  };
+});
diff --git a/src/lib/auth/index.ts b/src/lib/auth/index.ts
new file mode 100644
index 00000000..82b68351
--- /dev/null
+++ b/src/lib/auth/index.ts
@@ -0,0 +1,96 @@
+import NextAuth from "next-auth";
+import { PrismaAdapter } from "@auth/prisma-adapter";
+import { db } from "@/lib/db";
+import { getConfig } from "@/lib/config";
+import { initializePlugins, getAuthPlugin } from "@/lib/plugins";
+import type { User } from "@prisma/client";
+
+// Initialize plugins before use
+initializePlugins();
+
+// Build auth config dynamically based on prompts.config.ts
+async function buildAuthConfig() {
+  const config = await getConfig();
+  const authPlugin = getAuthPlugin(config.auth.provider);
+
+  if (!authPlugin) {
+    throw new Error(`Auth plugin "${config.auth.provider}" not found`);
+  }
+
+  return {
+    adapter: PrismaAdapter(db),
+    providers: [authPlugin.getProvider()],
+    session: {
+      strategy: "jwt" as const,
+    },
+    pages: {
+      signIn: "/login",
+      signUp: "/register",
+      error: "/login",
+    },
+    callbacks: {
+      async jwt({ token, user, trigger }: { token: any; user?: any; trigger?: string }) {
+        // On sign in, add user data to token
+        if (user) {
+          token.id = user.id;
+          token.role = (user as User).role;
+          token.username = (user as User).username;
+          token.locale = (user as User).locale;
+        }
+        
+        // Refresh user data from database on update or if username is missing
+        if (trigger === "update" || !token.username) {
+          const dbUser = await db.user.findUnique({
+            where: { id: token.id as string },
+            select: { role: true, username: true, locale: true },
+          });
+          if (dbUser) {
+            token.role = dbUser.role;
+            token.username = dbUser.username;
+            token.locale = dbUser.locale;
+          }
+        }
+        
+        return token;
+      },
+      async session({ session, token }) {
+        if (token && session.user) {
+          session.user.id = token.id as string;
+          session.user.role = token.role as string;
+          session.user.username = token.username as string;
+          session.user.locale = token.locale as string;
+        }
+        return session;
+      },
+    },
+  };
+}
+
+// Export auth handlers
+const authConfig = await buildAuthConfig();
+
+export const { handlers, signIn, signOut, auth } = NextAuth(authConfig);
+
+// Extended session type
+declare module "next-auth" {
+  interface Session {
+    user: {
+      id: string;
+      email: string;
+      name?: string | null;
+      image?: string | null;
+      role: string;
+      username: string;
+      locale: string;
+    };
+  }
+}
+
+declare module "next-auth/jwt" {
+  interface JWT {
+    id: string;
+    role: string;
+    username: string;
+    locale: string;
+  }
+}
diff --git a/src/lib/config/index.ts b/src/lib/config/index.ts
new file mode 100644
index 00000000..a5ea260b
--- /dev/null
+++ b/src/lib/config/index.ts
@@ -0,0 +1,111 @@
+export interface BrandingConfig {
+  name: string;
+  logo: string;
+  favicon: string;
+  description: string;
+}
+
+export interface ThemeConfig {
+  // Appearance
+  radius: "none" | "sm" | "md" | "lg"; // Border radius
+  variant: "flat" | "default" | "brutal"; // UI style variant
+  density: "compact" | "default" | "comfortable"; // Spacing density
+  // Colors (CSS oklch values or hex)
+  colors: {
+    primary: string;
+    secondary?: string;
+    accent?: string;
+  };
+}
+
+export interface AuthConfig {
+  provider: "credentials" | "google" | "azure" | string;
+  allowRegistration: boolean;
+}
+
+export interface StorageConfig {
+  provider: "url" | "s3" | string;
+}
+
+export interface I18nConfig {
+  locales: string[];
+  defaultLocale: string;
+}
+
+export interface FeaturesConfig {
+  privatePrompts: boolean;
+  changeRequests: boolean;
+  categories: boolean;
+  tags: boolean;
+}
+
+export interface PromptsConfig {
+  branding: BrandingConfig;
+  theme: ThemeConfig;
+  auth: AuthConfig;
+  storage: StorageConfig;
+  i18n: I18nConfig;
+  features: FeaturesConfig;
+}
+
+export function defineConfig(config: PromptsConfig): PromptsConfig {
+  return config;
+}
+
+// Load the user's config
+let cachedConfig: PromptsConfig | null = null;
+
+export async function getConfig(): Promise<PromptsConfig> {
+  if (cachedConfig) return cachedConfig;
+
+  try {
+    // Dynamic import of user config
+    const userConfig = await import("@/../prompts.config");
+    cachedConfig = userConfig.default;
+    return cachedConfig;
+  } catch {
+    // Fallback to default config
+    cachedConfig = {
+      branding: {
+        name: "prompts.chat",
+        logo: "/logo.svg",
+        favicon: "/favicon.ico",
+        description: "Collect, organize, and share AI prompts",
+      },
+      theme: {
+        radius: "sm",
+        variant: "flat",
+        density: "compact",
+        colors: {
+          primary: "#6366f1",
+        },
+      },
+      auth: {
+        provider: "credentials",
+        allowRegistration: true,
+      },
+      storage: {
+        provider: "url",
+      },
+      i18n: {
+        locales: ["en"],
+        defaultLocale: "en",
+      },
+      features: {
+        privatePrompts: true,
+        changeRequests: true,
+        categories: true,
+        tags: true,
+      },
+    };
+    return cachedConfig;
+  }
+}
+
+// Sync version for client components (must be initialized first)
+export function getConfigSync(): PromptsConfig {
+  if (!cachedConfig) {
+    throw new Error("Config not initialized. Call getConfig() first in a server component.");
+  }
+  return cachedConfig;
+}
diff --git a/src/lib/date.ts b/src/lib/date.ts
new file mode 100644
index 00000000..88f841b2
--- /dev/null
+++ b/src/lib/date.ts
@@ -0,0 +1,30 @@
+import { formatDistanceToNow as dateFnsFormatDistanceToNow, format as dateFnsFormat, type Locale } from "date-fns";
+import { enUS, tr, es, zhCN, ja, arSA } from "date-fns/locale";
+
+const locales: Record<string, Locale> = {
+  en: enUS,
+  tr: tr,
+  es: es,
+  zh: zhCN,
+  ja: ja,
+  ar: arSA,
+};
+
+export function getDateLocale(locale: string): Locale {
+  return locales[locale] || enUS;
+}
+
+export function formatDistanceToNow(date: Date | string, locale: string = "en"): string {
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  return dateFnsFormatDistanceToNow(dateObj, {
+    addSuffix: true,
+    locale: getDateLocale(locale),
+  });
+}
+
+export function formatDate(date: Date | string, formatStr: string, locale: string = "en"): string {
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  return dateFnsFormat(dateObj, formatStr, {
+    locale: getDateLocale(locale),
+  });
+}
diff --git a/src/lib/db.ts b/src/lib/db.ts
new file mode 100644
index 00000000..9bb9ce61
--- /dev/null
+++ b/src/lib/db.ts
@@ -0,0 +1,16 @@
+import { PrismaClient } from "@prisma/client";
+
+const globalForPrisma = globalThis as unknown as {
+  prisma: PrismaClient | undefined;
+};
+
+export const db =
+  globalForPrisma.prisma ??
+  new PrismaClient({
+    log:
+      process.env.NODE_ENV === "development"
+        ? ["query", "error", "warn"]
+        : ["error"],
+  });
+
+if (process.env.NODE_ENV !== "production") globalForPrisma.prisma = db;
diff --git a/src/lib/i18n/client.ts b/src/lib/i18n/client.ts
new file mode 100644
index 00000000..afa8b030
--- /dev/null
+++ b/src/lib/i18n/client.ts
@@ -0,0 +1,23 @@
+"use client";
+
+import { LOCALE_COOKIE } from "./config";
+
+/**
+ * Set the user's locale preference (client-side)
+ * This updates the cookie and reloads the page
+ */
+export function setLocale(locale: string): void {
+  // Set cookie with 1 year expiry
+  document.cookie = `${LOCALE_COOKIE}=${locale}; path=/; max-age=${60 * 60 * 24 * 365}; SameSite=Lax`;
+  
+  // Reload to apply the new locale
+  window.location.reload();
+}
+
+/**
+ * Get the current locale from cookie (client-side)
+ */
+export function getLocaleClient(): string | null {
+  const match = document.cookie.match(new RegExp(`(^| )${LOCALE_COOKIE}=([^;]+)`));
+  return match ? match[2] : null;
+}
diff --git a/src/lib/i18n/config.ts b/src/lib/i18n/config.ts
new file mode 100644
index 00000000..9dbb692a
--- /dev/null
+++ b/src/lib/i18n/config.ts
@@ -0,0 +1,24 @@
+// Cookie name for storing locale preference
+export const LOCALE_COOKIE = "NEXT_LOCALE";
+
+// Supported locales - keep in sync with prompts.config.ts
+export const supportedLocales = ["en", "tr", "es", "zh", "ja", "ar"];
+export const defaultLocale = "en";
+
+// RTL locales
+export const rtlLocales = ["ar"];
+
+// Check if a locale is RTL
+export function isRtlLocale(locale: string): boolean {
+  return rtlLocales.includes(locale);
+}
+
+// Get supported locales
+export function getSupportedLocales() {
+  return supportedLocales;
+}
+
+// Get default locale
+export function getDefaultLocale() {
+  return defaultLocale;
+}
diff --git a/src/lib/i18n/index.ts b/src/lib/i18n/index.ts
new file mode 100644
index 00000000..662ecd09
--- /dev/null
+++ b/src/lib/i18n/index.ts
@@ -0,0 +1,2 @@
+export { LOCALE_COOKIE, defaultLocale, supportedLocales, rtlLocales, getDefaultLocale, getSupportedLocales, isRtlLocale } from "./config";
+export { setLocale, getLocaleClient } from "./client";
diff --git a/src/lib/i18n/server.ts b/src/lib/i18n/server.ts
new file mode 100644
index 00000000..b07269c2
--- /dev/null
+++ b/src/lib/i18n/server.ts
@@ -0,0 +1,52 @@
+"use server";
+
+import { cookies } from "next/headers";
+import { LOCALE_COOKIE, supportedLocales } from "./config";
+import { db } from "@/lib/db";
+import { auth } from "@/lib/auth";
+
+/**
+ * Set the user's locale preference (server action)
+ * Updates both cookie and database (if logged in)
+ */
+export async function setLocaleServer(locale: string): Promise<void> {
+  if (!supportedLocales.includes(locale)) {
+    throw new Error(`Locale "${locale}" is not supported`);
+  }
+  
+  // Set cookie
+  const cookieStore = await cookies();
+  cookieStore.set(LOCALE_COOKIE, locale, {
+    path: "/",
+    maxAge: 60 * 60 * 24 * 365, // 1 year
+    sameSite: "lax",
+  });
+  
+  // Update database if user is logged in
+  const session = await auth();
+  if (session?.user?.id) {
+    await db.user.update({
+      where: { id: session.user.id },
+      data: { locale },
+    });
+  }
+}
+
+/**
+ * Sync locale from database to cookie on login
+ */
+export async function syncLocaleFromUser(userId: string): Promise<void> {
+  const user = await db.user.findUnique({
+    where: { id: userId },
+    select: { locale: true },
+  });
+  
+  if (user?.locale) {
+    const cookieStore = await cookies();
+    cookieStore.set(LOCALE_COOKIE, user.locale, {
+      path: "/",
+      maxAge: 60 * 60 * 24 * 365,
+      sameSite: "lax",
+    });
+  }
+}
diff --git a/src/lib/plugins/auth/azure.ts b/src/lib/plugins/auth/azure.ts
new file mode 100644
index 00000000..b08f6164
--- /dev/null
+++ b/src/lib/plugins/auth/azure.ts
@@ -0,0 +1,13 @@
+import AzureAD from "next-auth/providers/azure-ad";
+import type { AuthPlugin } from "../types";
+
+export const azurePlugin: AuthPlugin = {
+  id: "azure",
+  name: "Azure AD",
+  getProvider: () =>
+    AzureAD({
+      clientId: process.env.AZURE_AD_CLIENT_ID!,
+      clientSecret: process.env.AZURE_AD_CLIENT_SECRET!,
+      tenantId: process.env.AZURE_AD_TENANT_ID,
+    }),
+};
diff --git a/src/lib/plugins/auth/credentials.ts b/src/lib/plugins/auth/credentials.ts
new file mode 100644
index 00000000..38ddb9db
--- /dev/null
+++ b/src/lib/plugins/auth/credentials.ts
@@ -0,0 +1,45 @@
+import Credentials from "next-auth/providers/credentials";
+import bcrypt from "bcryptjs";
+import { z } from "zod";
+import type { AuthPlugin } from "../types";
+import { db } from "@/lib/db";
+
+const loginSchema = z.object({
+  email: z.string().email(),
+  password: z.string().min(6),
+});
+
+export const credentialsPlugin: AuthPlugin = {
+  id: "credentials",
+  name: "Email & Password",
+  getProvider: () =>
+    Credentials({
+      name: "credentials",
+      credentials: {
+        email: { label: "Email", type: "email" },
+        password: { label: "Password", type: "password" },
+      },
+      async authorize(credentials) {
+        const parsed = loginSchema.safeParse(credentials);
+        if (!parsed.success) return null;
+
+        const { email, password } = parsed.data;
+
+        const user = await db.user.findUnique({
+          where: { email },
+        });
+
+        if (!user || !user.password) return null;
+
+        const isValid = await bcrypt.compare(password, user.password);
+        if (!isValid) return null;
+
+        return {
+          id: user.id,
+          email: user.email,
+          name: user.name,
+          image: user.avatar,
+        };
+      },
+    }),
+};
diff --git a/src/lib/plugins/auth/google.ts b/src/lib/plugins/auth/google.ts
new file mode 100644
index 00000000..d4611147
--- /dev/null
+++ b/src/lib/plugins/auth/google.ts
@@ -0,0 +1,12 @@
+import Google from "next-auth/providers/google";
+import type { AuthPlugin } from "../types";
+
+export const googlePlugin: AuthPlugin = {
+  id: "google",
+  name: "Google",
+  getProvider: () =>
+    Google({
+      clientId: process.env.GOOGLE_CLIENT_ID!,
+      clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
+    }),
+};
diff --git a/src/lib/plugins/auth/index.ts b/src/lib/plugins/auth/index.ts
new file mode 100644
index 00000000..facd4a4c
--- /dev/null
+++ b/src/lib/plugins/auth/index.ts
@@ -0,0 +1,13 @@
+import { registerAuthPlugin } from "../registry";
+import { credentialsPlugin } from "./credentials";
+import { googlePlugin } from "./google";
+import { azurePlugin } from "./azure";
+
+// Register all built-in auth plugins
+export function registerBuiltInAuthPlugins(): void {
+  registerAuthPlugin(credentialsPlugin);
+  registerAuthPlugin(googlePlugin);
+  registerAuthPlugin(azurePlugin);
+}
+
+export { credentialsPlugin, googlePlugin, azurePlugin };
diff --git a/src/lib/plugins/index.ts b/src/lib/plugins/index.ts
new file mode 100644
index 00000000..c41d2f78
--- /dev/null
+++ b/src/lib/plugins/index.ts
@@ -0,0 +1,56 @@
+import { registerBuiltInAuthPlugins } from "./auth";
+import { registerBuiltInStoragePlugins } from "./storage";
+import { getAuthPlugin, getStoragePlugin } from "./registry";
+import { getConfig } from "@/lib/config";
+
+// Export all types
+export * from "./types";
+export * from "./registry";
+
+// Initialize all built-in plugins
+let initialized = false;
+
+export function initializePlugins(): void {
+  if (initialized) return;
+  
+  registerBuiltInAuthPlugins();
+  registerBuiltInStoragePlugins();
+  
+  initialized = true;
+}
+
+/**
+ * Get the configured auth plugin based on prompts.config.ts
+ */
+export async function getConfiguredAuthPlugin() {
+  initializePlugins();
+  const config = await getConfig();
+  const plugin = getAuthPlugin(config.auth.provider);
+  
+  if (!plugin) {
+    throw new Error(
+      `Auth plugin "${config.auth.provider}" not found. ` +
+      `Available plugins: credentials, google, azure`
+    );
+  }
+  
+  return plugin;
+}
+
+/**
+ * Get the configured storage plugin based on prompts.config.ts
+ */
+export async function getConfiguredStoragePlugin() {
+  initializePlugins();
+  const config = await getConfig();
+  const plugin = getStoragePlugin(config.storage.provider);
+  
+  if (!plugin) {
+    throw new Error(
+      `Storage plugin "${config.storage.provider}" not found. ` +
+      `Available plugins: url, s3`
+    );
+  }
+  
+  return plugin;
+}
diff --git a/src/lib/plugins/registry.ts b/src/lib/plugins/registry.ts
new file mode 100644
index 00000000..abd49f06
--- /dev/null
+++ b/src/lib/plugins/registry.ts
@@ -0,0 +1,47 @@
+import type { AuthPlugin, StoragePlugin, PluginRegistry } from "./types";
+
+// Global plugin registry
+const registry: PluginRegistry = {
+  auth: new Map(),
+  storage: new Map(),
+};
+
+// ============================================
+// Auth Plugin Registration
+// ============================================
+
+export function registerAuthPlugin(plugin: AuthPlugin): void {
+  registry.auth.set(plugin.id, plugin);
+}
+
+export function getAuthPlugin(id: string): AuthPlugin | undefined {
+  return registry.auth.get(id);
+}
+
+export function getAllAuthPlugins(): AuthPlugin[] {
+  return Array.from(registry.auth.values());
+}
+
+// ============================================
+// Storage Plugin Registration
+// ============================================
+
+export function registerStoragePlugin(plugin: StoragePlugin): void {
+  registry.storage.set(plugin.id, plugin);
+}
+
+export function getStoragePlugin(id: string): StoragePlugin | undefined {
+  return registry.storage.get(id);
+}
+
+export function getAllStoragePlugins(): StoragePlugin[] {
+  return Array.from(registry.storage.values());
+}
+
+// ============================================
+// Registry Access
+// ============================================
+
+export function getRegistry(): PluginRegistry {
+  return registry;
+}
diff --git a/src/lib/plugins/storage/index.ts b/src/lib/plugins/storage/index.ts
new file mode 100644
index 00000000..e6078bfa
--- /dev/null
+++ b/src/lib/plugins/storage/index.ts
@@ -0,0 +1,19 @@
+import { registerStoragePlugin } from "../registry";
+import { urlStoragePlugin } from "./url";
+
+// Register all built-in storage plugins
+export function registerBuiltInStoragePlugins(): void {
+  registerStoragePlugin(urlStoragePlugin);
+  
+  // S3 plugin requires @aws-sdk/client-s3 to be installed
+  // To enable S3 storage:
+  // 1. npm install @aws-sdk/client-s3
+  // 2. Set S3_BUCKET, S3_REGION, S3_ACCESS_KEY_ID, S3_SECRET_ACCESS_KEY env vars
+  // 3. Uncomment the code below:
+  //
+  // import("./s3").then(({ s3StoragePlugin }) => {
+  //   registerStoragePlugin(s3StoragePlugin);
+  // });
+}
+
+export { urlStoragePlugin };
diff --git a/src/lib/plugins/storage/s3.ts b/src/lib/plugins/storage/s3.ts
new file mode 100644
index 00000000..49011d37
--- /dev/null
+++ b/src/lib/plugins/storage/s3.ts
@@ -0,0 +1,143 @@
+import type { StoragePlugin, UploadResult, UploadOptions } from "../types";
+
+/**
+ * S3 Storage Plugin
+ * 
+ * Supports AWS S3 and S3-compatible services (MinIO, DigitalOcean Spaces, etc.)
+ * 
+ * Required env vars:
+ * - S3_BUCKET
+ * - S3_REGION
+ * - S3_ACCESS_KEY_ID
+ * - S3_SECRET_ACCESS_KEY
+ * - S3_ENDPOINT (optional, for S3-compatible services)
+ * 
+ * Note: Requires @aws-sdk/client-s3 to be installed:
+ * npm install @aws-sdk/client-s3
+ */
+
+// Helper to dynamically load AWS SDK
+async function getS3Client() {
+  try {
+    // Use webpackIgnore to prevent bundling this optional dependency
+    const module = await import(/* webpackIgnore: true */ "@aws-sdk/client-s3");
+    return module;
+  } catch {
+    throw new Error(
+      "S3 storage requires @aws-sdk/client-s3. Install it with: npm install @aws-sdk/client-s3"
+    );
+  }
+}
+
+export const s3StoragePlugin: StoragePlugin = {
+  id: "s3",
+  name: "Amazon S3",
+  
+  isConfigured: () => {
+    return !!(
+      process.env.S3_BUCKET &&
+      process.env.S3_REGION &&
+      process.env.S3_ACCESS_KEY_ID &&
+      process.env.S3_SECRET_ACCESS_KEY
+    );
+  },
+  
+  async upload(file: File | Buffer, options?: UploadOptions): Promise<UploadResult> {
+    // Check configuration
+    if (!this.isConfigured()) {
+      throw new Error(
+        "S3 storage is not configured. Please set S3_BUCKET, S3_REGION, S3_ACCESS_KEY_ID, and S3_SECRET_ACCESS_KEY environment variables."
+      );
+    }
+
+    // Dynamic import to avoid bundling issues when S3 is not used
+    const { S3Client, PutObjectCommand } = await getS3Client();
+    
+    const client = new S3Client({
+      region: process.env.S3_REGION!,
+      endpoint: process.env.S3_ENDPOINT,
+      credentials: {
+        accessKeyId: process.env.S3_ACCESS_KEY_ID!,
+        secretAccessKey: process.env.S3_SECRET_ACCESS_KEY!,
+      },
+      forcePathStyle: !!process.env.S3_ENDPOINT, // Required for S3-compatible services
+    });
+
+    // Generate unique key
+    const timestamp = Date.now();
+    const randomId = Math.random().toString(36).substring(2, 8);
+    const filename = options?.filename || `file-${timestamp}-${randomId}`;
+    const folder = options?.folder || "uploads";
+    const key = `${folder}/${filename}`;
+
+    // Convert File to Buffer if needed
+    let buffer: Buffer;
+    let contentType: string | undefined;
+    
+    if (file instanceof File) {
+      const arrayBuffer = await file.arrayBuffer();
+      buffer = Buffer.from(arrayBuffer);
+      contentType = file.type;
+    } else {
+      buffer = file;
+      contentType = options?.mimeType;
+    }
+
+    // Upload to S3
+    await client.send(
+      new PutObjectCommand({
+        Bucket: process.env.S3_BUCKET!,
+        Key: key,
+        Body: buffer,
+        ContentType: contentType,
+      })
+    );
+
+    // Construct URL
+    const endpoint = process.env.S3_ENDPOINT || `https://s3.${process.env.S3_REGION}.amazonaws.com`;
+    const url = `${endpoint}/${process.env.S3_BUCKET}/${key}`;
+
+    return {
+      url,
+      key,
+      size: buffer.length,
+      mimeType: contentType,
+    };
+  },
+  
+  async delete(keyOrUrl: string): Promise<void> {
+    if (!this.isConfigured()) {
+      throw new Error("S3 storage is not configured.");
+    }
+
+    const { S3Client, DeleteObjectCommand } = await getS3Client();
+    
+    const client = new S3Client({
+      region: process.env.S3_REGION!,
+      endpoint: process.env.S3_ENDPOINT,
+      credentials: {
+        accessKeyId: process.env.S3_ACCESS_KEY_ID!,
+        secretAccessKey: process.env.S3_SECRET_ACCESS_KEY!,
+      },
+      forcePathStyle: !!process.env.S3_ENDPOINT,
+    });
+
+    // Extract key from URL if needed
+    let key = keyOrUrl;
+    if (keyOrUrl.startsWith("http")) {
+      const url = new URL(keyOrUrl);
+      key = url.pathname.substring(1); // Remove leading slash
+      // Remove bucket name from path if present
+      if (key.startsWith(process.env.S3_BUCKET!)) {
+        key = key.substring(process.env.S3_BUCKET!.length + 1);
+      }
+    }
+
+    await client.send(
+      new DeleteObjectCommand({
+        Bucket: process.env.S3_BUCKET!,
+        Key: key,
+      })
+    );
+  },
+};
diff --git a/src/lib/plugins/storage/url.ts b/src/lib/plugins/storage/url.ts
new file mode 100644
index 00000000..16c89032
--- /dev/null
+++ b/src/lib/plugins/storage/url.ts
@@ -0,0 +1,28 @@
+import type { StoragePlugin, UploadResult } from "../types";
+
+/**
+ * URL Storage Plugin
+ * 
+ * This plugin only stores external URLs - no actual file upload.
+ * Users provide URLs to external images/videos.
+ */
+export const urlStoragePlugin: StoragePlugin = {
+  id: "url",
+  name: "External URL",
+  
+  isConfigured: () => true, // Always available
+  
+  async upload(file: File | Buffer): Promise<UploadResult> {
+    // This plugin doesn't actually upload files
+    // It's meant for storing external URLs only
+    throw new Error(
+      "URL storage plugin does not support file uploads. " +
+      "Please provide an external URL instead, or configure an upload-capable storage plugin like S3."
+    );
+  },
+  
+  async delete(): Promise<void> {
+    // URLs cannot be deleted as they're external
+    // This is a no-op
+  },
+};
diff --git a/src/lib/plugins/types.ts b/src/lib/plugins/types.ts
new file mode 100644
index 00000000..c022cd51
--- /dev/null
+++ b/src/lib/plugins/types.ts
@@ -0,0 +1,57 @@
+import type { NextAuthConfig } from "next-auth";
+
+// ============================================
+// Auth Plugin Types
+// ============================================
+
+export interface AuthPlugin {
+  id: string;
+  name: string;
+  /**
+   * Returns the NextAuth provider configuration
+   */
+  getProvider: () => NextAuthConfig["providers"][number];
+}
+
+// ============================================
+// Storage Plugin Types
+// ============================================
+
+export interface UploadResult {
+  url: string;
+  key?: string;
+  size?: number;
+  mimeType?: string;
+}
+
+export interface StoragePlugin {
+  id: string;
+  name: string;
+  /**
+   * Upload a file and return the URL
+   */
+  upload: (file: File | Buffer, options?: UploadOptions) => Promise<UploadResult>;
+  /**
+   * Delete a file by key/URL
+   */
+  delete?: (keyOrUrl: string) => Promise<void>;
+  /**
+   * Check if the plugin is properly configured
+   */
+  isConfigured: () => boolean;
+}
+
+export interface UploadOptions {
+  filename?: string;
+  mimeType?: string;
+  folder?: string;
+}
+
+// ============================================
+// Plugin Registry
+// ============================================
+
+export interface PluginRegistry {
+  auth: Map<string, AuthPlugin>;
+  storage: Map<string, StoragePlugin>;
+}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
new file mode 100644
index 00000000..bd0c391d
--- /dev/null
+++ b/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/src/lib/webhook.ts b/src/lib/webhook.ts
new file mode 100644
index 00000000..a0ba7c62
--- /dev/null
+++ b/src/lib/webhook.ts
@@ -0,0 +1,237 @@
+import { db } from "@/lib/db";
+import { WebhookEvent } from "@prisma/client";
+
+interface PromptData {
+  id: string;
+  title: string;
+  description: string | null;
+  content: string;
+  type: string;
+  mediaUrl: string | null;
+  isPrivate: boolean;
+  author: {
+    username: string;
+    name: string | null;
+    avatar: string | null;
+  };
+  category: {
+    name: string;
+    slug: string;
+  } | null;
+  tags: { tag: { name: string; slug: string } }[];
+}
+
+// Available placeholders for webhook payloads
+export const WEBHOOK_PLACEHOLDERS = {
+  PROMPT_ID: "{{PROMPT_ID}}",
+  PROMPT_TITLE: "{{PROMPT_TITLE}}",
+  PROMPT_DESCRIPTION: "{{PROMPT_DESCRIPTION}}",
+  PROMPT_CONTENT: "{{PROMPT_CONTENT}}",
+  PROMPT_TYPE: "{{PROMPT_TYPE}}",
+  PROMPT_URL: "{{PROMPT_URL}}",
+  PROMPT_MEDIA_URL: "{{PROMPT_MEDIA_URL}}",
+  AUTHOR_USERNAME: "{{AUTHOR_USERNAME}}",
+  AUTHOR_NAME: "{{AUTHOR_NAME}}",
+  AUTHOR_AVATAR: "{{AUTHOR_AVATAR}}",
+  CATEGORY_NAME: "{{CATEGORY_NAME}}",
+  TAGS: "{{TAGS}}",
+  TIMESTAMP: "{{TIMESTAMP}}",
+  SITE_URL: "{{SITE_URL}}",
+  CHATGPT_URL: "{{CHATGPT_URL}}",
+} as const;
+
+// Slack Block Kit preset for new prompts
+export const SLACK_PRESET_PAYLOAD = `{
+  "blocks": [
+    {
+      "type": "header",
+      "text": {
+        "type": "plain_text",
+        "text": "{{PROMPT_TITLE}}",
+        "emoji": true
+      }
+    },
+    {
+      "type": "actions",
+      "elements": [
+        {
+          "type": "button",
+          "text": {
+            "type": "plain_text",
+            "text": "View Prompt",
+            "emoji": true
+          },
+          "url": "{{PROMPT_URL}}",
+          "style": "primary",
+          "action_id": "view_prompt"
+        },
+        {
+          "type": "button",
+          "text": {
+            "type": "plain_text",
+            "text": "Run in ChatGPT",
+            "emoji": true
+          },
+          "url": "{{CHATGPT_URL}}",
+          "action_id": "run_chatgpt"
+        },
+        {
+          "type": "button",
+          "text": {
+            "type": "plain_text",
+            "text": "{{PROMPT_TYPE}}",
+            "emoji": true
+          },
+          "action_id": "type_badge"
+        }
+      ]
+    },
+    {
+      "type": "section",
+      "text": {
+        "type": "mrkdwn",
+        "text": "\`\`\`{{PROMPT_CONTENT}}\`\`\`"
+      }
+    },
+    {
+      "type": "section",
+      "text": {
+        "type": "mrkdwn",
+        "text": "{{PROMPT_DESCRIPTION}}"
+      }
+    },
+    {
+      "type": "section",
+      "fields": [
+        {
+          "type": "mrkdwn",
+          "text": "*Author:*\\n<{{SITE_URL}}/@{{AUTHOR_USERNAME}}|@{{AUTHOR_USERNAME}}>"
+        },
+        {
+          "type": "mrkdwn",
+          "text": "*Category:*\\n{{CATEGORY_NAME}}"
+        },
+        {
+          "type": "mrkdwn",
+          "text": "*Tags:*\\n{{TAGS}}"
+        }
+      ]
+    },
+    {
+      "type": "context",
+      "elements": [
+        {
+          "type": "image",
+          "image_url": "{{AUTHOR_AVATAR}}",
+          "alt_text": "{{AUTHOR_NAME}}"
+        },
+        {
+          "type": "mrkdwn",
+          "text": "Created by *{{AUTHOR_NAME}}* on {{TIMESTAMP}}"
+        }
+      ]
+    },
+    {
+      "type": "divider"
+    }
+  ]
+}`;
+
+function escapeJsonString(str: string): string {
+  return str
+    .replace(/\\/g, "\\\\")
+    .replace(/"/g, '\\"')
+    .replace(/\n/g, "\\n")
+    .replace(/\r/g, "\\r")
+    .replace(/\t/g, "\\t");
+}
+
+function truncate(str: string, maxLength: number): string {
+  if (str.length <= maxLength) return str;
+  return str.substring(0, maxLength - 3) + "...";
+}
+
+function replacePlaceholders(template: string, prompt: PromptData): string {
+  const siteUrl = process.env.NEXT_PUBLIC_APP_URL || "https://prompts.chat";
+  const promptUrl = `${siteUrl}/prompts/${prompt.id}`;
+  const defaultAvatar = `${siteUrl}/default-avatar.png`;
+  const chatgptUrl = `https://chat.openai.com/?prompt=${encodeURIComponent(prompt.content)}`;
+
+  const replacements: Record<string, string> = {
+    [WEBHOOK_PLACEHOLDERS.PROMPT_ID]: prompt.id,
+    [WEBHOOK_PLACEHOLDERS.PROMPT_TITLE]: escapeJsonString(prompt.title),
+    [WEBHOOK_PLACEHOLDERS.PROMPT_DESCRIPTION]: escapeJsonString(prompt.description || "No description"),
+    [WEBHOOK_PLACEHOLDERS.PROMPT_CONTENT]: escapeJsonString(truncate(prompt.content, 2000)),
+    [WEBHOOK_PLACEHOLDERS.PROMPT_TYPE]: prompt.type,
+    [WEBHOOK_PLACEHOLDERS.PROMPT_URL]: promptUrl,
+    [WEBHOOK_PLACEHOLDERS.PROMPT_MEDIA_URL]: prompt.mediaUrl || "",
+    [WEBHOOK_PLACEHOLDERS.AUTHOR_USERNAME]: prompt.author.username,
+    [WEBHOOK_PLACEHOLDERS.AUTHOR_NAME]: escapeJsonString(prompt.author.name || prompt.author.username),
+    [WEBHOOK_PLACEHOLDERS.AUTHOR_AVATAR]: prompt.author.avatar || defaultAvatar,
+    [WEBHOOK_PLACEHOLDERS.CATEGORY_NAME]: prompt.category?.name || "Uncategorized",
+    [WEBHOOK_PLACEHOLDERS.TAGS]: prompt.tags.map((t) => t.tag.name).join(", ") || "None",
+    [WEBHOOK_PLACEHOLDERS.TIMESTAMP]: new Date().toLocaleDateString("en-US", {
+      weekday: "short",
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+    }),
+    [WEBHOOK_PLACEHOLDERS.SITE_URL]: siteUrl,
+    [WEBHOOK_PLACEHOLDERS.CHATGPT_URL]: chatgptUrl,
+  };
+
+  let result = template;
+  for (const [placeholder, value] of Object.entries(replacements)) {
+    result = result.replace(new RegExp(placeholder.replace(/[{}]/g, "\\$&"), "g"), value);
+  }
+
+  return result;
+}
+
+export async function triggerWebhooks(event: WebhookEvent, prompt: PromptData): Promise<void> {
+  try {
+    // Get all enabled webhooks for this event
+    const webhooks = await db.webhookConfig.findMany({
+      where: {
+        isEnabled: true,
+        events: {
+          has: event,
+        },
+      },
+    });
+
+    if (webhooks.length === 0) {
+      return;
+    }
+
+    // Send webhooks in parallel (fire and forget)
+    const promises = webhooks.map(async (webhook) => {
+      try {
+        const payload = replacePlaceholders(webhook.payload, prompt);
+        const headers: Record<string, string> = {
+          "Content-Type": "application/json",
+          ...(webhook.headers as Record<string, string> || {}),
+        };
+
+        const response = await fetch(webhook.url, {
+          method: webhook.method,
+          headers,
+          body: payload,
+        });
+
+        if (!response.ok) {
+          console.error(`Webhook ${webhook.name} failed:`, response.status, await response.text());
+        }
+      } catch (error) {
+        console.error(`Webhook ${webhook.name} error:`, error);
+      }
+    });
+
+    // Don't await - fire and forget
+    Promise.allSettled(promises);
+  } catch (error) {
+    console.error("Failed to trigger webhooks:", error);
+  }
+}
diff --git a/style.css b/style.css
deleted file mode 100644
index f7b196e9..00000000
--- a/style.css
+++ /dev/null
@@ -1,2404 +0,0 @@
-:root {
-    --bg-color-light: #ffffff;
-    --bg-color-dark: #1a1a1a;
-    --text-color-light: #000000;
-    --text-color-dark: #ffffff;
-    --header-height: 145px;
-    --footer-height: 145px;
-    --sidebar-width: 300px;
-    --accent-color: #10b981;
-    --accent-color-hover: #059669;
-    --tech-badge-bg: #f3f4f6;
-    --tech-badge-text: #4b5563;
-    --tech-badge-bg-dark: #374151;
-    --tech-badge-text-dark: #d1d5db;
-    --background-color: var(--bg-color-light);
-    --background-color-dark: var(--bg-color-dark);
-    --border-color: #e1e4e8;
-    --border-color-dark: #2d2d2d;
-}
-
-body {
-    background-color: var(--bg-color-light);
-    color: var(--text-color-light);
-    margin: 0;
-    padding: 0;
-    overflow-y: hidden;
-}
-
-body.vibe {
-    font-family: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
-    font-size: 14px;
-    line-height: 1.5;
-    overflow-x: hidden;
-}
-
-@media (max-width: 768px) {
-    body {
-        overflow-y: auto !important;
-    }
-}
-
-body.dark-mode {
-    background-color: var(--bg-color-dark);
-    color: var(--text-color-dark);
-}
-
-.dark-mode-toggle {
-    background-color: transparent;
-    border: none;
-    color: var(--accent-color);
-    cursor: pointer;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    opacity: 0.8;
-    transition: opacity 0.2s ease;
-}
-
-.dark-mode-toggle:hover {
-    opacity: 1;
-}
-
-.mode-icon {
-    width: 20px;
-    height: 20px;
-    stroke: currentColor;
-}
-
-.site-header {
-    padding: 1rem 2rem;
-    text-align: left;
-    border-bottom: 1px solid #e1e4e8;
-    background-color: var(--bg-color-light);
-    position: sticky;
-    top: 0;
-    z-index: 100;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    height: var(--header-height);
-}
-
-.dark-mode .site-header {
-    background-color: var(--bg-color-dark);
-    border-bottom-color: #2d2d2d;
-}
-
-.header-left {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    gap: 0;
-}
-
-.header-right {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 12px;
-}
-
-.star-count {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    color: var(--accent-color);
-    font-size: 0.9rem;
-    opacity: 0.8;
-    text-decoration: none;
-    transition: opacity 0.2s ease;
-}
-
-.star-count:hover {
-    opacity: 1;
-}
-
-.star-count svg {
-    width: 16px;
-    height: 16px;
-}
-
-.social-links {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 12px;
-    margin-right: 8px;
-}
-
-.social-link {
-    color: var(--accent-color);
-    opacity: 0.8;
-    transition: opacity 0.2s ease;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.social-link:hover {
-    opacity: 1;
-}
-
-.social-link svg {
-    width: 24px;
-    height: 24px;
-}
-
-.techstack-badges {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-    margin-right: 0.5rem;
-}
-
-.tech-badge {
-    background: var(--tech-badge-bg);
-    color: var(--tech-badge-text);
-    padding: 0.1rem 0.2rem;
-    border-radius: 0.25rem;
-    font-size: 0.7rem;
-    font-weight: 500;
-    white-space: nowrap;
-}
-
-.dark-mode .tech-badge {
-    background: var(--tech-badge-bg-dark);
-    color: var(--tech-badge-text-dark);
-}
-
-.card-footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    position: absolute;
-    bottom: 12px;
-    left: 12px;
-    right: 0;
-}
-
-.card-footer .contributor-badge {
-    bottom: 0;
-}
-
-.site-footer {
-    padding: 12px 20px;
-    text-align: center;
-    border-top: 1px solid #e1e4e8;
-    background: var(--bg-color-light);
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 100;
-    height: var(--footer-height);
-}
-
-.dark-mode .site-footer {
-    background: var(--bg-color-dark);
-    border-color: #2d2d2d;
-}
-
-.footer-content {
-    max-width: none;
-    margin: 0;
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 0 30px;
-    text-align: left;
-    font-size: 0.7rem;
-    padding: 0 1rem;
-}
-
-.footer-section {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-}
-
-.footer-section h3 {
-    font-size: 0.8rem;
-    margin: 0;
-    opacity: 0.8;
-}
-
-.dark-mode .footer-section h3 {
-    color: var(--text-color-dark);
-}
-
-.footer-section p {
-    font-size: inherit;
-    margin: 0;
-    line-height: 1.3;
-    opacity: 0.6;
-    color: var(--text-color-light);
-}
-
-.dark-mode .footer-section p {
-    color: var(--text-color-dark);
-}
-
-.book-links {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-}
-
-.book-link svg {
-    width: 14px;
-    height: 14px;
-}
-
-/* Add padding to main content to prevent overlap with fixed footer */
-.layout-wrapper {
-    padding-bottom: 100px;
-}
-
-@media (max-width: 768px) {
-    .footer-content {
-        grid-template-columns: 1fr;
-        gap: 12px;
-        text-align: left;
-        padding: 0 1rem;
-    }
-    
-    .footer-section {
-        text-align: left;
-    }
-    
-    .footer-section p {
-        text-align: left;
-    }
-    
-    .book-links {
-        align-items: flex-start;
-    }
-    
-    .site-footer {
-        position: static;
-        text-align: left;
-    }
-    
-    .layout-wrapper {
-        padding-bottom: 0;
-    }
-    
-    .site-description {
-        display: none !important;
-    }
-    
-    .site-header {
-        padding: 0.75rem 1rem;
-        flex-direction: column;
-        align-items: stretch;
-        gap: 8px;
-        position: relative;
-    }
-
-    body.vibe .site-header {
-        height: auto !important;
-    }
-
-    body.vibe .sidebar {
-        display: none !important;
-    }
-
-    .header-right {
-        position: absolute;
-        top: 1.3rem;
-        right: 0.75rem;
-        gap: 8px;
-        display: flex;
-        align-items: center;
-    }
-    
-    .star-count {
-        display: flex;
-        font-size: 0.8rem;
-    }
-    
-    .star-count svg {
-        width: 14px;
-        height: 14px;
-    }
-    
-    .dark-mode-toggle {
-        padding: 4px;
-    }
-    
-    .mode-icon {
-        width: 18px;
-        height: 18px;
-    }
-    
-    .site-slogan {
-        display: none;
-    }
-    
-    .site-description {
-        display: flex !important;
-        margin-top: 4px;
-    }
-    
-    .platform-hint {
-        font-size: 0.7rem;
-    }
-    
-    .platform-tag {
-        padding: 1px 6px;
-        font-size: 0.75rem;
-    }
-    
-    .github-link {
-        display: none;
-    }
-    
-    .github-link span {
-        display: none;
-    }
-    
-    .search-container {
-        padding-bottom: 0 !important;
-        margin-bottom: 0 !important;
-    }
-}
-
-.site-title {
-    font-size: 1.8rem;
-    font-weight: 700;
-    margin: 0;
-    background: linear-gradient(45deg, var(--accent-color), #3b82f6);
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-    display: inline-block;
-    position: relative;
-    transition: transform 0.3s ease;
-}
-
-/* Blinking cursor animation for development mode */
-@keyframes blink-cursor {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0; }
-}
-
-.site-slogan {
-    font-size: 0.9rem;
-    opacity: 0.7;
-    margin: 0 0 0.8rem 0;
-    line-height: 1;
-}
-
-@media (max-width: 768px) {
-    .site-slogan {
-        display: none;
-    }
-    
-    .site-description {
-        display: flex !important;
-        margin-top: 4px;
-    }
-    
-    .platform-hint {
-        font-size: 0.7rem;
-    }
-    
-    .platform-tag {
-        padding: 1px 6px;
-        font-size: 0.75rem;
-    }
-    
-    .header-right {
-        gap: 8px;
-    }
-    
-    .mode-text {
-        display: none;
-    }
-    
-    .dark-mode-toggle {
-        padding: 6px;
-    }
-    
-    .github-link {
-        padding: 6px;
-    }
-    
-    .github-link span {
-        display: none;
-    }
-}
-
-.site-title:hover {
-    transform: translateY(-2px);
-}
-
-.site-title::before {
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background: linear-gradient(45deg, var(--accent-color), #3b82f6);
-    filter: blur(20px);
-    opacity: 0;
-    transition: opacity 0.3s ease;
-    z-index: -1;
-}
-
-.site-title:hover::before {
-    opacity: 0.15;
-}
-
-.site-description {
-    color: var(--text-color-light);
-    margin: 0;
-    font-size: 0.95rem;
-    opacity: 0.8;
-    display: flex;
-    flex-direction: column;
-    gap: 0.3rem;
-}
-
-.platform-hint {
-    font-size: 0.75rem;
-    opacity: 0.6;
-    margin: 0;
-}
-
-.platform-pills {
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-    flex-wrap: wrap;
-}
-
-.platform-tag {
-    display: inline-flex;
-    align-items: center;
-    padding: 2px 8px;
-    border-radius: 12px;
-    font-size: 0.85rem;
-    background: rgba(16, 185, 129, 0.1);
-    color: var(--accent-color);
-    border: 1px solid var(--accent-color);
-    text-decoration: none;
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.platform-tag:hover {
-    background: rgba(16, 185, 129, 0.2);
-    transform: translateY(-1px);
-}
-
-.platform-tag.active {
-    background: var(--accent-color);
-    color: white;
-    transform: translateY(-1px);
-}
-
-.dark-mode .platform-tag {
-    background: rgba(16, 185, 129, 0.2);
-}
-
-.dark-mode .platform-tag:hover {
-    background: rgba(16, 185, 129, 0.25);
-}
-
-.dark-mode .platform-tag.active {
-    background: var(--accent-color);
-}
-
-.dark-mode .site-description {
-    color: var(--text-color-dark);
-}
-
-.action-buttons {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-}
-
-.chat-button {
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    padding: 2px;
-    color: var(--accent-color);
-    opacity: 0.8;
-    transition: opacity 0.2s ease;
-    z-index: 2;
-    flex-shrink: 0;
-}
-
-.chat-button:hover {
-    opacity: 1;
-}
-
-.chat-button svg {
-    width: 16px;
-    height: 16px;
-}
-
-.yaml-button {
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    padding: 2px;
-    color: var(--accent-color);
-    opacity: 0.8;
-    transition: opacity 0.2s ease;
-    z-index: 2;
-    flex-shrink: 0;
-}
-
-.yaml-button:hover {
-    opacity: 1;
-}
-
-.yaml-button svg {
-    width: 16px;
-    height: 16px;
-}
-
-.create-yaml-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 6px;
-    background-color: var(--accent-color);
-    color: white;
-    border: none;
-    padding: 6px 12px;
-    border-radius: 4px;
-    font-size: 13px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    white-space: nowrap;
-    flex-shrink: 0;
-}
-
-.create-yaml-button:hover {
-    background-color: #0e9f71;
-}
-
-.create-yaml-button svg {
-    width: 14px;
-    height: 14px;
-}
-
-.dark-mode .create-yaml-button {
-    background-color: var(--accent-color);
-    color: white;
-}
-
-.dark-mode .create-yaml-button:hover {
-    background-color: #0e9f71;
-}
-
-.yaml-content {
-    background-color: #f5f5f5;
-    padding: 12px;
-    border-radius: 6px;
-    color: #333;
-    font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", monospace;
-    font-size: 13px;
-    line-height: 1.5;
-    overflow: auto;
-    white-space: pre-wrap;
-    margin: 0;
-}
-
-.dark-mode .yaml-content {
-    background-color: #2d2d2d;
-    color: #f5f5f5;
-}
-
-/* YAML syntax highlighting */
-.yaml-content .key {
-    color: #0550ae;
-    font-weight: 500;
-}
-
-.dark-mode .yaml-content .key {
-    color: #4d9eee;
-}
-
-.yaml-content .string {
-    color: #22863a;
-}
-
-.yaml-content .string .number {
-    color: #56b366 !important;
-}
-
-.dark-mode .yaml-content .string {
-    color: #56b366;
-}
-
-.yaml-content .number {
-    color: #905;
-}
-
-.dark-mode .yaml-content .number {
-    color: #e76086;
-}
-
-.yaml-content .boolean {
-    color: #0550ae;
-    font-weight: 500;
-}
-
-.dark-mode .yaml-content .boolean {
-    color: #4d9eee;
-}
-
-/* Style title as code in the yml modal */
-#yamlModalOverlay .modal-title {
-    font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", monospace;
-    font-size: 1.2rem;
-}
-
-.layout-wrapper {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-}
-
-.content-wrapper {
-    display: flex;
-    flex: 1;
-    position: relative;
-}
-
-.sidebar-toggle {
-    position: absolute;
-    top: 50%;
-    left: var(--sidebar-width);
-    transform: translate(-50%, -50%);
-    z-index: 20;
-    width: 24px;
-    height: 48px;
-    border-radius: 0 8px 8px 0;
-    border: 1px solid var(--border-color);
-    border-left: none;
-    background: var(--bg-color-light);
-    color: var(--accent-color);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    transition: left 0.3s ease, background-color 0.2s ease, border-color 0.2s ease;
-}
-
-.sidebar-toggle:hover {
-    background: rgba(16, 185, 129, 0.1);
-    border-color: var(--accent-color);
-}
-
-.sidebar-toggle-icon {
-    width: 16px;
-    height: 16px;
-}
-
-.dark-mode .sidebar-toggle {
-    background: var(--bg-color-dark);
-    border-color: var(--border-color-dark);
-}
-
-.dark-mode .sidebar-toggle:hover {
-    background: rgba(16, 185, 129, 0.2);
-    border-color: var(--accent-color);
-}
-
-body.sidebar-collapsed .sidebar-toggle {
-    left: 0;
-    transform: translate(0, -50%);
-    border-radius: 0 8px 8px 0;
-    border-left: 1px solid var(--border-color);
-}
-
-.dark-mode.sidebar-collapsed .sidebar-toggle {
-    border-left-color: var(--border-color-dark);
-}
-
-@media (max-width: 768px) {
-    .sidebar-toggle {
-        display: none;
-    }
-}
-
-.sidebar {
-    width: var(--sidebar-width);
-    padding: 20px;
-    border-right: 1px solid #e1e4e8;
-    height: calc(100vh - var(--header-height) - var(--footer-height));
-    overflow-y: auto;
-    background-color: var(--bg-color-light);
-    flex-shrink: 0;
-    transition: width 0.3s ease, padding 0.3s ease, opacity 0.2s ease, border-color 0.3s ease;
-}
-
-body.sidebar-collapsed .sidebar {
-    width: 0;
-    padding: 0;
-    border-right-width: 0;
-    opacity: 0;
-    overflow: hidden;
-}
-
-body.sidebar-collapsed .sidebar .search-container {
-    pointer-events: none;
-}
-
-.dark-mode .sidebar {
-    background-color: var(--bg-color-dark);
-    border-right-color: #2d2d2d;
-    scrollbar-color: #2d2d2d transparent;
-}
-
-.main-content {
-    flex: 1;
-    height: calc(100vh - var(--header-height) - var(--footer-height));
-    overflow-y: auto;
-    padding: 20px;
-    padding-top: 0;
-    position: relative;
-}
-
-.dark-mode .main-content {
-    scrollbar-color: #2d2d2d transparent;
-}
-
-.main-content-header {
-    position: sticky;
-    top: 0;
-    background-color: var(--bg-color-light);
-    padding: 6px 38px;
-    border-bottom: 1px solid #e1e4e8;
-    z-index: 10;
-    margin: -20px -20px 20px -20px;
-    backdrop-filter: blur(8px);
-    -webkit-backdrop-filter: blur(8px);
-}
-
-.dark-mode .main-content-header {
-    background-color: var(--bg-color-dark);
-    border-color: #2d2d2d;
-}
-
-.main-content-header .header-content {
-    display: flex;
-    align-items: center;
-    justify-content: end;
-    margin: 0 auto;
-    gap: 16px;
-}
-
-.main-content-header .header-description {
-    font-size: 0.85rem;
-    color: var(--text-color-light);
-    opacity: 0.8;
-    white-space: nowrap;
-}
-
-.dark-mode .main-content-header .header-description {
-    color: var(--text-color-dark);
-}
-
-.main-content-header .platform-selectors {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    font-size: 14px;
-    color: var(--text-color-light);
-    opacity: 0.9;
-    flex-wrap: wrap;
-    margin-right: 0 !important;
-}
-
-.dark-mode .main-content-header .platform-selectors {
-    color: var(--text-color-dark);
-}
-
-.main-content-header .dev-mode-toggle {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 4px 8px;
-    border: 1px solid #e1e4e8;
-    border-radius: 6px;
-    background-color: var(--bg-color-light);
-    min-width: 120px;
-    margin-left: auto;
-}
-
-.dark-mode .main-content-header .dev-mode-toggle {
-    background-color: var(--bg-color-dark);
-    border-color: #2d2d2d;
-}
-
-.main-content-header .dev-mode-toggle:hover {
-    border-color: var(--accent-color);
-}
-
-.main-content-header .dev-mode-label {
-    font-size: 13px;
-    color: var(--text-color-light);
-    white-space: nowrap;
-    order: 1;
-}
-
-.dark-mode .main-content-header .dev-mode-label {
-    color: var(--text-color-dark);
-}
-
-.main-content-header .switch {
-    order: 2;
-}
-
-@media (max-width: 768px) {
-    .main-content-header {
-        padding: 12px 40px;
-        margin: -16px -16px 16px -16px;
-    }
-    
-    .main-content-header .header-content {
-        flex-direction: column;
-        align-items: stretch;
-        gap: 12px;
-    }
-    
-    .main-content-header .header-description {
-        text-align: left;
-        white-space: normal;
-    }
-    
-    .main-content-header .platform-selectors {
-        flex-direction: row;
-        flex-wrap: wrap;
-        width: 100%;
-        align-items: center;
-        text-align: left;
-        gap: 4px;
-    }
-    
-    .main-content-header .custom-select,
-    .main-content-header .custom-input {
-        width: auto;
-        min-width: 0;
-        flex: 0 1 auto;
-    }
-    
-    .main-content-header .custom-input {
-        width: 100%;
-    }
-    
-    /* Show custom inputs on new line when visible */
-    .main-content-header .custom-input:not([style*="display: none"]) {
-        margin-top: 4px;
-        margin-bottom: 4px;
-    }
-}
-
-.main-content-header .custom-select {
-    padding: 2px 20px 2px 4px;
-    font-size: inherit;
-    border: none;
-    border-radius: 4px;
-    background-color: transparent;
-    color: var(--accent-color);
-    cursor: pointer;
-    min-width: 0;
-    font-weight: 500;
-    background-position: right 4px center;
-    background-size: 12px;
-    text-decoration: underline;
-    text-underline-offset: 2px;
-}
-
-.main-content-header .custom-select:hover {
-    opacity: 0.8;
-}
-
-.main-content-header .custom-input {
-    padding: 2px 4px;
-    font-size: inherit;
-    border: none;
-    border-bottom: 1px dashed var(--accent-color);
-    border-radius: 0;
-    background-color: transparent;
-    color: var(--accent-color);
-    min-width: 100px;
-    font-weight: 500;
-}
-
-.main-content-header .custom-input:focus {
-    outline: none;
-    box-shadow: none;
-    border-bottom-style: solid;
-}
-
-.prompts-grid {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 16px;
-    max-width: 100%;
-    margin: 0;
-    padding: 16px;
-}
-
-.container-lg.markdown-body {
-    padding: 0;
-    max-width: none;
-}
-
-@media (max-width: 1600px) {
-    .prompts-grid {
-        grid-template-columns: repeat(3, 1fr);
-    }
-}
-
-@media (max-width: 1200px) {
-    .prompts-grid {
-        grid-template-columns: repeat(2, 1fr);
-    }
-}
-
-@media (max-width: 768px) {
-    .prompts-grid {
-        grid-template-columns: 1fr;
-        gap: 15px;
-    }
-    
-    .card-footer {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 0.75rem;
-    }
-    
-    .contributor-badge {
-        margin-left: 0;
-    }
-}
-
-.prompt-card {
-    background: var(--bg-color-light);
-    border: 1px solid #e1e4e8;
-    border-radius: 12px;
-    padding: 16px;
-    position: relative;
-    transition: transform 0.2s ease;
-    display: flex;
-    flex-direction: column;
-    min-height: 200px;
-}
-
-.dark-mode .prompt-card {
-    background: var(--bg-color-dark);
-    border-color: #2d2d2d;
-}
-
-.prompt-card:hover {
-    transform: translateY(-2px);
-}
-
-.prompt-title {
-    font-size: 1rem;
-    font-weight: 600;
-    margin: 0 0 12px 0;
-    color: var(--text-color-light);
-    line-height: 1.4;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.dark-mode .prompt-title {
-    color: var(--text-color-dark);
-}
-
-.prompt-content {
-    font-size: 0.9rem;
-    line-height: 1.5;
-    color: var(--text-color-light);
-    opacity: 0.8;
-    display: -webkit-box;
-    -webkit-line-clamp: 4;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    margin-bottom: 40px;
-}
-
-.dark-mode .prompt-content {
-    color: var(--text-color-dark);
-}
-
-.copy-button {
-    position: static;
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    padding: 2px;
-    color: var(--accent-color);
-    opacity: 0.8;
-    transition: opacity 0.2s ease;
-    z-index: 2;
-    margin-left: 8px;
-    flex-shrink: 0;
-}
-
-.copy-button:hover {
-    opacity: 1;
-}
-
-.copy-button svg {
-    width: 16px;
-    height: 16px;
-}
-
-.search-container {
-    margin-bottom: 20px;
-}
-
-.prompt-count {
-    margin-bottom: 12px;
-    padding: 6px 10px;
-    border-radius: 6px;
-    background: rgba(16, 185, 129, 0.1);
-    color: var(--accent-color);
-    font-size: 0.8rem;
-    font-weight: 500;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.dark-mode .prompt-count {
-    background: rgba(16, 185, 129, 0.15);
-}
-
-.prompt-count .count-number {
-    font-weight: 600;
-    font-size: 0.9rem;
-}
-
-.prompt-count.filtered {
-    background: rgba(59, 130, 246, 0.1);
-    color: #3b82f6;
-}
-
-.dark-mode .prompt-count.filtered {
-    background: rgba(59, 130, 246, 0.15);
-}
-
-#searchInput {
-    width: 100%;
-    padding: 8px;
-    border: 1px solid #e1e4e8;
-    border-radius: 4px;
-    margin-bottom: 10px;
-    background-color: var(--bg-color-light);
-    color: var(--text-color-light);
-}
-
-.dark-mode #searchInput {
-    background-color: var(--bg-color-dark);
-    color: var(--text-color-dark);
-    border-color: #2d2d2d;
-}
-
-#searchResults {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-.search-result-item {
-    padding: 8px 12px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    border-radius: 6px;
-}
-
-.search-result-item:hover {
-    background-color: rgba(16, 185, 129, 0.1);
-    border-radius: 6px;
-    transform: translateX(4px);
-}
-
-.dark-mode .search-result-item:hover {
-    background-color: rgba(16, 185, 129, 0.2);
-}
-
-.search-result-item.active {
-    background-color: var(--accent-color);
-    color: white;
-}
-
-@media (max-width: 768px) {
-    .content-wrapper {
-        flex-direction: column;
-    }
-    
-    .sidebar {
-        width: 100%;
-        height: auto;
-        border-right: none;
-        border-bottom: 1px solid #e1e4e8;
-    }
-    
-    .dark-mode .sidebar {
-        border-bottom-color: #2d2d2d;
-    }
-    
-    .main-content {
-        height: auto;
-    }
-    
-    .header-right {
-        gap: 8px;
-    }
-    
-    .mode-text {
-        display: none;
-    }
-    
-    .dark-mode-toggle {
-        padding: 6px;
-    }
-    
-    .github-link {
-        padding: 6px;
-    }
-    
-    .github-link span {
-        display: none;
-    }
-}
-
-/* Add modal styles */
-.modal-overlay {
-    display: none;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.7);
-    z-index: 1000;
-    backdrop-filter: blur(4px);
-}
-
-.modal {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    background: var(--bg-color-light);
-    border-radius: 12px;
-    padding: 24px;
-    width: 90%;
-    max-width: 800px;
-    max-height: 90vh;
-    overflow-y: auto;
-    z-index: 1001;
-    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
-}
-
-.dark-mode .modal {
-    background: var(--bg-color-dark);
-}
-
-.modal-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    margin-bottom: 16px;
-}
-
-.modal-title {
-    font-size: 1.4rem;
-    font-weight: 600;
-    margin: 0;
-    padding-right: 80px;
-    color: var(--text-color-light);
-    flex: 1;
-}
-
-.modal-copy-button {
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    padding: 4px;
-    color: var(--accent-color);
-    opacity: 0.8;
-    transition: opacity 0.2s ease;
-    width: 32px;
-    height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.modal-close {
-    position: static;
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    color: var(--text-color-light);
-    padding: 4px;
-    opacity: 0.7;
-    transition: opacity 0.2s ease;
-    width: 32px;
-    height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.dark-mode .modal-close {
-    color: var(--text-color-dark);
-}
-
-.modal-close:hover {
-    opacity: 1;
-}
-
-.prompt-card {
-    cursor: pointer;
-}
-
-/* Add contributor badge styles */
-.contributor-badge {
-    position: absolute;
-    bottom: 8px;
-    right: 12px;
-    font-size: 0.65rem;
-    color: var(--accent-color);
-    text-decoration: none;
-    opacity: 0.7;
-    transition: all 0.2s ease;
-    background: rgba(16, 185, 129, 0.1);
-    padding: 1px 6px;
-    border-radius: 8px;
-}
-
-.dark-mode .contributor-badge {
-    background: rgba(16, 185, 129, 0.15);
-}
-
-.contributor-badge:hover {
-    opacity: 1;
-    transform: translateY(-1px);
-    background: var(--accent-color);
-    color: white;
-}
-
-.dark-mode .contributor-badge:hover {
-    color: var(--bg-color-dark);
-}
-
-.prompt-content {
-    font-size: 0.9rem;
-    line-height: 1.5;
-    color: var(--text-color-light);
-    opacity: 0.8;
-    display: -webkit-box;
-    -webkit-line-clamp: 4;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    margin-bottom: 40px;
-}
-
-/* Add modal header and footer styles */
-.modal-footer {
-    margin-top: 24px;
-    padding-top: 16px;
-    border-top: 1px solid #e1e4e8;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    gap: 16px;
-}
-
-.modal-footer-left {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    margin-bottom: 0;
-    max-width: 50%;
-}
-
-.modal-footer-right {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    flex: 0 0 auto;
-    white-space: nowrap;
-}
-
-.modal-chat-button {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    padding: 6px 12px;
-    border-radius: 6px;
-    font-size: 0.9rem;
-    background: var(--accent-color);
-    color: white;
-    border: none;
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.modal-chat-button:hover {
-    background: var(--accent-color-hover);
-}
-
-.modal-chat-button svg {
-    width: 16px;
-    height: 16px;
-}
-
-.modal-contributor {
-    font-size: 0.8rem;
-    color: var(--accent-color);
-    text-decoration: none;
-    opacity: 0.8;
-    transition: opacity 0.2s ease;
-}
-
-.modal-contributor:hover {
-    opacity: 1;
-}
-
-.dark-mode .modal-title {
-    color: var(--text-color-dark);
-}
-
-.modal-content {
-    font-size: 1rem;
-    line-height: 1.6;
-    color: var(--text-color-light);
-}
-
-.dark-mode .modal-content {
-    color: var(--text-color-dark);
-}
-
-.modal-copy-button:hover {
-    opacity: 1;
-}
-
-.modal-copy-button svg {
-    width: 20px;
-    height: 20px;
-}
-
-.modal-close svg {
-    width: 20px;
-    height: 20px;
-}
-
-.dark-mode .modal-close {
-    color: var(--text-color-dark);
-}
-
-.footer-section a {
-    color: var(--accent-color);
-    text-decoration: none;
-}
-
-.footer-section a:hover {
-    opacity: 1;
-}
-
-.book-link {
-    color: var(--accent-color) !important;
-    padding: 1px 0;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    opacity: 0.7;
-    transition: opacity 0.2s ease;
-}
-
-.dark-mode .book-link {
-    color: var(--accent-color) !important;
-}
-
-.book-link:hover {
-    opacity: 1;
-}
-
-.social-footer-link {
-    color: var(--accent-color);
-    opacity: 0.8;
-    transition: opacity 0.2s ease;
-}
-
-.dark-mode .social-footer-link {
-    color: var(--accent-color);
-}
-
-.contribute-card {
-    border: 2px dashed var(--accent-color);
-    background: rgba(16, 185, 129, 0.05);
-    transition: all 0.2s ease;
-}
-
-.contribute-card:hover {
-    background: rgba(16, 185, 129, 0.1);
-    transform: translateY(-2px);
-}
-
-.dark-mode .contribute-card {
-    background: rgba(16, 185, 129, 0.1);
-}
-
-.dark-mode .contribute-card:hover {
-    background: rgba(16, 185, 129, 0.15);
-}
-
-.search-result-item.add-prompt {
-    color: var(--accent-color);
-    border: 1px dashed var(--accent-color);
-    background: rgba(16, 185, 129, 0.05);
-    transition: all 0.2s ease;
-}
-
-.search-result-item.add-prompt:hover {
-    background: rgba(16, 185, 129, 0.1);
-    transform: translateY(-1px);
-}
-
-.dark-mode .search-result-item.add-prompt {
-    background: rgba(16, 185, 129, 0.1);
-}
-
-.dark-mode .search-result-item.add-prompt:hover {
-    background: rgba(16, 185, 129, 0.15);
-}
-
-.star-count {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    color: var(--accent-color);
-    font-size: 0.9rem;
-    opacity: 0.8;
-    text-decoration: none;
-    transition: opacity 0.2s ease;
-}
-
-.star-count:hover {
-    opacity: 1;
-}
-
-.star-count svg {
-    width: 16px;
-    height: 16px;
-}
-
-@media (max-width: 768px) {
-    .star-count {
-        display: flex;
-        font-size: 0.8rem;
-    }
-    
-    .star-count svg {
-        width: 14px;
-        height: 14px;
-    }
-}
-
-/* Dev Mode Toggle Switch Styles */
-.dev-mode-toggle {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 6px 12px;
-    border: 1px solid #e1e4e8;
-    border-radius: 6px;
-    background-color: var(--bg-color-light);
-    min-width: 120px;
-    flex: 1;
-}
-
-.dev-mode-label {
-    font-size: 14px;
-    color: var(--text-color-light);
-    white-space: nowrap;
-    order: 1;
-}
-
-.switch {
-    position: relative;
-    display: inline-block;
-    width: 40px;
-    height: 20px;
-}
-
-.switch input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-}
-
-.slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ccc;
-    transition: .4s;
-}
-
-.dark-mode .slider {
-    background-color: #555;
-}
-
-.slider:before {
-    position: absolute;
-    content: "";
-    height: 16px;
-    width: 16px;
-    left: 2px;
-    bottom: 2px;
-    background-color: white;
-    transition: .4s;
-}
-
-.dark-mode .slider:before {
-    background-color: #e1e1e1;
-}
-
-input:checked + .slider {
-    background-color: var(--accent-color);
-}
-
-.dark-mode input:checked + .slider {
-    background-color: var(--accent-color);
-}
-
-input:focus + .slider {
-    box-shadow: 0 0 1px var(--accent-color);
-}
-
-.dark-mode input:focus + .slider {
-    box-shadow: 0 0 1px var(--accent-color);
-}
-
-input:checked + .slider:before {
-    transform: translateX(20px);
-}
-
-.slider.round {
-    border-radius: 34px;
-}
-
-.slider.round:before {
-    border-radius: 50%;
-}
-
-.main-content-header .dev-mode-toggle {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 6px 12px;
-    border: 1px solid #e1e4e8;
-    border-radius: 6px;
-    background-color: var(--bg-color-light);
-    min-width: 160px;
-    flex: 1;
-}
-
-.dark-mode .main-content-header .dev-mode-toggle {
-    background-color: var(--bg-color-dark);
-    border-color: #2d2d2d;
-}
-
-.main-content-header .dev-mode-toggle:hover {
-    border-color: var(--accent-color);
-}
-
-.main-content-header .dev-mode-label {
-    font-size: 14px;
-    color: var(--text-color-light);
-    white-space: nowrap;
-    order: 1;
-}
-
-.dark-mode .main-content-header .dev-mode-label {
-    color: var(--text-color-dark);
-}
-
-.main-content-header .switch {
-    order: 2;
-}
-
-@media (max-width: 768px) {
-    .main-content-header .dev-mode-toggle {
-        width: 100%;
-        order: -1;
-    }
-    
-    .main-content-header .dev-mode-label {
-        display: inline-block;
-    }
-    
-    .main-content-header .platform-selectors {
-        flex-direction: column;
-        width: 100%;
-    }
-}
-
-/* Copilot Suggestion Modal Styles */
-.copilot-suggestion-backdrop {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    backdrop-filter: blur(4px);
-    -webkit-backdrop-filter: blur(4px);
-    z-index: 1001;
-    display: none;
-}
-
-.dark-mode .copilot-suggestion-backdrop {
-    background: rgba(0, 0, 0, 0.7);
-}
-
-.copilot-suggestion-modal {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    background: var(--bg-color-light);
-    border-radius: 12px;
-    padding: 32px;
-    width: 90%;
-    max-width: 520px;
-    z-index: 1002;
-    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
-    display: none;
-}
-
-.dark-mode .copilot-suggestion-modal {
-    background: var(--bg-color-dark);
-    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
-}
-
-.prompts-count-label {
-    display: none;
-}
-
-.dev-mode .count-label {
-    display: none;
-}
-
-.dev-mode .prompts-count-label {
-    display: block;
-}
-
-.copilot-suggestion-content {
-    margin-bottom: 24px;
-    color: var(--text-color-light);
-    font-size: 1.1rem;
-    line-height: 1.5;
-}
-
-.dark-mode .copilot-suggestion-content {
-    color: var(--text-color-dark);
-}
-
-.copilot-suggestion-actions {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-}
-
-.copilot-suggestion-checkbox {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    color: var(--text-color-light);
-    font-size: 0.9rem;
-    opacity: 0.8;
-    order: 2;
-    margin-top: 8px;
-}
-
-.dark-mode .copilot-suggestion-checkbox {
-    color: var(--text-color-dark);
-}
-
-.copilot-suggestion-checkbox input[type="checkbox"] {
-    width: 16px;
-    height: 16px;
-    accent-color: var(--accent-color);
-    cursor: pointer;
-    margin: 0;
-}
-
-.copilot-suggestion-checkbox:hover {
-    opacity: 1;
-}
-
-.copilot-suggestion-buttons {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    order: 1;
-}
-
-.copilot-suggestion-button {
-    padding: 12px 16px;
-    border-radius: 8px;
-    font-size: 0.95rem;
-    border: none;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    font-weight: 500;
-    width: 100%;
-}
-
-.copilot-suggestion-button.primary {
-    background: var(--accent-color);
-    color: white;
-}
-
-.copilot-suggestion-button.primary:hover {
-    background: var(--accent-color-hover);
-    transform: translateY(-1px);
-}
-
-.copilot-suggestion-button.secondary {
-    background: transparent;
-    color: var(--text-color-light);
-    border: 1px solid #e1e4e8;
-}
-
-.dark-mode .copilot-suggestion-button.secondary {
-    color: var(--text-color-dark);
-    border-color: #2d2d2d;
-}
-
-.copilot-suggestion-button.secondary:hover {
-    background: rgba(0, 0, 0, 0.05);
-    transform: translateY(-1px);
-}
-
-.dark-mode .copilot-suggestion-button.secondary:hover {
-    background: rgba(255, 255, 255, 0.05);
-}
-
-@media (max-width: 480px) {
-    .copilot-suggestion-modal {
-        padding: 24px;
-        max-width: 100%;
-        margin: 0 16px;
-    }
-    
-    .copilot-suggestion-content {
-        font-size: 1rem;
-        margin-bottom: 20px;
-    }
-    
-    .copilot-suggestion-button {
-        padding: 10px 16px;
-        font-size: 0.9rem;
-    }
-}
-
-/* Variable Input Field Styles */
-.variable-container {
-    margin-bottom: 24px;
-    padding: 16px;
-    background: rgba(16, 185, 129, 0.05);
-    border-radius: 8px;
-    border: 1px solid var(--accent-color);
-}
-
-.variable-form {
-    display: grid;
-    gap: 12px;
-    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-}
-
-.variable-input-wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-}
-
-.variable-input-wrapper label {
-    font-size: 0.8rem;
-    color: var(--accent-color);
-    font-weight: 500;
-}
-
-.variable-input {
-    padding: 8px;
-    border: 1px solid #e1e4e8;
-    border-radius: 4px;
-    font-size: 0.9rem;
-    background: var(--bg-color-light);
-    color: var(--text-color-light);
-    transition: all 0.2s ease;
-}
-
-.dark-mode .variable-input {
-    background: var(--bg-color-dark);
-    color: var(--text-color-dark);
-    border-color: #2d2d2d;
-}
-
-.variable-input:focus {
-    outline: none;
-    border-color: var(--accent-color);
-    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.1);
-}
-
-.modal-content {
-    /* white-space: pre-wrap; */
-}
-
-.chrome-ext-link {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    color: var(--accent-color);
-    font-size: 0.9rem;
-    opacity: 0.8;
-    text-decoration: none;
-    transition: opacity 0.2s ease;
-}
-
-.chrome-ext-link:hover {
-    opacity: 1;
-}
-
-.chrome-ext-link svg {
-    width: 20px;
-    height: 20px;
-}
-
-.platform-selectors {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-right: 16px;
-}
-
-.custom-select {
-    padding: 6px 12px;
-    font-size: 14px;
-    border: 1px solid #e1e4e8;
-    border-radius: 6px;
-    background-color: var(--bg-color-light);
-    color: var(--text-color-light);
-    cursor: pointer;
-    transition: all 0.2s ease;
-    min-width: 120px;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
-    background-repeat: no-repeat;
-    background-position: right 8px center;
-    background-size: 16px;
-    padding-right: 32px;
-}
-
-.dark-mode .custom-select {
-    background-color: var(--bg-color-dark);
-    color: var(--text-color-dark);
-    border-color: #2d2d2d;
-}
-
-.custom-select:hover {
-    border-color: var(--accent-color);
-}
-
-.custom-select:focus {
-    outline: none;
-    border-color: var(--accent-color);
-    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
-}
-
-.custom-input {
-    padding: 6px 12px;
-    font-size: 14px;
-    border: 1px solid #e1e4e8;
-    border-radius: 6px;
-    background-color: var(--bg-color-light);
-    color: var(--text-color-light);
-    transition: all 0.2s ease;
-    min-width: 150px;
-}
-
-.dark-mode .custom-input {
-    background-color: var(--bg-color-dark);
-    color: var(--text-color-dark);
-    border-color: #2d2d2d;
-}
-
-.custom-input:hover {
-    border-color: var(--accent-color);
-}
-
-.custom-input:focus {
-    outline: none;
-    border-color: var(--accent-color);
-    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
-}
-
-.custom-input::placeholder {
-    color: #6a737d;
-    opacity: 0.8;
-}
-
-.dark-mode .custom-input::placeholder {
-    color: #8b949e;
-}
-
-@media (max-width: 768px) {
-    .platform-selectors {
-        flex-direction: column;
-        align-items: stretch;
-        gap: 8px;
-        margin-bottom: 12px;
-        width: 100%;
-    }
-    
-    .custom-select,
-    .custom-input {
-        width: 100%;
-    }
-}
-
-.main-content-header .custom-select {
-    min-width: 0;
-}
-
-.main-content-header .custom-input {
-    flex: 1;
-    min-width: 0;
-}
-
-@media (max-width: 768px) {
-    .main-content-header {
-        padding: 12px 40px;
-        margin: -16px -16px 16px -16px;
-    }
-    
-    .main-content-header .header-content {
-        flex-direction: column;
-        align-items: stretch;
-        gap: 12px;
-    }
-    
-    .main-content-header .header-description {
-        text-align: left;
-        white-space: normal;
-    }
-    
-    .main-content-header .platform-selectors {
-        flex-direction: row;
-        flex-wrap: wrap;
-        width: 100%;
-        align-items: center;
-        text-align: left;
-        gap: 4px;
-    }
-    
-    .main-content-header .custom-select,
-    .main-content-header .custom-input {
-        width: auto;
-        min-width: 0;
-        flex: 0 1 auto;
-    }
-    
-    .main-content-header .custom-input {
-        width: 100%;
-    }
-    
-    /* Show custom inputs on new line when visible */
-    .main-content-header .custom-input:not([style*="display: none"]) {
-        margin-top: 4px;
-        margin-bottom: 4px;
-    }
-}
-
-.platform-tag-container {
-    position: relative;
-    display: inline-block;
-}
-
-.grok-mode-dropdown {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    min-width: 160px;
-    margin-top: 4px;
-    background: var(--bg-color-light);
-    border: 1px solid var(--accent-color);
-    border-radius: 6px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    font-size: 0.8rem;
-    overflow: hidden;
-    padding: 4px;
-}
-
-.dark-mode .grok-mode-dropdown {
-    background: var(--bg-color-dark);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-}
-
-.grok-mode-option {
-    padding: 4px 8px;
-    cursor: pointer;
-    color: var(--text-color-light);
-    transition: all 0.2s ease;
-    border-radius: 4px;
-    white-space: nowrap;
-}
-
-.dark-mode .grok-mode-option {
-    color: var(--text-color-dark);
-}
-
-.grok-mode-option:hover {
-    background: rgba(16, 185, 129, 0.1);
-    color: var(--accent-color);
-}
-
-.dark-mode .grok-mode-option:hover {
-    background: rgba(16, 185, 129, 0.2);
-}
-
-.cursor-logo {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    color: var(--accent-color);
-    opacity: 0.8;
-    text-decoration: none;
-    transition: all 0.2s ease;
-    font-size: 0.85rem;
-    margin-right: 8px;
-}
-
-.cursor-logo:hover {
-    opacity: 1;
-    transform: translateY(-1px);
-}
-
-.cursor-logo svg {
-    width: 16px;
-    height: 16px;
-}
-
-/* Style for the Cursor AI logo paths in dark mode */
-.cursor-logo path[fill="#fff"] {
-    transition: fill 0.2s ease;
-}
-
-.dark-mode .cursor-logo path[fill="#fff"] {
-    fill: #2d2d2d;
-}
-
-@media (max-width: 768px) {
-    .cursor-logo span {
-        display: none;
-    }
-}
-
-.modal-actions {
-    display: flex;
-    gap: 0.5rem;
-}
-
-.modal-hint {
-    margin-bottom: 0;
-    font-size: 0.75rem;
-    color: var(--text-color-light);
-    opacity: 0.7;
-    display: block;
-    line-height: 1.4;
-    max-width: 300px;
-}
-
-.dark-mode .modal-hint {
-    color: var(--text-color-dark);
-}
-
-.content-well {
-    background-color: var(--background-color);
-    border: 1px solid var(--border-color);
-    border-radius: 8px;
-    overflow: hidden;
-}
-
-.dark-mode .content-well {
-    background-color: var(--background-color-dark);
-    border-color: var(--border-color-dark) !important;
-}
-
-.modal-content pre {
-    margin: 0;
-    padding: 1rem;
-    background-color: var(--code-background);
-    border-radius: 0;
-    overflow-x: auto;
-}
-
-.modal-content code {
-    font-family: 'Fira Code', monospace;
-    font-size: 0.9rem;
-    line-height: 1.5;
-    color: var(--code-text);
-    white-space: pre-wrap;
-    word-break: break-word;
-}
-
-/* Dark mode adjustments */
-
-.dark-mode .modal-content pre {
-    background-color: var(--dark-code-background);
-}
-
-.dark-mode .modal-content code {
-    color: var(--dark-code-text);
-}
-
-.dark-mode .modal-hint {
-    background-color: var(--dark-hover-color);
-}
-
-.dark-mode .content-well {
-    border-color: var(--dark-border-color);
-    background-color: var(--dark-background);
-}
-
-.github-form {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-top: 0;
-    justify-content: flex-end;
-    flex-wrap: nowrap;
-}
-
-.github-inputs {
-    display: flex;
-    align-items: center;
-    gap: 2px;
-    font-size: 13px;
-    color: var(--text-color-light);
-}
-
-.github-inputs span {
-    opacity: 0.7;
-    font-size: 12px;
-}
-
-.github-input {
-    border: 1px solid #e1e4e8;
-    border-radius: 4px;
-    padding: 4px 6px;
-    font-size: 12px;
-    width: 100px;
-    background-color: var(--bg-color-light);
-    color: var(--text-color-light);
-    transition: all 0.2s ease;
-}
-
-#github-branch {
-    width: 80px;
-}
-
-@media (max-width: 768px) {
-    .modal-footer {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 16px;
-    }
-    
-    .modal-footer-left {
-        max-width: 100%;
-        margin-bottom: 0;
-    }
-    
-    .modal-footer-right {
-        width: 100%;
-    }
-    
-    .github-form {
-        flex-direction: column;
-        align-items: stretch;
-        gap: 16px;
-        width: 100%;
-    }
-    
-    .github-inputs {
-        width: 100%;
-        justify-content: flex-start;
-        flex-wrap: wrap;
-        gap: 6px;
-    }
-    
-    .github-inputs span {
-        margin: 0 2px;
-    }
-    
-    .github-input {
-        flex: 1;
-        min-width: 60px;
-    }
-    
-    .create-yaml-button {
-        width: 100%;
-    }
-}
-
-.dark-mode .modal-footer {
-    border-color: #2d2d2d;
-}
-
-.github-input:focus {
-    outline: none;
-    border-color: var(--accent-color);
-    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.1);
-}
-
-.dark-mode .github-inputs {
-    color: var(--text-color-dark);
-}
-
-.dark-mode .github-input {
-    background-color: var(--bg-color-dark);
-    color: var(--text-color-dark);
-    border-color: #2d2d2d;
-}
-
-.create-yaml-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 6px;
-    background-color: var(--accent-color);
-    color: white;
-    border: none;
-    padding: 6px 12px;
-    border-radius: 4px;
-    font-size: 13px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    white-space: nowrap;
-    flex-shrink: 0;
-}
-
-.create-yaml-button:hover {
-    background-color: #0e9f71;
-}
-
-/* JSON Prompt Icon Styles */
-.prompt-json-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 20px;
-    height: 20px;
-    color: #f59e0b;
-    margin-right: 4px;
-}
-
-.prompt-json-icon svg {
-    width: 16px;
-    height: 16px;
-}
-
-.dark-mode .prompt-json-icon {
-    color: #fbbf24;
-}
-
-/* JSON Content Styles */
-.json-content {
-    background-color: #f8f9fa;
-    padding: 12px;
-    border-radius: 6px;
-    font-family: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
-    font-size: 0.8rem;
-    line-height: 1.5;
-    overflow-x: auto;
-    white-space: pre-wrap;
-    word-wrap: break-word;
-    margin: 0;
-    max-height: 200px;
-    overflow-y: auto;
-}
-
-.dark-mode .json-content {
-    background-color: #2d2d2d;
-    color: #f5f5f5;
-}
-
-.modal-json {
-    max-height: 400px;
-}
-
-/* JSON Syntax Highlighting */
-.json-key {
-    color: #0550ae;
-    font-weight: 500;
-}
-
-.dark-mode .json-key {
-    color: #79c0ff;
-}
-
-.json-string {
-    color: #22863a;
-}
-
-.dark-mode .json-string {
-    color: #a5d6a7;
-}
-
-.json-number {
-    color: #905;
-}
-
-.dark-mode .json-number {
-    color: #f48fb1;
-}
-
-.json-boolean {
-    color: #0550ae;
-    font-weight: 500;
-}
-
-.dark-mode .json-boolean {
-    color: #79c0ff;
-}
-
-.json-null {
-    color: #6e7781;
-    font-style: italic;
-}
-
-.dark-mode .json-null {
-    color: #8b949e;
-}   
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 00000000..cf9c65d3
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/vibe/index.md b/vibe/index.md
deleted file mode 100644
index fd655570..00000000
--- a/vibe/index.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: /vibe
-subtitle: awesome vibe coding prompts to help you build simple apps
-hide_platform_selector: true
-hide_extension_link: true
-hide_tone_selector: true
-subpage: true
-body_class: vibe
----
diff --git a/vibe/script.js b/vibe/script.js
deleted file mode 100644
index 17934c69..00000000
--- a/vibe/script.js
+++ /dev/null
@@ -1,424 +0,0 @@
-function parseCSV(csv) {
-  const lines = csv.split("\n");
-  const headers = lines[0]
-    .split(",")
-    .map((header) => header.replace(/"/g, "").trim());
-
-  return lines
-    .slice(1)
-    .map((line) => {
-      const values = line.match(/(".*?"|[^",\s]+)(?=\s*,|\s*$)/g) || [];
-      const entry = {};
-
-      headers.forEach((header, index) => {
-        let value = values[index] ? values[index].replace(/"/g, "").trim() : "";
-        // Remove backticks from the act/title
-        if (header === "app") {
-          value = value.replace(/`/g, "");
-        }
-        entry[header] = value;
-      });
-
-      return entry;
-    })
-    .filter((entry) => entry.app && entry.prompt);
-}
-
-// Load prompts from CSV
-async function loadPrompts() {
-  const response = await fetch('/vibeprompts.csv');
-  const text = await response.text();
-  return parseCSV(text);
-}
-
-// Update prompt count
-function updatePromptCount(filteredCount, totalCount) {
-  const countElement = document.getElementById('promptCount');
-  const countNumber = countElement.getElementsByClassName('count-number')[0];
-  if (countElement) {
-    countNumber.textContent = `${filteredCount}`;
-  }
-}
-
-// Render prompts in the main content area
-async function renderMainPrompts() {
-  const prompts = await loadPrompts();
-  const container = document.querySelector('#promptContent');
-  if (container) {
-    container.innerHTML = `<div class="prompts-grid">
-      <div class="prompt-card contribute-card">
-        <a href="https://github.com/f/awesome-chatgpt-prompts/pulls" target="_blank" style="text-decoration: none; color: inherit; height: 100%; display: flex; flex-direction: column;">
-          <div class="prompt-title" style="display: flex; align-items: center; gap: 8px;">
-            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <circle cx="12" cy="12" r="10"></circle>
-              <line x1="12" y1="8" x2="12" y2="16"></line>
-              <line x1="8" y1="12" x2="16" y2="12"></line>
-            </svg>
-            Add Your Vibe Prompt
-          </div>
-          <p class="prompt-content" style="flex-grow: 1;">
-            Share your vibe prompts with the community! Submit a pull request to add your prompts to the collection.
-          </p>
-          <span class="contributor-badge">Contribute Now</span>
-        </a>
-      </div>
-      ${prompts.map(({ app, prompt, contributor, techstack }) => `
-        <div class="prompt-card">
-          <div class="prompt-title">
-            ${app}
-            <div class="action-buttons">
-              <button class="copy-button" title="Copy prompt" onclick="copyPrompt(this, '${encodeURIComponent(prompt)}')">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
-                  <rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
-                </svg>
-              </button>
-            </div>
-          </div>
-          <p class="prompt-content">${prompt.replace(/\\n/g, '<br>')}</p>
-          <div class="card-footer">
-            <div class="techstack-badges">
-              ${techstack.split(',').map(tech => `<span class="tech-badge">${tech.trim()}</span>`).join('')}
-            </div>
-            <a href="https://github.com/${contributor.replace('@', '')}" class="contributor-badge" target="_blank" rel="noopener">${contributor}</a>
-          </div>
-        </div>
-      `).join('')}</div>`;
-
-    // Add click handlers for modal
-    const cards = container.querySelectorAll('.prompt-card:not(.contribute-card)');
-    cards.forEach((card, index) => {
-      card.addEventListener('click', (e) => {
-        // Don't open modal if clicking on buttons or links
-        if (!e.target.closest('.copy-button') && !e.target.closest('.contributor-badge')) {
-          const promptData = prompts[index];
-          showModal(promptData.app, promptData.prompt, promptData.contributor);
-        }
-      });
-    });
-  }
-  updatePromptCount(prompts.length, prompts.length);
-}
-
-// Render prompts in the sidebar
-async function renderSidebarPrompts() {
-  const prompts = await loadPrompts();
-  const searchResults = document.getElementById('searchResults');
-  if (searchResults) {
-    searchResults.innerHTML = prompts.map(({ app }) => `
-      <li class="search-result-item" onclick="scrollToPrompt('${app}')">${app}</li>
-    `).join('');
-  }
-}
-
-// Scroll to prompt card function
-function scrollToPrompt(title, prompt) {
-  // Find the prompt card with matching title
-  const cards = document.querySelectorAll('.prompt-card');
-  const targetCard = Array.from(cards).find(card => {
-    const cardTitle = card.querySelector('.prompt-title').textContent
-      .replace(/\s+/g, ' ') // Normalize whitespace
-      .replace(/[\n\r]/g, '') // Remove newlines
-      .trim();
-
-    const searchTitle = title
-      .replace(/\s+/g, ' ') // Normalize whitespace
-      .replace(/[\n\r]/g, '') // Remove newlines
-      .trim();
-
-    return cardTitle.toLowerCase().includes(searchTitle.toLowerCase()) ||
-           searchTitle.toLowerCase().includes(cardTitle.toLowerCase());
-  });
-
-  if (targetCard) {
-    // Remove highlight from all cards
-    cards.forEach(card => {
-      card.style.transition = 'all 0.3s ease';
-      card.style.transform = 'none';
-      card.style.boxShadow = 'none';
-      card.style.borderColor = '';
-    });
-
-    // Different scroll behavior for mobile and desktop
-    const isMobile = window.innerWidth <= 768;
-    const headerHeight = document.querySelector('.site-header').offsetHeight;
-
-    if (isMobile) {
-      // On mobile, scroll the window
-      const cardRect = targetCard.getBoundingClientRect();
-      const scrollTop = window.pageYOffset + cardRect.top - headerHeight - 20;
-
-      window.scrollTo({
-        top: scrollTop,
-        behavior: 'smooth'
-      });
-    } else {
-      // On desktop, scroll the main-content container
-      const mainContent = document.querySelector('.main-content');
-      const cardRect = targetCard.getBoundingClientRect();
-      const scrollTop = mainContent.scrollTop + cardRect.top - headerHeight - 20;
-
-      mainContent.scrollTo({
-        top: scrollTop,
-        behavior: 'smooth'
-      });
-    }
-
-    // Add highlight effect after scrolling completes
-    setTimeout(() => {
-      targetCard.style.transform = 'scale(1.02)';
-      targetCard.style.boxShadow = '0 0 0 2px var(--accent-color)';
-      targetCard.style.borderColor = 'var(--accent-color)';
-
-      // Remove highlight after animation
-      setTimeout(() => {
-        targetCard.style.transform = 'none';
-        targetCard.style.boxShadow = 'none';
-        targetCard.style.borderColor = '';
-      }, 2000);
-    }, 500); // Wait for scroll to complete
-  }
-}
-
-// Search functionality
-function setupSearch() {
-  const searchInput = document.getElementById('searchInput');
-  const searchResults = document.getElementById('searchResults');
-
-  if (searchInput && searchResults) {
-    searchInput.addEventListener('input', async (e) => {
-      const query = e.target.value.toLowerCase();
-      const prompts = await loadPrompts();
-      const filtered = prompts.filter(({ app, prompt }) => 
-        app.toLowerCase().includes(query) || prompt.toLowerCase().includes(query)
-      );
-
-      // Update prompt count
-      updatePromptCount(filtered.length, prompts.length);
-
-      // Show filtered results
-      if (window.innerWidth <= 768 && !query.trim()) {
-        searchResults.innerHTML = ''; // Clear results on mobile if no search query
-      } else {
-        searchResults.innerHTML = filtered.length === 0 
-          ? `<div class="search-result-item add-prompt">
-              <a href="https://github.com/f/awesome-chatgpt-prompts/pulls" target="_blank" style="text-decoration: none; color: inherit; display: flex; align-items: center; gap: 8px;">
-                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <circle cx="12" cy="12" r="10"></circle>
-                  <line x1="12" y1="8" x2="12" y2="16"></line>
-                  <line x1="8" y1="12" x2="16" y2="12"></line>
-                </svg>
-                Add this prompt
-              </a>
-            </div>`
-          : filtered.map(({ app, prompt }) => `
-              <li class="search-result-item" onclick="scrollToPrompt('${app}', '${prompt}')">
-                ${app}
-              </li>
-            `).join('');
-      }
-    });
-  }
-}
-
-// Fetch GitHub stars
-async function fetchGitHubStars() {
-  try {
-    const response = await fetch("https://api.github.com/repos/f/awesome-chatgpt-prompts");
-    const data = await response.json();
-    const stars = data.stargazers_count;
-    const starCount = document.getElementById("starCount");
-    if (starCount) {
-      starCount.textContent = stars.toLocaleString();
-    }
-  } catch (error) {
-    console.error("Error fetching star count:", error);
-    const starCount = document.getElementById("starCount");
-    if (starCount) {
-      starCount.textContent = "129k+";
-    }
-  }
-}
-
-// Initialize on page load
-document.addEventListener('DOMContentLoaded', () => {
-  renderMainPrompts();
-  renderSidebarPrompts();
-  setupSearch();
-  fetchGitHubStars();
-});
-
-// Dark mode toggle
-function toggleDarkMode() {
-  document.body.classList.toggle('dark-mode');
-  const isDark = document.body.classList.contains('dark-mode');
-  localStorage.setItem('dark-mode', isDark);
-}
-
-// Initialize dark mode from localStorage
-const savedDarkMode = localStorage.getItem('dark-mode') === 'true';
-if (savedDarkMode) {
-  document.body.classList.add('dark-mode');
-}
-
-// Copy prompt to clipboard
-async function copyPrompt(button, encodedPrompt) {
-  try {
-    const promptText = decodeURIComponent(encodedPrompt);
-    await navigator.clipboard.writeText(promptText);
-    const originalHTML = button.innerHTML;
-    button.innerHTML = `
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <polyline points="20 6 9 17 4 12"></polyline>
-      </svg>
-    `;
-    setTimeout(() => {
-      button.innerHTML = originalHTML;
-    }, 2000);
-  } catch (err) {
-    console.error("Failed to copy text: ", err);
-  }
-}
-
-// Open prompt in AI chat
-function openInChat(button, encodedPrompt) {
-  const promptText = decodeURIComponent(encodedPrompt);
-  const platform = document.querySelector(".platform-tag.active");
-
-  if (!platform) return;
-
-  const baseUrl = platform.dataset.url;
-  let url;
-
-  switch (platform.dataset.platform) {
-    case "github-copilot":
-      url = `${baseUrl}?prompt=${encodeURIComponent(promptText)}`;
-      break;
-    case "chatgpt":
-      url = `${baseUrl}?prompt=${encodeURIComponent(promptText)}`;
-      break;
-    case "grok":
-      url = `${baseUrl}&q=${encodeURIComponent(promptText)}`;
-      break;
-    case "claude":
-      url = `${baseUrl}?q=${encodeURIComponent(promptText)}`;
-      break;
-    case "perplexity":
-      url = `${baseUrl}/search?q=${encodeURIComponent(promptText)}`;
-      break;
-    case "mistral":
-      url = `${baseUrl}?q=${encodeURIComponent(promptText)}`;
-      break;
-    default:
-      url = `${baseUrl}?q=${encodeURIComponent(promptText)}`;
-  }
-
-  window.open(url, "_blank");
-}
-
-// Add modal functionality
-function showModal(app, prompt, contributor) {
-  let modalOverlay = document.getElementById('modalOverlay');
-  if (!modalOverlay) {
-    // Create modal if it doesn't exist
-    const modalHTML = `
-      <div class="modal-overlay" id="modalOverlay">
-        <div class="modal">
-          <div class="modal-header">
-            <h2 class="modal-title"></h2>
-            <div class="modal-actions">
-              <button class="modal-copy-button" title="Copy prompt">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
-                  <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
-                </svg>
-              </button>
-              <button class="modal-close" title="Close">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                  <line x1="18" y1="6" x2="6" y2="18"></line>
-                  <line x1="6" y1="6" x2="18" y2="18"></line>
-                </svg>
-              </button>
-            </div>
-          </div>
-          <div class="modal-content">
-            <div class="modal-hint">
-              Copy and paste this onto <a href="https://code.visualstudio.com/docs/copilot/overview" target="_blank">VSCode Copilot</a>, 
-              <a href="https://codeium.com/windsurf" target="_blank">Windsurf</a> or 
-              <a href="https://cursor.com" target="_blank">Cursor</a>
-            </div>
-            <div class="content-well">
-              <pre><code></code></pre>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <div class="modal-footer-left">
-              <a class="modal-contributor" target="_blank" rel="noopener"></a>
-            </div>
-            <div class="modal-footer-right">
-            <button class="modal-chat-button">
-                <svg class="terminal-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <polyline points="4 17 10 11 4 5"></polyline>
-                    <line x1="12" y1="19" x2="20" y2="19"></line>
-                </svg>
-                Run on AI IDE
-                </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-    document.body.insertAdjacentHTML('beforeend', modalHTML);
-    modalOverlay = document.getElementById('modalOverlay');
-
-    // Add event listeners
-    const modalClose = modalOverlay.querySelector('.modal-close');
-    modalClose.addEventListener('click', hideModal);
-    modalOverlay.addEventListener('click', (e) => {
-      if (e.target === modalOverlay) {
-        hideModal();
-      }
-    });
-
-    // Add copy functionality
-    const modalCopyButton = modalOverlay.querySelectorAll('.modal-copy-button, .modal-chat-button');
-    modalCopyButton.forEach(button => {
-      button.addEventListener('click', () => {
-        // TODO: Add open in chat functionality
-        copyPrompt(button, encodeURIComponent(prompt));
-        if (button.classList.contains('modal-chat-button')) {
-          alert('Now you can paste the prompt into your AI IDE, deeplinks to AI IDEs are coming soon (I hope)! — IDE devs, please DM me!');
-        }
-      });
-    });
-  }
-
-  const modalTitle = modalOverlay.querySelector('.modal-title');
-  const modalCode = modalOverlay.querySelector('.modal-content code');
-  const modalContributor = modalOverlay.querySelector('.modal-contributor');
-
-  modalTitle.textContent = app;
-  modalCode.innerHTML = prompt.replace(/\\n/g, '<br>');
-  if (contributor) {
-    modalContributor.href = `https://github.com/${contributor.replace('@', '')}`;
-    modalContributor.textContent = `Contributed by ${contributor}`;
-  }
-
-  modalOverlay.style.display = 'block';
-  document.body.style.overflow = 'hidden';
-}
-
-function hideModal() {
-  const modalOverlay = document.getElementById('modalOverlay');
-  if (!modalOverlay) return;
-
-  modalOverlay.style.display = 'none';
-  document.body.style.overflow = '';
-}
-
-// Add global event listener for Escape key
-document.addEventListener('keydown', (e) => {
-  if (e.key === 'Escape') {
-    hideModal();
-  }
-});